Simple html report template

<html>
    <head>
        <title>
            Test Report
        </title>
        <style type="text/css">

        .test-result-table {

            border: 1px solid black;
            width: 800px;
        }

        .test-result-table-header-cell {

            border-bottom: 1px solid black;
            background-color: silver;
        }

        .test-result-step-command-cell {

            border-bottom: 1px solid gray;
        }

        .test-result-step-description-cell {

            border-bottom: 1px solid gray;
        }

        .test-result-step-result-cell-ok {

            border-bottom: 1px solid gray;
            background-color: green;
        }

        .test-result-step-result-cell-failure {

            border-bottom: 1px solid gray;
            background-color: red;
        }

        .test-result-step-result-cell-notperformed {

            border-bottom: 1px solid gray;
            background-color: white;
        }

        .test-result-describe-cell {
            background-color: tan;
            font-style: italic;
        }

        .test-cast-status-box-ok {
            border: 1px solid black;
            float: left;
            margin-right: 10px;
            width: 45px;
            height: 25px;
            background-color: green;
        }

        </style>
    </head>
    <body>
        <h1 class="test-results-header">
            Test Report
        </h1>

        <table class="test-result-table" cellspacing="0">
            <thead>
                <tr>
                    <td class="test-result-table-header-cell">
                        Test Case
                    </td>
                    <td class="test-result-table-header-cell">
                        Description
                    </td>
                    <td class="test-result-table-header-cell">
                        Result
                    </td>
                </tr>
            </thead>
            <tbody>
                <tr class="test-result-step-row test-result-step-row-altone">
                    <td class="test-result-step-command-cell">
                        open /
                    </td>
                    <td class="test-result-step-description-cell">
                        Open browser to "/"
                    </td>
                    <td class="test-result-step-result-cell-ok">
                        OK
                    </td>
                </tr>
                <tr class="test-result-step-row test-result-comment-row">
                    <td class="test-result-describe-cell" colspan="3">
                        Describe: This is a comment
                    </td>
                </tr>
                <tr class="test-result-step-row test-result-step-row-alttwo">
                    <td class="test-result-step-command-cell">
                        click btnG
                    </td>
                    <td class="test-result-step-description-cell">
                        Click on page element with identifier of "btnG"
                    </td>
                    <td class="test-result-step-result-cell-failure">
                        FAILURE - Unable to find element named "btnG"
                    </td>
                </tr>
                <tr class="test-result-step-row test-result-step-row-altone">
                    <td class="test-result-step-command-cell">
                        assertTitle something
                    </td>
                    <td class="test-result-step-description-cell">
                        Test that the title of the page is "something"
                    </td>
                    <td class="test-result-step-result-cell-notperformed">
                        NOT PERFORMED
                    </td>
                </tr>
            </tbody>
        </table>
    </body>
</html>
source---- https://gist.github.com/cemremengu/5365729

Similar codes

2 votes309 views1 answer
Html input js onclick button click
Html
0 vote369 views1 answer
Call to a member function format() on string
Html
0 vote356 views1 answer
Google Books Embedded Viewer API Example
Html
0 vote332 views1 answer
How to call a function when dropdown menu's value is selected in html
Html
2 votes327 views1 answer
Block level elements
Html
2 votes320 views2 answers
Data-target hamburger bootstrap
Html
0 vote324 views1 answer
Form controller in bootstrap
Html
0 vote343 views1 answer
Html5 select
Html
0 vote338 views1 answer
How to enter through a button that is closed in a html code
Html
3 votes345 views10 answers
Coding
Html