From c7563d90cd0bf8a54d5259c54c6919c5cf8c6e29 Mon Sep 17 00:00:00 2001 From: bomask <30432169+bomask@users.noreply.github.com> Date: Fri, 5 Jul 2024 17:02:25 +0800 Subject: [PATCH 1/2] Update style.css - -- Change some field styles and insert charts --- src/pytest_html/resources/style.css | 63 +++++++++++++++++++++-------- 1 file changed, 47 insertions(+), 16 deletions(-) diff --git a/src/pytest_html/resources/style.css b/src/pytest_html/resources/style.css index 561524c6..a4f4d04b 100644 --- a/src/pytest_html/resources/style.css +++ b/src/pytest_html/resources/style.css @@ -4,20 +4,23 @@ body { /* do not increase min-width as some may use split screens */ min-width: 800px; color: #999; + margin: 50px 150px 100px 150px; } h1 { - font-size: 24px; - color: black; + font-size: 28px; + color: #45B39D; } h2 { - font-size: 16px; - color: black; + font-size: 20px; + color: #45B39D; + margin: 30px 0px; } p { - color: black; + color: #34495E; + font-size: 15px; } a { @@ -26,6 +29,7 @@ a { table { border-collapse: collapse; + color: #34495E } /****************************** @@ -49,7 +53,10 @@ table { ******************************/ span.passed, .passed .col-result { - color: green; + color: #58D68D; + font-size: 15px; + margin-right: 10px; + white-space: nowrap; } span.skipped, @@ -58,7 +65,10 @@ span.rerun, .skipped .col-result, .xfailed .col-result, .rerun .col-result { - color: orange; + color: #F1C40F; + font-size: 15px; + margin-right: 10px; + white-space: nowrap; } span.error, @@ -67,7 +77,10 @@ span.xpassed, .error .col-result, .failed .col-result, .xpassed .col-result { - color: red; + color: #EC7063; + font-size: 15px; + margin-right: 10px; + white-space: nowrap; } .col-links__extra { @@ -88,24 +101,40 @@ span.xpassed, #results-table { border: 1px solid #e6e6e6; color: #999; - font-size: 12px; + font-size: 13px; width: 100%; + margin-top: 20px; } -#results-table th, -#results-table td { - padding: 5px; + +#results-table-head { + color: #34495E; +} + +#results-table th{ + padding: 15px; border: 1px solid #e6e6e6; text-align: left; -} -#results-table th { font-weight: bold; } +.col-result{ +border: 1px solid #e6e6e6; +} + +.col-testId, +.col-duration, +.col-links{ + padding: 5px; + border: 1px solid #e6e6e6; + text-align: left; + color: #34495E; +} + /*------------------ * 2. Extra *------------------*/ .logwrapper { - max-height: 230px; + max-height: 260px; overflow-y: scroll; background-color: #e6e6e6; } @@ -140,7 +169,7 @@ span.xpassed, top: -50px; height: calc(100% + 50px); border: 1px solid #e6e6e6; - color: black; + color: #34495E; display: block; font-family: "Courier New", Courier, monospace; padding: 5px; @@ -300,6 +329,7 @@ div.media { .collapse { display: flex; align-items: center; + margin: 15px 0 10px 0; } .filters button, .collapse button { @@ -308,6 +338,7 @@ div.media { background: none; cursor: pointer; text-decoration: underline; + white-space: nowrap; } .filters button:hover, .collapse button:hover { From 64e5035b27c98d1fe475f4e6cb8a691018da0bdd Mon Sep 17 00:00:00 2001 From: bomask <30432169+bomask@users.noreply.github.com> Date: Fri, 5 Jul 2024 17:06:09 +0800 Subject: [PATCH 2/2] Update index.jinja2-- Change some field styles and insert charts --- src/pytest_html/resources/index.jinja2 | 249 ++++++++++++++++--------- 1 file changed, 156 insertions(+), 93 deletions(-) diff --git a/src/pytest_html/resources/index.jinja2 b/src/pytest_html/resources/index.jinja2 index f2e32b9b..b69a8921 100644 --- a/src/pytest_html/resources/index.jinja2 +++ b/src/pytest_html/resources/index.jinja2 @@ -1,120 +1,183 @@ - + + {{ title }} {%- if self_contained %} - + {% else %} - + {%- endif %} - - -

{{ title }}

-

Report generated on {{ date }} at {{ time }} by pytest-html - v{{ version }}

-
-

Environment

-
-
- - - - - -
-
-

Summary

+ + +

{{ title }}

+

{{ date }} at {{ time }}

+ + +
+ + + +
+
- {%- for p in additional_summary['prefix'] %} - {{ p|safe }} - {%- endfor %} + {%- for p in additional_summary['prefix'] %} + {{ p|safe }} + {%- endfor %}

{{ run_count }}

-

(Un)check the boxes to filter the results.

+
-
-
There are still tests running.
Reload this page to get the latest results!
-
+
+
There are still tests running.
Reload this page to get the latest results!
+
-
- {%- for result, values in outcomes.items() %} - - {{ values["value"] }} {{ values["label"] }}{{ "," if result != "rerun" }} - {%- endfor %} -
-
-  /  -
+
+ {%- for result, values in outcomes.items() %} + + {{ values["value"] }} + {{ values["label"] }}{{ "," if result != "rerun" }} + {%- endfor %} +
+
+  /  +
-
-
+
+
{%- for s in additional_summary['summary'] %} - {{ s|safe }} + {{ s|safe }} {%- endfor %} -
-
+
+
{%- for p in additional_summary['postfix'] %} - {{ p|safe }} + {{ p|safe }} {%- endfor %} -
- - - + +
+ + {%- for th in table_head %} - {{ th|safe }} + {{ th|safe }} {%- endfor %} + + +
+ + +
+
+

Environment

+
+
+ + + + +
+ + + + + + + +