pagean 4.4.2 → 6.0.1

package/tests/__snapshots__/reporter.test.js.snap

@@ -1,509 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`reporter should write expected JSON and HTML reports 1`] = `"{\\"project\\":\\"Pagean\\",\\"executionStart\\":\\"2020-12-26T01:39:09.777Z\\",\\"summary\\":{\\"tests\\":37,\\"passed\\":31,\\"warning\\":1,\\"failed\\":5},\\"results\\":[{\\"url\\":\\"tests/test-cases/consoleLog.html\\",\\"tests\\":[{\\"name\\":\\"should not have console errors\\",\\"result\\":\\"passed\\"},{\\"name\\":\\"should not have console output\\",\\"result\\":\\"failed\\",\\"data\\":[{\\"_type\\":\\"log\\",\\"_text\\":\\"This is a test\\"}]},{\\"name\\":\\"should not have a horizontal scrollbar\\",\\"result\\":\\"passed\\"},{\\"name\\":\\"should load page within 3 sec\\",\\"result\\":\\"passed\\"},{\\"name\\":\\"should have valid rendered HTML\\",\\"result\\":\\"passed\\"},{\\"name\\":\\"should not have external scripts\\",\\"result\\":\\"passed\\"}]},{\\"url\\":\\"tests/test-cases/dynamicContent.html\\",\\"tests\\":[{\\"name\\":\\"should not have console errors\\",\\"result\\":\\"passed\\"},{\\"name\\":\\"should not have console output\\",\\"result\\":\\"passed\\"},{\\"name\\":\\"should not have a horizontal scrollbar\\",\\"result\\":\\"passed\\"},{\\"name\\":\\"should load page within 3 sec\\",\\"result\\":\\"passed\\"},{\\"name\\":\\"should have valid rendered HTML\\",\\"result\\":\\"passed\\"},{\\"name\\":\\"should not have external scripts\\",\\"result\\":\\"passed\\"}]},{\\"url\\":\\"tests/test-cases/horizontalScrollbar.html\\",\\"tests\\":[{\\"name\\":\\"should not have console errors\\",\\"result\\":\\"passed\\"},{\\"name\\":\\"should not have console output\\",\\"result\\":\\"passed\\"},{\\"name\\":\\"should not have a horizontal scrollbar\\",\\"result\\":\\"failed\\"},{\\"name\\":\\"should load page within 3 sec\\",\\"result\\":\\"passed\\"},{\\"name\\":\\"should have valid rendered HTML\\",\\"result\\":\\"passed\\"},{\\"name\\":\\"should not have external scripts\\",\\"result\\":\\"passed\\"}]},{\\"url\\":\\"tests/test-cases/htmlError.html\\",\\"tests\\":[{\\"name\\":\\"should not have console errors\\",\\"result\\":\\"passed\\"},{\\"name\\":\\"should not have console output\\",\\"result\\":\\"passed\\"},{\\"name\\":\\"should not have a horizontal scrollbar\\",\\"result\\":\\"passed\\"},{\\"name\\":\\"should load page within 3 sec\\",\\"result\\":\\"passed\\"},{\\"name\\":\\"should have valid rendered HTML\\",\\"result\\":\\"failed\\",\\"data\\":[{\\"type\\":\\"error\\",\\"message\\":\\"The id value [ div1 ] must be unique.\\",\\"raw\\":\\" id=\\\\\\"div1\\\\\\"\\",\\"evidence\\":\\"    <div id=\\\\\\"div1\\\\\\"></div>\\",\\"line\\":6,\\"col\\":9,\\"rule\\":{\\"id\\":\\"id-unique\\",\\"description\\":\\"The value of id attributes must be unique.\\",\\"link\\":\\"https://github.com/thedaviddias/HTMLHint/wiki/id-unique\\"}},{\\"type\\":\\"warning\\",\\"message\\":\\"An alt attribute must be present on <img> elements.\\",\\"raw\\":\\"<img>\\",\\"evidence\\":\\"    <img>\\",\\"line\\":7,\\"col\\":9,\\"rule\\":{\\"id\\":\\"alt-require\\",\\"description\\":\\"The alt attribute of an <img> element must be present and alt attribute of area[href] and input[type=image] must have a value.\\",\\"link\\":\\"https://github.com/thedaviddias/HTMLHint/wiki/alt-require\\"}}]},{\\"name\\":\\"should not have external scripts\\",\\"result\\":\\"passed\\"}]},{\\"url\\":\\"tests/test-cases/scriptError404.html\\",\\"tests\\":[{\\"name\\":\\"should not have console errors\\",\\"result\\":\\"failed\\",\\"data\\":[{\\"_type\\":\\"error\\",\\"_text\\":\\"Failed to load resource: net::ERR_NAME_NOT_RESOLVED\\"}]},{\\"name\\":\\"should not have a horizontal scrollbar\\",\\"result\\":\\"passed\\"},{\\"name\\":\\"should load page within 3 sec\\",\\"result\\":\\"passed\\"},{\\"name\\":\\"should have valid rendered HTML\\",\\"result\\":\\"passed\\"}]},{\\"url\\":\\"tests/test-cases/slowLoad.html\\",\\"tests\\":[{\\"name\\":\\"should not have console errors\\",\\"result\\":\\"passed\\"},{\\"name\\":\\"should not have console output\\",\\"result\\":\\"passed\\"},{\\"name\\":\\"should not have a horizontal scrollbar\\",\\"result\\":\\"passed\\"},{\\"name\\":\\"should load page within 2 sec\\",\\"result\\":\\"failed\\",\\"data\\":{\\"pageLoadTime\\":2.842}},{\\"name\\":\\"should have valid rendered HTML\\",\\"result\\":\\"passed\\"}]},{\\"url\\":\\"tests/test-cases/externalScripts.html\\",\\"tests\\":[{\\"name\\":\\"should not have a horizontal scrollbar\\",\\"result\\":\\"passed\\"},{\\"name\\":\\"should load page within 3 sec\\",\\"result\\":\\"passed\\"},{\\"name\\":\\"should have valid rendered HTML\\",\\"result\\":\\"passed\\"},{\\"name\\":\\"should not have external scripts\\",\\"result\\":\\"warning\\",\\"data\\":[{\\"url\\":\\"https://code.jquery.com/jquery-3.4.1.slim.min.js\\",\\"localFile\\":\\"pagean-external-scripts\\\\\\\\code.jquery.com\\\\\\\\jquery-3.4.1.slim.min.js\\"},{\\"url\\":\\"https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js\\",\\"localFile\\":\\"pagean-external-scripts\\\\\\\\cdn.jsdelivr.net\\\\\\\\npm\\\\\\\\popper.js@1.16.0\\\\\\\\dist\\\\\\\\umd\\\\\\\\popper.min.js\\"},{\\"url\\":\\"file://bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js\\",\\"error\\":\\"Request failed with status code 404\\"},{\\"url\\":\\"https://code.jquery.com/jquery-3.4.1.slim.min.js\\",\\"localFile\\":\\"pagean-external-scripts\\\\\\\\code.jquery.com\\\\\\\\jquery-3.4.1.slim.min.js\\"}]}]}]}"`;
-
-exports[`reporter should write expected JSON and HTML reports 2`] = `
-"<!DOCTYPE html>
-<html lang=\\"en\\">
-
-<head>
-    <title>Pagean Results</title>
-    <style>
-        html {
-            margin: 0;
-            padding: 0;
-        }
-
-        body {
-            color: #333333;
-            font-family: Arial, Helvetica, sans-serif;
-            font-size: 0.85rem;
-            padding: 1rem;
-            margin: auto;
-            max-width: 1000px;
-        }
-
-        ul {
-            margin: 0;
-            margin-block: 0;
-            margin-inline: 0;
-            padding: 0;
-            padding-inline: 0;
-        }
-
-        li {
-            list-style: none;
-        }
-
-        h1 {
-            margin-block: 0;
-            margin-inline: 0;
-            margin: 1rem 0 0.75rem 0;
-        }
-
-        h2 {
-            font-size: 1rem;
-        }
-
-        .project,
-        .started {
-            margin: 0;
-            padding-bottom: 0.5rem;
-        }
-
-        .test-summary {
-            display: flex;
-            flex-direction: row;
-            margin-bottom: 2rem;
-            max-width: 50%;
-        }
-
-        .summary {
-            background-color: #f4f4f4;
-            border: 1px solid #333333;
-            display: inline-block;
-            flex: 1 1 10%;
-            margin: 0 0.25rem;
-            padding: 0.25rem 0.5rem;
-        }
-
-        .summary:first-of-type {
-            margin-left: 0;
-        }
-
-        .summary:last-of-type {
-            margin-right: 0;
-        }
-
-        .passed {
-            background-color: #dff2bf;
-            border: 1px solid #44760f;
-            color: #44760f;
-        }
-
-        .failed {
-            background-color: #ffbaba;
-            border: 1px solid #ad000c;
-            color: #ad000c;
-        }
-
-        .warning {
-            background-color: #fdec96;
-            border: 1px solid #7e6902;
-            color: #7e6902;
-        }
-
-        .test-results h2 {
-            margin-block-end: 0;
-            margin-block-start: 1rem;
-        }
-
-        summary {
-            cursor: pointer;
-            list-style: none;
-        }
-
-        summary::-webkit-details-marker {
-            display: none;
-        }
-
-        li.test {
-            margin: 0.25rem 0;
-            padding: 0.5rem 1rem;
-        }
-
-        .test .header {
-            display: flex;
-            flex-direction: row;
-        }
-
-        .test .header .name {
-            flex: 1 1 75%;
-        }
-
-        .test .header .result {
-            flex: 1 1 25%;
-            text-align: right;
-        }
-
-        .test .data,
-        .test .time,
-        .test .error {
-            padding-left: 10px;
-        }
-
-        .test .data h3 {
-            font-size: inherit;
-            font-weight: normal;
-            margin: 0.25rem 0 0 0;
-            margin-block: 0;
-        }
-
-        .test .data li {
-            background-color: inherit;
-            border-style: none;
-            padding: 0.25rem;
-        }
-
-        .test .data li:hover {
-            background-color: rgba(255, 255, 255, 0.1);
-            border: 1px dotted;
-            border-right: 4px solid;
-            padding: calc(0.25rem - 1px);
-        }
-
-        .test .data pre {
-            margin: 0 0 0.25rem 0;
-        }
-
-        .test .time {
-            margin: 0.25rem 0 0 0;
-        }
-    </style>
-</head>
-
-<body>
-    <header>
-        <h1 id=\\"title\\">Pagean Results</h1>
-    </header>
-    <main>
-        <h2 class=\\"project\\">Project: Pagean</h2>
-        <section class=\\"started\\">Started: 2020-12-26T01:39:09.777Z</section>
-        <section class=\\"test-summary\\">
-            <div class=\\"summary\\">URLs: 7</div>
-            <div class=\\"summary\\">Tests: 37</div>
-            <div class=\\"summary passed\\">Passed: 31</div>
-            <div class=\\"summary warning\\">Warning: 1</div>
-            <div class=\\"summary failed\\">Failed: 5</div>
-        </section>
-        <section class=\\"test-results\\">
-            <h2>URL: tests/test-cases/consoleLog.html</h2>
-            <ul class=\\"tests\\">
-                <li class=\\"test passed\\">
-                    <div class=\\"header\\">
-                        <div class=\\"name\\">should not have console errors</div>
-                        <div class=\\"result\\">passed</div>
-                    </div>
-                </li>
-                <li class=\\"test failed\\">
-                    <details>
-                        <summary class=\\"header\\">
-                            <div class=\\"name\\">should not have console output ⏷</div>
-                            <div class=\\"result\\">failed</div>
-                        </summary>
-                        <div class=\\"data\\">
-                            <h3>Messages:</h3>
-                            <ul>
-                                <li><pre>{
-  &quot;_type&quot;: &quot;log&quot;,
-  &quot;_text&quot;: &quot;This is a test&quot;
-}</pre></li>
-                            </ul>
-                        </div>
-                    </details>
-                </li>
-                <li class=\\"test passed\\">
-                    <div class=\\"header\\">
-                        <div class=\\"name\\">should not have a horizontal scrollbar</div>
-                        <div class=\\"result\\">passed</div>
-                    </div>
-                </li>
-                <li class=\\"test passed\\">
-                    <div class=\\"header\\">
-                        <div class=\\"name\\">should load page within 3 sec</div>
-                        <div class=\\"result\\">passed</div>
-                    </div>
-                </li>
-                <li class=\\"test passed\\">
-                    <div class=\\"header\\">
-                        <div class=\\"name\\">should have valid rendered HTML</div>
-                        <div class=\\"result\\">passed</div>
-                    </div>
-                </li>
-                <li class=\\"test passed\\">
-                    <div class=\\"header\\">
-                        <div class=\\"name\\">should not have external scripts</div>
-                        <div class=\\"result\\">passed</div>
-                    </div>
-                </li>
-            </ul>
-            <h2>URL: tests/test-cases/dynamicContent.html</h2>
-            <ul class=\\"tests\\">
-                <li class=\\"test passed\\">
-                    <div class=\\"header\\">
-                        <div class=\\"name\\">should not have console errors</div>
-                        <div class=\\"result\\">passed</div>
-                    </div>
-                </li>
-                <li class=\\"test passed\\">
-                    <div class=\\"header\\">
-                        <div class=\\"name\\">should not have console output</div>
-                        <div class=\\"result\\">passed</div>
-                    </div>
-                </li>
-                <li class=\\"test passed\\">
-                    <div class=\\"header\\">
-                        <div class=\\"name\\">should not have a horizontal scrollbar</div>
-                        <div class=\\"result\\">passed</div>
-                    </div>
-                </li>
-                <li class=\\"test passed\\">
-                    <div class=\\"header\\">
-                        <div class=\\"name\\">should load page within 3 sec</div>
-                        <div class=\\"result\\">passed</div>
-                    </div>
-                </li>
-                <li class=\\"test passed\\">
-                    <div class=\\"header\\">
-                        <div class=\\"name\\">should have valid rendered HTML</div>
-                        <div class=\\"result\\">passed</div>
-                    </div>
-                </li>
-                <li class=\\"test passed\\">
-                    <div class=\\"header\\">
-                        <div class=\\"name\\">should not have external scripts</div>
-                        <div class=\\"result\\">passed</div>
-                    </div>
-                </li>
-            </ul>
-            <h2>URL: tests/test-cases/horizontalScrollbar.html</h2>
-            <ul class=\\"tests\\">
-                <li class=\\"test passed\\">
-                    <div class=\\"header\\">
-                        <div class=\\"name\\">should not have console errors</div>
-                        <div class=\\"result\\">passed</div>
-                    </div>
-                </li>
-                <li class=\\"test passed\\">
-                    <div class=\\"header\\">
-                        <div class=\\"name\\">should not have console output</div>
-                        <div class=\\"result\\">passed</div>
-                    </div>
-                </li>
-                <li class=\\"test failed\\">
-                    <div class=\\"header\\">
-                        <div class=\\"name\\">should not have a horizontal scrollbar</div>
-                        <div class=\\"result\\">failed</div>
-                    </div>
-                </li>
-                <li class=\\"test passed\\">
-                    <div class=\\"header\\">
-                        <div class=\\"name\\">should load page within 3 sec</div>
-                        <div class=\\"result\\">passed</div>
-                    </div>
-                </li>
-                <li class=\\"test passed\\">
-                    <div class=\\"header\\">
-                        <div class=\\"name\\">should have valid rendered HTML</div>
-                        <div class=\\"result\\">passed</div>
-                    </div>
-                </li>
-                <li class=\\"test passed\\">
-                    <div class=\\"header\\">
-                        <div class=\\"name\\">should not have external scripts</div>
-                        <div class=\\"result\\">passed</div>
-                    </div>
-                </li>
-            </ul>
-            <h2>URL: tests/test-cases/htmlError.html</h2>
-            <ul class=\\"tests\\">
-                <li class=\\"test passed\\">
-                    <div class=\\"header\\">
-                        <div class=\\"name\\">should not have console errors</div>
-                        <div class=\\"result\\">passed</div>
-                    </div>
-                </li>
-                <li class=\\"test passed\\">
-                    <div class=\\"header\\">
-                        <div class=\\"name\\">should not have console output</div>
-                        <div class=\\"result\\">passed</div>
-                    </div>
-                </li>
-                <li class=\\"test passed\\">
-                    <div class=\\"header\\">
-                        <div class=\\"name\\">should not have a horizontal scrollbar</div>
-                        <div class=\\"result\\">passed</div>
-                    </div>
-                </li>
-                <li class=\\"test passed\\">
-                    <div class=\\"header\\">
-                        <div class=\\"name\\">should load page within 3 sec</div>
-                        <div class=\\"result\\">passed</div>
-                    </div>
-                </li>
-                <li class=\\"test failed\\">
-                    <details>
-                        <summary class=\\"header\\">
-                            <div class=\\"name\\">should have valid rendered HTML ⏷</div>
-                            <div class=\\"result\\">failed</div>
-                        </summary>
-                        <div class=\\"data\\">
-                            <h3>Messages:</h3>
-                            <ul>
-                                <li><pre>{
-  &quot;type&quot;: &quot;error&quot;,
-  &quot;message&quot;: &quot;The id value [ div1 ] must be unique.&quot;,
-  &quot;raw&quot;: &quot; id&#x3D;\\\\&quot;div1\\\\&quot;&quot;,
-  &quot;evidence&quot;: &quot;    &lt;div id&#x3D;\\\\&quot;div1\\\\&quot;&gt;&lt;/div&gt;&quot;,
-  &quot;line&quot;: 6,
-  &quot;col&quot;: 9,
-  &quot;rule&quot;: {
-    &quot;id&quot;: &quot;id-unique&quot;,
-    &quot;description&quot;: &quot;The value of id attributes must be unique.&quot;,
-    &quot;link&quot;: &quot;https://github.com/thedaviddias/HTMLHint/wiki/id-unique&quot;
-  }
-}</pre></li>
-                                <li><pre>{
-  &quot;type&quot;: &quot;warning&quot;,
-  &quot;message&quot;: &quot;An alt attribute must be present on &lt;img&gt; elements.&quot;,
-  &quot;raw&quot;: &quot;&lt;img&gt;&quot;,
-  &quot;evidence&quot;: &quot;    &lt;img&gt;&quot;,
-  &quot;line&quot;: 7,
-  &quot;col&quot;: 9,
-  &quot;rule&quot;: {
-    &quot;id&quot;: &quot;alt-require&quot;,
-    &quot;description&quot;: &quot;The alt attribute of an &lt;img&gt; element must be present and alt attribute of area[href] and input[type&#x3D;image] must have a value.&quot;,
-    &quot;link&quot;: &quot;https://github.com/thedaviddias/HTMLHint/wiki/alt-require&quot;
-  }
-}</pre></li>
-                            </ul>
-                        </div>
-                    </details>
-                </li>
-                <li class=\\"test passed\\">
-                    <div class=\\"header\\">
-                        <div class=\\"name\\">should not have external scripts</div>
-                        <div class=\\"result\\">passed</div>
-                    </div>
-                </li>
-            </ul>
-            <h2>URL: tests/test-cases/scriptError404.html</h2>
-            <ul class=\\"tests\\">
-                <li class=\\"test failed\\">
-                    <details>
-                        <summary class=\\"header\\">
-                            <div class=\\"name\\">should not have console errors ⏷</div>
-                            <div class=\\"result\\">failed</div>
-                        </summary>
-                        <div class=\\"data\\">
-                            <h3>Messages:</h3>
-                            <ul>
-                                <li><pre>{
-  &quot;_type&quot;: &quot;error&quot;,
-  &quot;_text&quot;: &quot;Failed to load resource: net::ERR_NAME_NOT_RESOLVED&quot;
-}</pre></li>
-                            </ul>
-                        </div>
-                    </details>
-                </li>
-                <li class=\\"test passed\\">
-                    <div class=\\"header\\">
-                        <div class=\\"name\\">should not have a horizontal scrollbar</div>
-                        <div class=\\"result\\">passed</div>
-                    </div>
-                </li>
-                <li class=\\"test passed\\">
-                    <div class=\\"header\\">
-                        <div class=\\"name\\">should load page within 3 sec</div>
-                        <div class=\\"result\\">passed</div>
-                    </div>
-                </li>
-                <li class=\\"test passed\\">
-                    <div class=\\"header\\">
-                        <div class=\\"name\\">should have valid rendered HTML</div>
-                        <div class=\\"result\\">passed</div>
-                    </div>
-                </li>
-            </ul>
-            <h2>URL: tests/test-cases/slowLoad.html</h2>
-            <ul class=\\"tests\\">
-                <li class=\\"test passed\\">
-                    <div class=\\"header\\">
-                        <div class=\\"name\\">should not have console errors</div>
-                        <div class=\\"result\\">passed</div>
-                    </div>
-                </li>
-                <li class=\\"test passed\\">
-                    <div class=\\"header\\">
-                        <div class=\\"name\\">should not have console output</div>
-                        <div class=\\"result\\">passed</div>
-                    </div>
-                </li>
-                <li class=\\"test passed\\">
-                    <div class=\\"header\\">
-                        <div class=\\"name\\">should not have a horizontal scrollbar</div>
-                        <div class=\\"result\\">passed</div>
-                    </div>
-                </li>
-                <li class=\\"test failed\\">
-                    <details>
-                        <summary class=\\"header\\">
-                            <div class=\\"name\\">should load page within 2 sec ⏷</div>
-                            <div class=\\"result\\">failed</div>
-                        </summary>
-                        <div class=\\"time\\">Load time: 2.842s</div>
-                    </details>
-                </li>
-                <li class=\\"test passed\\">
-                    <div class=\\"header\\">
-                        <div class=\\"name\\">should have valid rendered HTML</div>
-                        <div class=\\"result\\">passed</div>
-                    </div>
-                </li>
-            </ul>
-            <h2>URL: tests/test-cases/externalScripts.html</h2>
-            <ul class=\\"tests\\">
-                <li class=\\"test passed\\">
-                    <div class=\\"header\\">
-                        <div class=\\"name\\">should not have a horizontal scrollbar</div>
-                        <div class=\\"result\\">passed</div>
-                    </div>
-                </li>
-                <li class=\\"test passed\\">
-                    <div class=\\"header\\">
-                        <div class=\\"name\\">should load page within 3 sec</div>
-                        <div class=\\"result\\">passed</div>
-                    </div>
-                </li>
-                <li class=\\"test passed\\">
-                    <div class=\\"header\\">
-                        <div class=\\"name\\">should have valid rendered HTML</div>
-                        <div class=\\"result\\">passed</div>
-                    </div>
-                </li>
-                <li class=\\"test warning\\">
-                    <details>
-                        <summary class=\\"header\\">
-                            <div class=\\"name\\">should not have external scripts ⏷</div>
-                            <div class=\\"result\\">warning</div>
-                        </summary>
-                        <div class=\\"data\\">
-                            <h3>Messages:</h3>
-                            <ul>
-                                <li><pre>{
-  &quot;url&quot;: &quot;https://code.jquery.com/jquery-3.4.1.slim.min.js&quot;,
-  &quot;localFile&quot;: &quot;pagean-external-scripts\\\\\\\\code.jquery.com\\\\\\\\jquery-3.4.1.slim.min.js&quot;
-}</pre></li>
-                                <li><pre>{
-  &quot;url&quot;: &quot;https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js&quot;,
-  &quot;localFile&quot;: &quot;pagean-external-scripts\\\\\\\\cdn.jsdelivr.net\\\\\\\\npm\\\\\\\\popper.js@1.16.0\\\\\\\\dist\\\\\\\\umd\\\\\\\\popper.min.js&quot;
-}</pre></li>
-                                <li><pre>{
-  &quot;url&quot;: &quot;file://bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js&quot;,
-  &quot;error&quot;: &quot;Request failed with status code 404&quot;
-}</pre></li>
-                                <li><pre>{
-  &quot;url&quot;: &quot;https://code.jquery.com/jquery-3.4.1.slim.min.js&quot;,
-  &quot;localFile&quot;: &quot;pagean-external-scripts\\\\\\\\code.jquery.com\\\\\\\\jquery-3.4.1.slim.min.js&quot;
-}</pre></li>
-                            </ul>
-                        </div>
-                    </details>
-                </li>
-            </ul>
-        </section>
-    </main>
-</body>
-
-</html>"
-`;