Skip to content

Commit

Permalink
Prepare for QUnit 3.0
Browse files Browse the repository at this point in the history
Tweak a few selectors so that the theme is compatible with
QUnit 3.0 (currently in alpha).

Selectors based on docs at
https://qunitjs.com/browser/#theme-api
  • Loading branch information
Krinkle committed Aug 20, 2024
1 parent 67e5ebd commit c4f2feb
Show file tree
Hide file tree
Showing 2 changed files with 32 additions and 32 deletions.
5 changes: 5 additions & 0 deletions .changeset/violet-coats-wink.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
"qunit-theme-ember": minor
---

Prepare CSS for QUnit 3.0 compat
59 changes: 27 additions & 32 deletions qunit.css
Original file line number Diff line number Diff line change
Expand Up @@ -87,7 +87,8 @@ body {
color: var(--color-gray-900);
}

#qunit-userAgent {
/* QUnit 2 only */
#qunit > #qunit-userAgent {
background-color: var(--color-gray-100);
color: var(--color-gray-900);
text-shadow: none;
Expand Down Expand Up @@ -142,51 +143,52 @@ body {
color: var(--color-gray-900);
}

#qunit-tests li {
#qunit-tests > li {
background-color: var(--color-gray-100);
}

#qunit-tests .pass {
#qunit-tests li {
padding-top: var(--spacing-1);
padding-bottom: var(--spacing-1);
border-bottom: 0;
}

#qunit-tests > li.pass {
color: var(--color-gray-900);
background-color: var(--color-success);
}

#qunit-tests .pass .test-name {
#qunit-tests > li.pass .test-name {
color: var(--color-gray-700);
}

#qunit-tests li {
padding-top: var(--spacing-1);
padding-bottom: var(--spacing-1);
border-bottom: 0;
#qunit-tests > li.fail {
background-color: var(--color-danger);
}

#qunit-tests li li.pass {
color: var(--color-text-success);
border-left: 10px solid var(--color-green);
#qunit-tests > li.fail .test-expected {
color: var(--color-green);
}

#qunit-tests li p.qunit-source {
color: var(--color-gray-900);
#qunit-tests > li.fail .test-actual {
color: var(--color-red);
}

ol.qunit-assert-list {
.qunit-assert-list {
margin: 10px 0;
}

ol.qunit-assert-list .fail {
border-left: 0;
#qunit-tests .qunit-assert-list .pass {
color: var(--color-text-success);
border-left: 10px solid var(--color-green);
}

#qunit-tests li li.fail {
#qunit-tests .qunit-assert-list .fail {
border-left-color: var(--color-red);
}

#qunit-tests .fail .test-expected {
color: var(--color-green);
}

#qunit-tests .fail .test-actual {
color: var(--color-red);
.qunit-source {
color: var(--color-gray-900);
}

#qunit-testrunner-toolbar button,
Expand Down Expand Up @@ -222,14 +224,6 @@ ol.qunit-assert-list .fail {
color: var(--color-white);
}

#qunit-tests .pass {
background-color: var(--color-success);
}

#qunit-tests .fail {
background-color: var(--color-danger);
}

#qunit-testrunner-toolbar input[type="text"],
#qunit-testrunner-toolbar #qunit-modulefilter-search {
border: 1px solid var(--color-gray-300);
Expand All @@ -250,7 +244,8 @@ ol.qunit-assert-list .fail {
border-color: var(--color-gray-300);
}

#qunit-modulefilter-search-container:after {
/* QUnit 2 only */
label[for="qunit-modulefilter-search"] + #qunit-modulefilter-search-container:after {
content: "";
width: var(--spacing-2);
height: var(--spacing-2);
Expand Down

0 comments on commit c4f2feb

Please sign in to comment.