Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: highlight browser failures #5222

Merged
merged 25 commits into from
Oct 29, 2024
Merged

feat: highlight browser failures #5222

Changes from 1 commit
Commits
Show all changes
25 commits
Select commit Hold shift + click to select a range
8552a91
Format html.js
mark-wiemer Oct 10, 2024
341d614
Remove newlines between JSDoc comments and their symbols
mark-wiemer Oct 10, 2024
a5fa3a5
(temp) update template.html to run tests
mark-wiemer Oct 10, 2024
48e982b
Color the stat result icon and text based on root suite result
mark-wiemer Oct 10, 2024
33b49fd
(temp) add template fail and template pass
mark-wiemer Oct 10, 2024
6edb10b
On first test fail, add fail indicator to stats
mark-wiemer Oct 10, 2024
27a7958
Remove extra newline
mark-wiemer Oct 10, 2024
0898ed5
Format mocha.css with Prettier
mark-wiemer Oct 10, 2024
85e1bfd
Make pass icon color accessible
mark-wiemer Oct 10, 2024
e34cd2a
Cleanup mocha.css var names
mark-wiemer Oct 10, 2024
854ab12
Restore template to main
mark-wiemer Oct 10, 2024
aa3ede9
Remove thirteen-year-old comment
mark-wiemer Oct 10, 2024
8a36f0d
Revert "Format html.js"
mark-wiemer Oct 11, 2024
714ee15
Revert "Restore template to main"
mark-wiemer Oct 11, 2024
57d43be
Color passes and failures count as well
mark-wiemer Oct 11, 2024
7e54f59
Cleanup stats variables to consts
mark-wiemer Oct 11, 2024
dc3e5be
Fix stats not updating on root suite end
mark-wiemer Oct 11, 2024
c43bffe
Revert "Remove extra newline"
mark-wiemer Oct 11, 2024
23a93d1
Restore newlines :(
mark-wiemer Oct 11, 2024
1ca55ca
Restore newlines for real
mark-wiemer Oct 11, 2024
2782f68
Reapply "Remove extra newline"
mark-wiemer Oct 11, 2024
b77f0b0
Revert "Format mocha.css with Prettier"
mark-wiemer Oct 11, 2024
a58d751
indent to 5, not 6 chars in mocha.css
mark-wiemer Oct 11, 2024
5bbe2e0
Re-add newline in mocha.css
mark-wiemer Oct 11, 2024
1bcd627
Reapply "Restore template to main"
mark-wiemer Oct 11, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Cleanup mocha.css var names
  • Loading branch information
@mark-wiemer
mark-wiemer committed Oct 10, 2024
commit e34cd2ad22987e420762d38331bf52e4194f1aa0
40 changes: 19 additions & 21 deletions mocha.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,11 +3,11 @@
:root {
--mocha-color: #000;
--mocha-bg-color: #fff;
--mocha-pass-icon-color: #007f6a;
--mocha-pass-color: #fff;
--mocha-pass-shadow-color: rgba(0, 0, 0, 0.2);
--mocha-pass-mediump-color: #c09853;
--mocha-pass-slow-color: #b94a48;
--mocha-test-pass-color: #007f6a;
--mocha-test-pass-duration-color: #fff;
--mocha-test-pass-shadow-color: rgba(0, 0, 0, 0.2);
--mocha-test-pass-mediump-color: #c09853;
--mocha-test-pass-slow-color: #b94a48;
--mocha-test-pending-color: #0b97c4;
--mocha-test-pending-icon-color: #0b97c4;
--mocha-test-fail-color: #c00;
Expand All @@ -26,7 +26,6 @@
--mocha-progress-ring-highlight-color: #9f9f9f;
--mocha-progress-text-color: #000;
--mocha-error-color: #c00;

--mocha-code-comment: #ddd;
--mocha-code-init: #2f6fad;
--mocha-code-string: #5890ad;
Expand All @@ -38,11 +37,11 @@
:root {
--mocha-color: #fff;
--mocha-bg-color: #222;
--mocha-pass-icon-color: #00d6b2;
--mocha-pass-color: #222;
--mocha-pass-shadow-color: rgba(255, 255, 255, 0.2);
--mocha-pass-mediump-color: #f1be67;
--mocha-pass-slow-color: #f49896;
--mocha-test-pass-color: #00d6b2;
--mocha-test-pass-duration-color: #222;
--mocha-test-pass-shadow-color: rgba(255, 255, 255, 0.2);
--mocha-test-pass-mediump-color: #f1be67;
--mocha-test-pass-slow-color: #f49896;
--mocha-test-pending-color: #0b97c4;
--mocha-test-pending-icon-color: #0b97c4;
--mocha-test-fail-color: #f44;
Expand All @@ -61,7 +60,6 @@
--mocha-progress-ring-highlight-color: #888;
--mocha-progress-text-color: #fff;
--mocha-error-color: #f44;

--mocha-code-comment: #ddd;
--mocha-code-init: #9cc7f1;
--mocha-code-string: #80d4ff;
Expand Down Expand Up @@ -141,11 +139,11 @@ body {
}

#mocha .test.pass.medium .duration {
background: var(--mocha-pass-mediump-color);
background: var(--mocha-test-pass-mediump-color);
}

#mocha .test.pass.slow .duration {
background: var(--mocha-pass-slow-color);
background: var(--mocha-test-pass-slow-color);
}

#mocha .test.pass::before {
Expand All @@ -154,17 +152,17 @@ body {
display: block;
float: left;
margin-right: 5px;
color: var(--mocha-pass-icon-color);
color: var(--mocha-test-pass-color);
}

#mocha .test.pass .duration {
font-size: 9px;
margin-left: 5px;
padding: 2px 5px;
color: var(--mocha-pass-color);
-webkit-box-shadow: inset 0 1px 1px var(--mocha-pass-shadow-color);
-moz-box-shadow: inset 0 1px 1px var(--mocha-pass-shadow-color);
box-shadow: inset 0 1px 1px var(--mocha-pass-shadow-color);
color: var(--mocha-test-pass-duration-color);
-webkit-box-shadow: inset 0 1px 1px var(--mocha-test-pass-shadow-color);
-moz-box-shadow: inset 0 1px 1px var(--mocha-test-pass-shadow-color);
box-shadow: inset 0 1px 1px var(--mocha-test-pass-shadow-color);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
Expand Down Expand Up @@ -353,11 +351,11 @@ body {
}

#mocha-stats.pass li.result {
color: var(--mocha-pass-icon-color);
color: var(--mocha-test-pass-color);
}

#mocha-stats.pass li.passes {
color: var(--mocha-pass-icon-color);
color: var(--mocha-test-pass-color);
}

#mocha-stats .progress-contain {
Expand Down
Loading