|
|
@@ -1,1103 +0,0 @@
|
|
|
-<!DOCTYPE html>
|
|
|
-<html>
|
|
|
- <head>
|
|
|
- <meta charset="utf-8"/>
|
|
|
- <title id="head-title">rapporDeTest.html</title>
|
|
|
- <style type="text/css">body {
|
|
|
- font-family: Helvetica, Arial, sans-serif;
|
|
|
- font-size: 12px;
|
|
|
- /* do not increase min-width as some may use split screens */
|
|
|
- min-width: 800px;
|
|
|
- color: #999;
|
|
|
-}
|
|
|
-
|
|
|
-h1 {
|
|
|
- font-size: 24px;
|
|
|
- color: black;
|
|
|
-}
|
|
|
-
|
|
|
-h2 {
|
|
|
- font-size: 16px;
|
|
|
- color: black;
|
|
|
-}
|
|
|
-
|
|
|
-p {
|
|
|
- color: black;
|
|
|
-}
|
|
|
-
|
|
|
-a {
|
|
|
- color: #999;
|
|
|
-}
|
|
|
-
|
|
|
-table {
|
|
|
- border-collapse: collapse;
|
|
|
-}
|
|
|
-
|
|
|
-/******************************
|
|
|
- * SUMMARY INFORMATION
|
|
|
- ******************************/
|
|
|
-#environment td {
|
|
|
- padding: 5px;
|
|
|
- border: 1px solid #e6e6e6;
|
|
|
- vertical-align: top;
|
|
|
-}
|
|
|
-#environment tr:nth-child(odd) {
|
|
|
- background-color: #f6f6f6;
|
|
|
-}
|
|
|
-#environment ul {
|
|
|
- margin: 0;
|
|
|
- padding: 0 20px;
|
|
|
-}
|
|
|
-
|
|
|
-/******************************
|
|
|
- * TEST RESULT COLORS
|
|
|
- ******************************/
|
|
|
-span.passed,
|
|
|
-.passed .col-result {
|
|
|
- color: green;
|
|
|
-}
|
|
|
-
|
|
|
-span.skipped,
|
|
|
-span.xfailed,
|
|
|
-span.rerun,
|
|
|
-.skipped .col-result,
|
|
|
-.xfailed .col-result,
|
|
|
-.rerun .col-result {
|
|
|
- color: orange;
|
|
|
-}
|
|
|
-
|
|
|
-span.error,
|
|
|
-span.failed,
|
|
|
-span.xpassed,
|
|
|
-.error .col-result,
|
|
|
-.failed .col-result,
|
|
|
-.xpassed .col-result {
|
|
|
- color: red;
|
|
|
-}
|
|
|
-
|
|
|
-.col-links__extra {
|
|
|
- margin-right: 3px;
|
|
|
-}
|
|
|
-
|
|
|
-/******************************
|
|
|
- * RESULTS TABLE
|
|
|
- *
|
|
|
- * 1. Table Layout
|
|
|
- * 2. Extra
|
|
|
- * 3. Sorting items
|
|
|
- *
|
|
|
- ******************************/
|
|
|
-/*------------------
|
|
|
- * 1. Table Layout
|
|
|
- *------------------*/
|
|
|
-#results-table {
|
|
|
- border: 1px solid #e6e6e6;
|
|
|
- color: #999;
|
|
|
- font-size: 12px;
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-#results-table th,
|
|
|
-#results-table td {
|
|
|
- padding: 5px;
|
|
|
- border: 1px solid #e6e6e6;
|
|
|
- text-align: left;
|
|
|
-}
|
|
|
-#results-table th {
|
|
|
- font-weight: bold;
|
|
|
-}
|
|
|
-
|
|
|
-/*------------------
|
|
|
- * 2. Extra
|
|
|
- *------------------*/
|
|
|
-.logwrapper {
|
|
|
- max-height: 230px;
|
|
|
- overflow-y: scroll;
|
|
|
- background-color: #e6e6e6;
|
|
|
-}
|
|
|
-.logwrapper.expanded {
|
|
|
- max-height: none;
|
|
|
-}
|
|
|
-.logwrapper.expanded .logexpander:after {
|
|
|
- content: "collapse [-]";
|
|
|
-}
|
|
|
-.logwrapper .logexpander {
|
|
|
- z-index: 1;
|
|
|
- position: sticky;
|
|
|
- top: 10px;
|
|
|
- width: max-content;
|
|
|
- border: 1px solid;
|
|
|
- border-radius: 3px;
|
|
|
- padding: 5px 7px;
|
|
|
- margin: 10px 0 10px calc(100% - 80px);
|
|
|
- cursor: pointer;
|
|
|
- background-color: #e6e6e6;
|
|
|
-}
|
|
|
-.logwrapper .logexpander:after {
|
|
|
- content: "expand [+]";
|
|
|
-}
|
|
|
-.logwrapper .logexpander:hover {
|
|
|
- color: #000;
|
|
|
- border-color: #000;
|
|
|
-}
|
|
|
-.logwrapper .log {
|
|
|
- min-height: 40px;
|
|
|
- position: relative;
|
|
|
- top: -50px;
|
|
|
- height: calc(100% + 50px);
|
|
|
- border: 1px solid #e6e6e6;
|
|
|
- color: black;
|
|
|
- display: block;
|
|
|
- font-family: "Courier New", Courier, monospace;
|
|
|
- padding: 5px;
|
|
|
- padding-right: 80px;
|
|
|
- white-space: pre-wrap;
|
|
|
-}
|
|
|
-
|
|
|
-div.media {
|
|
|
- border: 1px solid #e6e6e6;
|
|
|
- float: right;
|
|
|
- height: 240px;
|
|
|
- margin: 0 5px;
|
|
|
- overflow: hidden;
|
|
|
- width: 320px;
|
|
|
-}
|
|
|
-
|
|
|
-.media-container {
|
|
|
- display: grid;
|
|
|
- grid-template-columns: 25px auto 25px;
|
|
|
- align-items: center;
|
|
|
- flex: 1 1;
|
|
|
- overflow: hidden;
|
|
|
- height: 200px;
|
|
|
-}
|
|
|
-
|
|
|
-.media-container--fullscreen {
|
|
|
- grid-template-columns: 0px auto 0px;
|
|
|
-}
|
|
|
-
|
|
|
-.media-container__nav--right,
|
|
|
-.media-container__nav--left {
|
|
|
- text-align: center;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.media-container__viewport {
|
|
|
- cursor: pointer;
|
|
|
- text-align: center;
|
|
|
- height: inherit;
|
|
|
-}
|
|
|
-.media-container__viewport img,
|
|
|
-.media-container__viewport video {
|
|
|
- object-fit: cover;
|
|
|
- width: 100%;
|
|
|
- max-height: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.media__name,
|
|
|
-.media__counter {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- justify-content: space-around;
|
|
|
- flex: 0 0 25px;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.collapsible td:not(.col-links) {
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-.collapsible td:not(.col-links):hover::after {
|
|
|
- color: #bbb;
|
|
|
- font-style: italic;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.col-result {
|
|
|
- width: 130px;
|
|
|
-}
|
|
|
-.col-result:hover::after {
|
|
|
- content: " (hide details)";
|
|
|
-}
|
|
|
-
|
|
|
-.col-result.collapsed:hover::after {
|
|
|
- content: " (show details)";
|
|
|
-}
|
|
|
-
|
|
|
-#environment-header h2:hover::after {
|
|
|
- content: " (hide details)";
|
|
|
- color: #bbb;
|
|
|
- font-style: italic;
|
|
|
- cursor: pointer;
|
|
|
- font-size: 12px;
|
|
|
-}
|
|
|
-
|
|
|
-#environment-header.collapsed h2:hover::after {
|
|
|
- content: " (show details)";
|
|
|
- color: #bbb;
|
|
|
- font-style: italic;
|
|
|
- cursor: pointer;
|
|
|
- font-size: 12px;
|
|
|
-}
|
|
|
-
|
|
|
-/*------------------
|
|
|
- * 3. Sorting items
|
|
|
- *------------------*/
|
|
|
-.sortable {
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-.sortable.desc:after {
|
|
|
- content: " ";
|
|
|
- position: relative;
|
|
|
- left: 5px;
|
|
|
- bottom: -12.5px;
|
|
|
- border: 10px solid #4caf50;
|
|
|
- border-bottom: 0;
|
|
|
- border-left-color: transparent;
|
|
|
- border-right-color: transparent;
|
|
|
-}
|
|
|
-.sortable.asc:after {
|
|
|
- content: " ";
|
|
|
- position: relative;
|
|
|
- left: 5px;
|
|
|
- bottom: 12.5px;
|
|
|
- border: 10px solid #4caf50;
|
|
|
- border-top: 0;
|
|
|
- border-left-color: transparent;
|
|
|
- border-right-color: transparent;
|
|
|
-}
|
|
|
-
|
|
|
-.hidden, .summary__reload__button.hidden {
|
|
|
- display: none;
|
|
|
-}
|
|
|
-
|
|
|
-.summary__data {
|
|
|
- flex: 0 0 550px;
|
|
|
-}
|
|
|
-.summary__reload {
|
|
|
- flex: 1 1;
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
-}
|
|
|
-.summary__reload__button {
|
|
|
- flex: 0 0 300px;
|
|
|
- display: flex;
|
|
|
- color: white;
|
|
|
- font-weight: bold;
|
|
|
- background-color: #4caf50;
|
|
|
- text-align: center;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- border-radius: 3px;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-.summary__reload__button:hover {
|
|
|
- background-color: #46a049;
|
|
|
-}
|
|
|
-.summary__spacer {
|
|
|
- flex: 0 0 550px;
|
|
|
-}
|
|
|
-
|
|
|
-.controls {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
-}
|
|
|
-
|
|
|
-.filters,
|
|
|
-.collapse {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-.filters button,
|
|
|
-.collapse button {
|
|
|
- color: #999;
|
|
|
- border: none;
|
|
|
- background: none;
|
|
|
- cursor: pointer;
|
|
|
- text-decoration: underline;
|
|
|
-}
|
|
|
-.filters button:hover,
|
|
|
-.collapse button:hover {
|
|
|
- color: #ccc;
|
|
|
-}
|
|
|
-
|
|
|
-.filter__label {
|
|
|
- margin-right: 10px;
|
|
|
-}
|
|
|
-
|
|
|
- </style>
|
|
|
-
|
|
|
- </head>
|
|
|
- <body>
|
|
|
- <h1 id="title">rapporDeTest.html</h1>
|
|
|
-<<<<<<< HEAD:rapporDeTest.html
|
|
|
- <p>Report generated on 11-Jan-2024 at 10:08:05 by <a href="https://pypi.python.org/pypi/pytest-html">pytest-html</a>
|
|
|
-=======
|
|
|
- <p>Report generated on 11-Jan-2024 at 10:13:59 by <a href="https://pypi.python.org/pypi/pytest-html">pytest-html</a>
|
|
|
->>>>>>> 583f0696289e24f22cc7ef7fee74d7d5e1eabd7a:RapporDeTest_groupe3.html
|
|
|
- v4.1.1</p>
|
|
|
- <div id="environment-header">
|
|
|
- <h2>Environment</h2>
|
|
|
- </div>
|
|
|
- <table id="environment"></table>
|
|
|
- <!-- TEMPLATES -->
|
|
|
- <template id="template_environment_row">
|
|
|
- <tr>
|
|
|
- <td></td>
|
|
|
- <td></td>
|
|
|
- </tr>
|
|
|
- </template>
|
|
|
- <template id="template_results-table__body--empty">
|
|
|
- <tbody class="results-table-row">
|
|
|
- <tr id="not-found-message">
|
|
|
- <td colspan="4">No results found. Check the filters.</th>
|
|
|
- </tr>
|
|
|
- </template>
|
|
|
- <template id="template_results-table__tbody">
|
|
|
- <tbody class="results-table-row">
|
|
|
- <tr class="collapsible">
|
|
|
- </tr>
|
|
|
- <tr class="extras-row">
|
|
|
- <td class="extra" colspan="4">
|
|
|
- <div class="extraHTML"></div>
|
|
|
- <div class="media">
|
|
|
- <div class="media-container">
|
|
|
- <div class="media-container__nav--left"><</div>
|
|
|
- <div class="media-container__viewport">
|
|
|
- <img src="" />
|
|
|
- <video controls>
|
|
|
- <source src="" type="video/mp4">
|
|
|
- </video>
|
|
|
- </div>
|
|
|
- <div class="media-container__nav--right">></div>
|
|
|
- </div>
|
|
|
- <div class="media__name"></div>
|
|
|
- <div class="media__counter"></div>
|
|
|
- </div>
|
|
|
- <div class="logwrapper">
|
|
|
- <div class="logexpander"></div>
|
|
|
- <div class="log"></div>
|
|
|
- </div>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- </tbody>
|
|
|
- </template>
|
|
|
- <!-- END TEMPLATES -->
|
|
|
- <div class="summary">
|
|
|
- <div class="summary__data">
|
|
|
- <h2>Summary</h2>
|
|
|
- <div class="additional-summary prefix">
|
|
|
- </div>
|
|
|
-<<<<<<< HEAD:rapporDeTest.html
|
|
|
- <p class="run-count">1 test took 00:00:24.</p>
|
|
|
-=======
|
|
|
- <p class="run-count">1 test took 00:00:13.</p>
|
|
|
->>>>>>> 583f0696289e24f22cc7ef7fee74d7d5e1eabd7a:RapporDeTest_groupe3.html
|
|
|
- <p class="filter">(Un)check the boxes to filter the results.</p>
|
|
|
- <div class="summary__reload">
|
|
|
- <div class="summary__reload__button hidden" onclick="location.reload()">
|
|
|
- <div>There are still tests running. <br />Reload this page to get the latest results!</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="summary__spacer"></div>
|
|
|
- <div class="controls">
|
|
|
- <div class="filters">
|
|
|
- <input checked="true" class="filter" name="filter_checkbox" type="checkbox" data-test-result="failed" disabled/>
|
|
|
- <span class="failed">0 Failed,</span>
|
|
|
- <input checked="true" class="filter" name="filter_checkbox" type="checkbox" data-test-result="passed" />
|
|
|
- <span class="passed">1 Passed,</span>
|
|
|
- <input checked="true" class="filter" name="filter_checkbox" type="checkbox" data-test-result="skipped" disabled/>
|
|
|
- <span class="skipped">0 Skipped,</span>
|
|
|
- <input checked="true" class="filter" name="filter_checkbox" type="checkbox" data-test-result="xfailed" disabled/>
|
|
|
- <span class="xfailed">0 Expected failures,</span>
|
|
|
- <input checked="true" class="filter" name="filter_checkbox" type="checkbox" data-test-result="xpassed" disabled/>
|
|
|
- <span class="xpassed">0 Unexpected passes,</span>
|
|
|
- <input checked="true" class="filter" name="filter_checkbox" type="checkbox" data-test-result="error" disabled/>
|
|
|
- <span class="error">0 Errors,</span>
|
|
|
- <input checked="true" class="filter" name="filter_checkbox" type="checkbox" data-test-result="rerun" disabled/>
|
|
|
- <span class="rerun">0 Reruns</span>
|
|
|
- </div>
|
|
|
- <div class="collapse">
|
|
|
- <button id="show_all_details">Show all details</button> / <button id="hide_all_details">Hide all details</button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="additional-summary summary">
|
|
|
- </div>
|
|
|
- <div class="additional-summary postfix">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <table id="results-table">
|
|
|
- <thead id="results-table-head">
|
|
|
- <tr>
|
|
|
- <th class="sortable" data-column-type="result">Result</th>
|
|
|
- <th class="sortable" data-column-type="testId">Test</th>
|
|
|
- <th class="sortable" data-column-type="duration">Duration</th>
|
|
|
- <th>Links</th>
|
|
|
- </tr>
|
|
|
- </thead>
|
|
|
- </table>
|
|
|
- </body>
|
|
|
- <footer>
|
|
|
-<<<<<<< HEAD:rapporDeTest.html
|
|
|
- <div id="data-container" data-jsonblob="{"environment": {"Python": "3.11.3", "Platform": "Windows-10-10.0.22631-SP0", "Packages": {"pytest": "7.4.4", "pluggy": "1.3.0"}, "Plugins": {"anyio": "4.2.0", "html": "4.1.1", "metadata": "3.0.0"}}, "tests": {"test_saucedemo.py::test_loginOK": [{"extras": [], "result": "Passed", "testId": "test_saucedemo.py::test_loginOK", "duration": "00:00:24", "resultsTableRow": ["<td class=\"col-result\">Passed</td>", "<td class=\"col-testId\">test_saucedemo.py::test_loginOK</td>", "<td class=\"col-duration\">00:00:24</td>", "<td class=\"col-links\"></td>"], "log": "------------------------------ Captured log call -------------------------------\nINFO root:test_saucedemo.py:16 Test du Login avec succ\u00e8s\n\n"}]}, "renderCollapsed": ["passed"], "initialSort": "result", "title": "rapporDeTest.html"}"></div>
|
|
|
-=======
|
|
|
- <div id="data-container" data-jsonblob="{"environment": {"Python": "3.12.1", "Platform": "Windows-10-10.0.19045-SP0", "Packages": {"pytest": "7.4.4", "pluggy": "1.3.0"}, "Plugins": {"html": "4.1.1", "metadata": "3.0.0"}}, "tests": {"test_saucedemo.py::test_loginOK": [{"extras": [], "result": "Passed", "testId": "test_saucedemo.py::test_loginOK", "duration": "00:00:13", "resultsTableRow": ["<td class=\"col-result\">Passed</td>", "<td class=\"col-testId\">test_saucedemo.py::test_loginOK</td>", "<td class=\"col-duration\">00:00:13</td>", "<td class=\"col-links\"></td>"], "log": "------------------------------ Captured log call -------------------------------\nINFO root:test_saucedemo.py:15 Test du Login avec succ\u00e8s\n\n"}]}, "renderCollapsed": ["passed"], "initialSort": "result", "title": "rapporDeTest.html"}"></div>
|
|
|
->>>>>>> 583f0696289e24f22cc7ef7fee74d7d5e1eabd7a:RapporDeTest_groupe3.html
|
|
|
- <script>
|
|
|
- (function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u="function"==typeof require&&require,i=0;i<t.length;i++)o(t[i]);return o}return r})()({1:[function(require,module,exports){
|
|
|
-const { getCollapsedCategory, setCollapsedIds } = require('./storage.js')
|
|
|
-
|
|
|
-class DataManager {
|
|
|
- setManager(data) {
|
|
|
- const collapsedCategories = [...getCollapsedCategory(data.renderCollapsed)]
|
|
|
- const collapsedIds = []
|
|
|
- const tests = Object.values(data.tests).flat().map((test, index) => {
|
|
|
- const collapsed = collapsedCategories.includes(test.result.toLowerCase())
|
|
|
- const id = `test_${index}`
|
|
|
- if (collapsed) {
|
|
|
- collapsedIds.push(id)
|
|
|
- }
|
|
|
- return {
|
|
|
- ...test,
|
|
|
- id,
|
|
|
- collapsed,
|
|
|
- }
|
|
|
- })
|
|
|
- const dataBlob = { ...data, tests }
|
|
|
- this.data = { ...dataBlob }
|
|
|
- this.renderData = { ...dataBlob }
|
|
|
- setCollapsedIds(collapsedIds)
|
|
|
- }
|
|
|
-
|
|
|
- get allData() {
|
|
|
- return { ...this.data }
|
|
|
- }
|
|
|
-
|
|
|
- resetRender() {
|
|
|
- this.renderData = { ...this.data }
|
|
|
- }
|
|
|
-
|
|
|
- setRender(data) {
|
|
|
- this.renderData.tests = [...data]
|
|
|
- }
|
|
|
-
|
|
|
- toggleCollapsedItem(id) {
|
|
|
- this.renderData.tests = this.renderData.tests.map((test) =>
|
|
|
- test.id === id ? { ...test, collapsed: !test.collapsed } : test,
|
|
|
- )
|
|
|
- }
|
|
|
-
|
|
|
- set allCollapsed(collapsed) {
|
|
|
- this.renderData = { ...this.renderData, tests: [...this.renderData.tests.map((test) => (
|
|
|
- { ...test, collapsed }
|
|
|
- ))] }
|
|
|
- }
|
|
|
-
|
|
|
- get testSubset() {
|
|
|
- return [...this.renderData.tests]
|
|
|
- }
|
|
|
-
|
|
|
- get environment() {
|
|
|
- return this.renderData.environment
|
|
|
- }
|
|
|
-
|
|
|
- get initialSort() {
|
|
|
- return this.data.initialSort
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-module.exports = {
|
|
|
- manager: new DataManager(),
|
|
|
-}
|
|
|
-
|
|
|
-},{"./storage.js":8}],2:[function(require,module,exports){
|
|
|
-const mediaViewer = require('./mediaviewer.js')
|
|
|
-const templateEnvRow = document.getElementById('template_environment_row')
|
|
|
-const templateResult = document.getElementById('template_results-table__tbody')
|
|
|
-
|
|
|
-function htmlToElements(html) {
|
|
|
- const temp = document.createElement('template')
|
|
|
- temp.innerHTML = html
|
|
|
- return temp.content.childNodes
|
|
|
-}
|
|
|
-
|
|
|
-const find = (selector, elem) => {
|
|
|
- if (!elem) {
|
|
|
- elem = document
|
|
|
- }
|
|
|
- return elem.querySelector(selector)
|
|
|
-}
|
|
|
-
|
|
|
-const findAll = (selector, elem) => {
|
|
|
- if (!elem) {
|
|
|
- elem = document
|
|
|
- }
|
|
|
- return [...elem.querySelectorAll(selector)]
|
|
|
-}
|
|
|
-
|
|
|
-const dom = {
|
|
|
- getStaticRow: (key, value) => {
|
|
|
- const envRow = templateEnvRow.content.cloneNode(true)
|
|
|
- const isObj = typeof value === 'object' && value !== null
|
|
|
- const values = isObj ? Object.keys(value).map((k) => `${k}: ${value[k]}`) : null
|
|
|
-
|
|
|
- const valuesElement = htmlToElements(
|
|
|
- values ? `<ul>${values.map((val) => `<li>${val}</li>`).join('')}<ul>` : `<div>${value}</div>`)[0]
|
|
|
- const td = findAll('td', envRow)
|
|
|
- td[0].textContent = key
|
|
|
- td[1].appendChild(valuesElement)
|
|
|
-
|
|
|
- return envRow
|
|
|
- },
|
|
|
- getResultTBody: ({ testId, id, log, extras, resultsTableRow, tableHtml, result, collapsed }) => {
|
|
|
- const resultBody = templateResult.content.cloneNode(true)
|
|
|
- resultBody.querySelector('tbody').classList.add(result.toLowerCase())
|
|
|
- resultBody.querySelector('tbody').id = testId
|
|
|
- resultBody.querySelector('.collapsible').dataset.id = id
|
|
|
-
|
|
|
- resultsTableRow.forEach((html) => {
|
|
|
- const t = document.createElement('template')
|
|
|
- t.innerHTML = html
|
|
|
- resultBody.querySelector('.collapsible').appendChild(t.content)
|
|
|
- })
|
|
|
-
|
|
|
- if (log) {
|
|
|
- // Wrap lines starting with "E" with span.error to color those lines red
|
|
|
- const wrappedLog = log.replace(/^E.*$/gm, (match) => `<span class="error">${match}</span>`)
|
|
|
- resultBody.querySelector('.log').innerHTML = wrappedLog
|
|
|
- } else {
|
|
|
- resultBody.querySelector('.log').remove()
|
|
|
- }
|
|
|
-
|
|
|
- if (collapsed) {
|
|
|
- resultBody.querySelector('.collapsible > td')?.classList.add('collapsed')
|
|
|
- resultBody.querySelector('.extras-row').classList.add('hidden')
|
|
|
- } else {
|
|
|
- resultBody.querySelector('.collapsible > td')?.classList.remove('collapsed')
|
|
|
- }
|
|
|
-
|
|
|
- const media = []
|
|
|
- extras?.forEach(({ name, format_type, content }) => {
|
|
|
- if (['image', 'video'].includes(format_type)) {
|
|
|
- media.push({ path: content, name, format_type })
|
|
|
- }
|
|
|
-
|
|
|
- if (format_type === 'html') {
|
|
|
- resultBody.querySelector('.extraHTML').insertAdjacentHTML('beforeend', `<div>${content}</div>`)
|
|
|
- }
|
|
|
- })
|
|
|
- mediaViewer.setup(resultBody, media)
|
|
|
-
|
|
|
- // Add custom html from the pytest_html_results_table_html hook
|
|
|
- tableHtml?.forEach((item) => {
|
|
|
- resultBody.querySelector('td[class="extra"]').insertAdjacentHTML('beforeend', item)
|
|
|
- })
|
|
|
-
|
|
|
- return resultBody
|
|
|
- },
|
|
|
-}
|
|
|
-
|
|
|
-module.exports = {
|
|
|
- dom,
|
|
|
- htmlToElements,
|
|
|
- find,
|
|
|
- findAll,
|
|
|
-}
|
|
|
-
|
|
|
-},{"./mediaviewer.js":6}],3:[function(require,module,exports){
|
|
|
-const { manager } = require('./datamanager.js')
|
|
|
-const { doSort } = require('./sort.js')
|
|
|
-const storageModule = require('./storage.js')
|
|
|
-
|
|
|
-const getFilteredSubSet = (filter) =>
|
|
|
- manager.allData.tests.filter(({ result }) => filter.includes(result.toLowerCase()))
|
|
|
-
|
|
|
-const doInitFilter = () => {
|
|
|
- const currentFilter = storageModule.getVisible()
|
|
|
- const filteredSubset = getFilteredSubSet(currentFilter)
|
|
|
- manager.setRender(filteredSubset)
|
|
|
-}
|
|
|
-
|
|
|
-const doFilter = (type, show) => {
|
|
|
- if (show) {
|
|
|
- storageModule.showCategory(type)
|
|
|
- } else {
|
|
|
- storageModule.hideCategory(type)
|
|
|
- }
|
|
|
-
|
|
|
- const currentFilter = storageModule.getVisible()
|
|
|
- const filteredSubset = getFilteredSubSet(currentFilter)
|
|
|
- manager.setRender(filteredSubset)
|
|
|
-
|
|
|
- const sortColumn = storageModule.getSort()
|
|
|
- doSort(sortColumn, true)
|
|
|
-}
|
|
|
-
|
|
|
-module.exports = {
|
|
|
- doFilter,
|
|
|
- doInitFilter,
|
|
|
-}
|
|
|
-
|
|
|
-},{"./datamanager.js":1,"./sort.js":7,"./storage.js":8}],4:[function(require,module,exports){
|
|
|
-const { redraw, bindEvents, renderStatic } = require('./main.js')
|
|
|
-const { doInitFilter } = require('./filter.js')
|
|
|
-const { doInitSort } = require('./sort.js')
|
|
|
-const { manager } = require('./datamanager.js')
|
|
|
-const data = JSON.parse(document.getElementById('data-container').dataset.jsonblob)
|
|
|
-
|
|
|
-function init() {
|
|
|
- manager.setManager(data)
|
|
|
- doInitFilter()
|
|
|
- doInitSort()
|
|
|
- renderStatic()
|
|
|
- redraw()
|
|
|
- bindEvents()
|
|
|
-}
|
|
|
-
|
|
|
-init()
|
|
|
-
|
|
|
-},{"./datamanager.js":1,"./filter.js":3,"./main.js":5,"./sort.js":7}],5:[function(require,module,exports){
|
|
|
-const { dom, find, findAll } = require('./dom.js')
|
|
|
-const { manager } = require('./datamanager.js')
|
|
|
-const { doSort } = require('./sort.js')
|
|
|
-const { doFilter } = require('./filter.js')
|
|
|
-const {
|
|
|
- getVisible,
|
|
|
- getCollapsedIds,
|
|
|
- setCollapsedIds,
|
|
|
- getSort,
|
|
|
- getSortDirection,
|
|
|
- possibleFilters,
|
|
|
-} = require('./storage.js')
|
|
|
-
|
|
|
-const removeChildren = (node) => {
|
|
|
- while (node.firstChild) {
|
|
|
- node.removeChild(node.firstChild)
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-const renderStatic = () => {
|
|
|
- const renderEnvironmentTable = () => {
|
|
|
- const environment = manager.environment
|
|
|
- const rows = Object.keys(environment).map((key) => dom.getStaticRow(key, environment[key]))
|
|
|
- const table = document.getElementById('environment')
|
|
|
- removeChildren(table)
|
|
|
- rows.forEach((row) => table.appendChild(row))
|
|
|
- }
|
|
|
- renderEnvironmentTable()
|
|
|
-}
|
|
|
-
|
|
|
-const addItemToggleListener = (elem) => {
|
|
|
- elem.addEventListener('click', ({ target }) => {
|
|
|
- const id = target.parentElement.dataset.id
|
|
|
- manager.toggleCollapsedItem(id)
|
|
|
-
|
|
|
- const collapsedIds = getCollapsedIds()
|
|
|
- if (collapsedIds.includes(id)) {
|
|
|
- const updated = collapsedIds.filter((item) => item !== id)
|
|
|
- setCollapsedIds(updated)
|
|
|
- } else {
|
|
|
- collapsedIds.push(id)
|
|
|
- setCollapsedIds(collapsedIds)
|
|
|
- }
|
|
|
- redraw()
|
|
|
- })
|
|
|
-}
|
|
|
-
|
|
|
-const renderContent = (tests) => {
|
|
|
- const sortAttr = getSort(manager.initialSort)
|
|
|
- const sortAsc = JSON.parse(getSortDirection())
|
|
|
- const rows = tests.map(dom.getResultTBody)
|
|
|
- const table = document.getElementById('results-table')
|
|
|
- const tableHeader = document.getElementById('results-table-head')
|
|
|
-
|
|
|
- const newTable = document.createElement('table')
|
|
|
- newTable.id = 'results-table'
|
|
|
-
|
|
|
- // remove all sorting classes and set the relevant
|
|
|
- findAll('.sortable', tableHeader).forEach((elem) => elem.classList.remove('asc', 'desc'))
|
|
|
- tableHeader.querySelector(`.sortable[data-column-type="${sortAttr}"]`)?.classList.add(sortAsc ? 'desc' : 'asc')
|
|
|
- newTable.appendChild(tableHeader)
|
|
|
-
|
|
|
- if (!rows.length) {
|
|
|
- const emptyTable = document.getElementById('template_results-table__body--empty').content.cloneNode(true)
|
|
|
- newTable.appendChild(emptyTable)
|
|
|
- } else {
|
|
|
- rows.forEach((row) => {
|
|
|
- if (!!row) {
|
|
|
- findAll('.collapsible td:not(.col-links', row).forEach(addItemToggleListener)
|
|
|
- find('.logexpander', row).addEventListener('click',
|
|
|
- (evt) => evt.target.parentNode.classList.toggle('expanded'),
|
|
|
- )
|
|
|
- newTable.appendChild(row)
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
-
|
|
|
- table.replaceWith(newTable)
|
|
|
-}
|
|
|
-
|
|
|
-const renderDerived = () => {
|
|
|
- const currentFilter = getVisible()
|
|
|
- possibleFilters.forEach((result) => {
|
|
|
- const input = document.querySelector(`input[data-test-result="${result}"]`)
|
|
|
- input.checked = currentFilter.includes(result)
|
|
|
- })
|
|
|
-}
|
|
|
-
|
|
|
-const bindEvents = () => {
|
|
|
- const filterColumn = (evt) => {
|
|
|
- const { target: element } = evt
|
|
|
- const { testResult } = element.dataset
|
|
|
-
|
|
|
- doFilter(testResult, element.checked)
|
|
|
- const collapsedIds = getCollapsedIds()
|
|
|
- const updated = manager.renderData.tests.map((test) => {
|
|
|
- return {
|
|
|
- ...test,
|
|
|
- collapsed: collapsedIds.includes(test.id),
|
|
|
- }
|
|
|
- })
|
|
|
- manager.setRender(updated)
|
|
|
- redraw()
|
|
|
- }
|
|
|
-
|
|
|
- const header = document.getElementById('environment-header')
|
|
|
- header.addEventListener('click', () => {
|
|
|
- const table = document.getElementById('environment')
|
|
|
- table.classList.toggle('hidden')
|
|
|
- header.classList.toggle('collapsed')
|
|
|
- })
|
|
|
-
|
|
|
- findAll('input[name="filter_checkbox"]').forEach((elem) => {
|
|
|
- elem.addEventListener('click', filterColumn)
|
|
|
- })
|
|
|
-
|
|
|
- findAll('.sortable').forEach((elem) => {
|
|
|
- elem.addEventListener('click', (evt) => {
|
|
|
- const { target: element } = evt
|
|
|
- const { columnType } = element.dataset
|
|
|
- doSort(columnType)
|
|
|
- redraw()
|
|
|
- })
|
|
|
- })
|
|
|
-
|
|
|
- document.getElementById('show_all_details').addEventListener('click', () => {
|
|
|
- manager.allCollapsed = false
|
|
|
- setCollapsedIds([])
|
|
|
- redraw()
|
|
|
- })
|
|
|
- document.getElementById('hide_all_details').addEventListener('click', () => {
|
|
|
- manager.allCollapsed = true
|
|
|
- const allIds = manager.renderData.tests.map((test) => test.id)
|
|
|
- setCollapsedIds(allIds)
|
|
|
- redraw()
|
|
|
- })
|
|
|
-}
|
|
|
-
|
|
|
-const redraw = () => {
|
|
|
- const { testSubset } = manager
|
|
|
-
|
|
|
- renderContent(testSubset)
|
|
|
- renderDerived()
|
|
|
-}
|
|
|
-
|
|
|
-module.exports = {
|
|
|
- redraw,
|
|
|
- bindEvents,
|
|
|
- renderStatic,
|
|
|
-}
|
|
|
-
|
|
|
-},{"./datamanager.js":1,"./dom.js":2,"./filter.js":3,"./sort.js":7,"./storage.js":8}],6:[function(require,module,exports){
|
|
|
-class MediaViewer {
|
|
|
- constructor(assets) {
|
|
|
- this.assets = assets
|
|
|
- this.index = 0
|
|
|
- }
|
|
|
-
|
|
|
- nextActive() {
|
|
|
- this.index = this.index === this.assets.length - 1 ? 0 : this.index + 1
|
|
|
- return [this.activeFile, this.index]
|
|
|
- }
|
|
|
-
|
|
|
- prevActive() {
|
|
|
- this.index = this.index === 0 ? this.assets.length - 1 : this.index -1
|
|
|
- return [this.activeFile, this.index]
|
|
|
- }
|
|
|
-
|
|
|
- get currentIndex() {
|
|
|
- return this.index
|
|
|
- }
|
|
|
-
|
|
|
- get activeFile() {
|
|
|
- return this.assets[this.index]
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-const setup = (resultBody, assets) => {
|
|
|
- if (!assets.length) {
|
|
|
- resultBody.querySelector('.media').classList.add('hidden')
|
|
|
- return
|
|
|
- }
|
|
|
-
|
|
|
- const mediaViewer = new MediaViewer(assets)
|
|
|
- const container = resultBody.querySelector('.media-container')
|
|
|
- const leftArrow = resultBody.querySelector('.media-container__nav--left')
|
|
|
- const rightArrow = resultBody.querySelector('.media-container__nav--right')
|
|
|
- const mediaName = resultBody.querySelector('.media__name')
|
|
|
- const counter = resultBody.querySelector('.media__counter')
|
|
|
- const imageEl = resultBody.querySelector('img')
|
|
|
- const sourceEl = resultBody.querySelector('source')
|
|
|
- const videoEl = resultBody.querySelector('video')
|
|
|
-
|
|
|
- const setImg = (media, index) => {
|
|
|
- if (media?.format_type === 'image') {
|
|
|
- imageEl.src = media.path
|
|
|
-
|
|
|
- imageEl.classList.remove('hidden')
|
|
|
- videoEl.classList.add('hidden')
|
|
|
- } else if (media?.format_type === 'video') {
|
|
|
- sourceEl.src = media.path
|
|
|
-
|
|
|
- videoEl.classList.remove('hidden')
|
|
|
- imageEl.classList.add('hidden')
|
|
|
- }
|
|
|
-
|
|
|
- mediaName.innerText = media?.name
|
|
|
- counter.innerText = `${index + 1} / ${assets.length}`
|
|
|
- }
|
|
|
- setImg(mediaViewer.activeFile, mediaViewer.currentIndex)
|
|
|
-
|
|
|
- const moveLeft = () => {
|
|
|
- const [media, index] = mediaViewer.prevActive()
|
|
|
- setImg(media, index)
|
|
|
- }
|
|
|
- const doRight = () => {
|
|
|
- const [media, index] = mediaViewer.nextActive()
|
|
|
- setImg(media, index)
|
|
|
- }
|
|
|
- const openImg = () => {
|
|
|
- window.open(mediaViewer.activeFile.path, '_blank')
|
|
|
- }
|
|
|
- if (assets.length === 1) {
|
|
|
- container.classList.add('media-container--fullscreen')
|
|
|
- } else {
|
|
|
- leftArrow.addEventListener('click', moveLeft)
|
|
|
- rightArrow.addEventListener('click', doRight)
|
|
|
- }
|
|
|
- imageEl.addEventListener('click', openImg)
|
|
|
-}
|
|
|
-
|
|
|
-module.exports = {
|
|
|
- setup,
|
|
|
-}
|
|
|
-
|
|
|
-},{}],7:[function(require,module,exports){
|
|
|
-const { manager } = require('./datamanager.js')
|
|
|
-const storageModule = require('./storage.js')
|
|
|
-
|
|
|
-const genericSort = (list, key, ascending, customOrder) => {
|
|
|
- let sorted
|
|
|
- if (customOrder) {
|
|
|
- sorted = list.sort((a, b) => {
|
|
|
- const aValue = a.result.toLowerCase()
|
|
|
- const bValue = b.result.toLowerCase()
|
|
|
-
|
|
|
- const aIndex = customOrder.findIndex((item) => item.toLowerCase() === aValue)
|
|
|
- const bIndex = customOrder.findIndex((item) => item.toLowerCase() === bValue)
|
|
|
-
|
|
|
- // Compare the indices to determine the sort order
|
|
|
- return aIndex - bIndex
|
|
|
- })
|
|
|
- } else {
|
|
|
- sorted = list.sort((a, b) => a[key] === b[key] ? 0 : a[key] > b[key] ? 1 : -1)
|
|
|
- }
|
|
|
-
|
|
|
- if (ascending) {
|
|
|
- sorted.reverse()
|
|
|
- }
|
|
|
- return sorted
|
|
|
-}
|
|
|
-
|
|
|
-const durationSort = (list, ascending) => {
|
|
|
- const parseDuration = (duration) => {
|
|
|
- if (duration.includes(':')) {
|
|
|
- // If it's in the format "HH:mm:ss"
|
|
|
- const [hours, minutes, seconds] = duration.split(':').map(Number)
|
|
|
- return (hours * 3600 + minutes * 60 + seconds) * 1000
|
|
|
- } else {
|
|
|
- // If it's in the format "nnn ms"
|
|
|
- return parseInt(duration)
|
|
|
- }
|
|
|
- }
|
|
|
- const sorted = list.sort((a, b) => parseDuration(a['duration']) - parseDuration(b['duration']))
|
|
|
- if (ascending) {
|
|
|
- sorted.reverse()
|
|
|
- }
|
|
|
- return sorted
|
|
|
-}
|
|
|
-
|
|
|
-const doInitSort = () => {
|
|
|
- const type = storageModule.getSort(manager.initialSort)
|
|
|
- const ascending = storageModule.getSortDirection()
|
|
|
- const list = manager.testSubset
|
|
|
- const initialOrder = ['Error', 'Failed', 'Rerun', 'XFailed', 'XPassed', 'Skipped', 'Passed']
|
|
|
-
|
|
|
- storageModule.setSort(type)
|
|
|
- storageModule.setSortDirection(ascending)
|
|
|
-
|
|
|
- if (type?.toLowerCase() === 'original') {
|
|
|
- manager.setRender(list)
|
|
|
- } else {
|
|
|
- let sortedList
|
|
|
- switch (type) {
|
|
|
- case 'duration':
|
|
|
- sortedList = durationSort(list, ascending)
|
|
|
- break
|
|
|
- case 'result':
|
|
|
- sortedList = genericSort(list, type, ascending, initialOrder)
|
|
|
- break
|
|
|
- default:
|
|
|
- sortedList = genericSort(list, type, ascending)
|
|
|
- break
|
|
|
- }
|
|
|
- manager.setRender(sortedList)
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-const doSort = (type, skipDirection) => {
|
|
|
- const newSortType = storageModule.getSort(manager.initialSort) !== type
|
|
|
- const currentAsc = storageModule.getSortDirection()
|
|
|
- let ascending
|
|
|
- if (skipDirection) {
|
|
|
- ascending = currentAsc
|
|
|
- } else {
|
|
|
- ascending = newSortType ? false : !currentAsc
|
|
|
- }
|
|
|
- storageModule.setSort(type)
|
|
|
- storageModule.setSortDirection(ascending)
|
|
|
-
|
|
|
- const list = manager.testSubset
|
|
|
- const sortedList = type === 'duration' ? durationSort(list, ascending) : genericSort(list, type, ascending)
|
|
|
- manager.setRender(sortedList)
|
|
|
-}
|
|
|
-
|
|
|
-module.exports = {
|
|
|
- doInitSort,
|
|
|
- doSort,
|
|
|
-}
|
|
|
-
|
|
|
-},{"./datamanager.js":1,"./storage.js":8}],8:[function(require,module,exports){
|
|
|
-const possibleFilters = [
|
|
|
- 'passed',
|
|
|
- 'skipped',
|
|
|
- 'failed',
|
|
|
- 'error',
|
|
|
- 'xfailed',
|
|
|
- 'xpassed',
|
|
|
- 'rerun',
|
|
|
-]
|
|
|
-
|
|
|
-const getVisible = () => {
|
|
|
- const url = new URL(window.location.href)
|
|
|
- const settings = new URLSearchParams(url.search).get('visible')
|
|
|
- const lower = (item) => {
|
|
|
- const lowerItem = item.toLowerCase()
|
|
|
- if (possibleFilters.includes(lowerItem)) {
|
|
|
- return lowerItem
|
|
|
- }
|
|
|
- return null
|
|
|
- }
|
|
|
- return settings === null ?
|
|
|
- possibleFilters :
|
|
|
- [...new Set(settings?.split(',').map(lower).filter((item) => item))]
|
|
|
-}
|
|
|
-
|
|
|
-const hideCategory = (categoryToHide) => {
|
|
|
- const url = new URL(window.location.href)
|
|
|
- const visibleParams = new URLSearchParams(url.search).get('visible')
|
|
|
- const currentVisible = visibleParams ? visibleParams.split(',') : [...possibleFilters]
|
|
|
- const settings = [...new Set(currentVisible)].filter((f) => f !== categoryToHide).join(',')
|
|
|
-
|
|
|
- url.searchParams.set('visible', settings)
|
|
|
- window.history.pushState({}, null, unescape(url.href))
|
|
|
-}
|
|
|
-
|
|
|
-const showCategory = (categoryToShow) => {
|
|
|
- if (typeof window === 'undefined') {
|
|
|
- return
|
|
|
- }
|
|
|
- const url = new URL(window.location.href)
|
|
|
- const currentVisible = new URLSearchParams(url.search).get('visible')?.split(',').filter(Boolean) ||
|
|
|
- [...possibleFilters]
|
|
|
- const settings = [...new Set([categoryToShow, ...currentVisible])]
|
|
|
- const noFilter = possibleFilters.length === settings.length || !settings.length
|
|
|
-
|
|
|
- noFilter ? url.searchParams.delete('visible') : url.searchParams.set('visible', settings.join(','))
|
|
|
- window.history.pushState({}, null, unescape(url.href))
|
|
|
-}
|
|
|
-
|
|
|
-const getSort = (initialSort) => {
|
|
|
- const url = new URL(window.location.href)
|
|
|
- let sort = new URLSearchParams(url.search).get('sort')
|
|
|
- if (!sort) {
|
|
|
- sort = initialSort || 'result'
|
|
|
- }
|
|
|
- return sort
|
|
|
-}
|
|
|
-
|
|
|
-const setSort = (type) => {
|
|
|
- const url = new URL(window.location.href)
|
|
|
- url.searchParams.set('sort', type)
|
|
|
- window.history.pushState({}, null, unescape(url.href))
|
|
|
-}
|
|
|
-
|
|
|
-const getCollapsedCategory = (renderCollapsed) => {
|
|
|
- let categories
|
|
|
- if (typeof window !== 'undefined') {
|
|
|
- const url = new URL(window.location.href)
|
|
|
- const collapsedItems = new URLSearchParams(url.search).get('collapsed')
|
|
|
- switch (true) {
|
|
|
- case !renderCollapsed && collapsedItems === null:
|
|
|
- categories = ['passed']
|
|
|
- break
|
|
|
- case collapsedItems?.length === 0 || /^["']{2}$/.test(collapsedItems):
|
|
|
- categories = []
|
|
|
- break
|
|
|
- case /^all$/.test(collapsedItems) || collapsedItems === null && /^all$/.test(renderCollapsed):
|
|
|
- categories = [...possibleFilters]
|
|
|
- break
|
|
|
- default:
|
|
|
- categories = collapsedItems?.split(',').map((item) => item.toLowerCase()) || renderCollapsed
|
|
|
- break
|
|
|
- }
|
|
|
- } else {
|
|
|
- categories = []
|
|
|
- }
|
|
|
- return categories
|
|
|
-}
|
|
|
-
|
|
|
-const getSortDirection = () => JSON.parse(sessionStorage.getItem('sortAsc')) || false
|
|
|
-const setSortDirection = (ascending) => sessionStorage.setItem('sortAsc', ascending)
|
|
|
-
|
|
|
-const getCollapsedIds = () => JSON.parse(sessionStorage.getItem('collapsedIds')) || []
|
|
|
-const setCollapsedIds = (list) => sessionStorage.setItem('collapsedIds', JSON.stringify(list))
|
|
|
-
|
|
|
-module.exports = {
|
|
|
- getVisible,
|
|
|
- hideCategory,
|
|
|
- showCategory,
|
|
|
- getCollapsedIds,
|
|
|
- setCollapsedIds,
|
|
|
- getSort,
|
|
|
- setSort,
|
|
|
- getSortDirection,
|
|
|
- setSortDirection,
|
|
|
- getCollapsedCategory,
|
|
|
- possibleFilters,
|
|
|
-}
|
|
|
-
|
|
|
-},{}]},{},[4]);
|
|
|
- </script>
|
|
|
- </footer>
|
|
|
-</html>
|
TVernet