Skip to content

Commit

Permalink
tests: webui: Update vendored qunit
Browse files Browse the repository at this point in the history 
Updated qunit to latest supported version from
https://code.jquery.com/qunit.

See https://qunitjs.com/intro/#release-channels for details.

Related: https://pagure.io/freeipa/issue/9329
Signed-off-by: Stanislav Levin <slev@altlinux.org>
Reviewed-By: Florence Blanc-Renaud <flo@redhat.com>
  • Loading branch information
@stanislavlevin @flo-renaud
stanislavlevin authored and flo-renaud committed Feb 17, 2023
1 parent 8fe8b26 commit 9b8e8ed
Show file tree
Hide file tree
Showing 2 changed files with 6,906 additions and 4,865 deletions.
215 changes: 152 additions & 63 deletions install/ui/test/qunit.css
View file
Original file line number Diff line number Diff line change
@@ -1,12 +1,10 @@
/*!
* QUnit 2.4.1
* QUnit 2.19.4
* https://qunitjs.com/
*
* Copyright jQuery Foundation and other contributors
* Copyright OpenJS Foundation and other contributors
* Released under the MIT license
* https://jquery.org/license
*
* Date: 2017-10-22T05:12Z
*/

/** Font Family and Sizes */
Expand All @@ -26,13 +24,54 @@
padding: 0;
}

/* Style our buttons in a simple way, uninfluenced by the styles
the tested app might load. Don't affect buttons in #qunit-fixture!
https://github.com/qunitjs/qunit/pull/1395
https://github.com/qunitjs/qunit/issues/1437 */
#qunit-testrunner-toolbar button,
#qunit-testresult button {
all: unset; /* best effort, modern browsers only */
font: inherit;
color: initial;
border: initial;
background-color: buttonface;
padding: 0 4px;
}


/** Fixed headers with scrollable tests */

@supports (display: flex) or (display: -webkit-box) {
@media (min-height: 500px) {
#qunit {
position: fixed;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
padding: 8px;
display: -webkit-box;
display: flex;
flex-direction: column;
}

#qunit-tests {
overflow: scroll;
}

#qunit-banner {
flex: 5px 0 0;
}
}
}


/** Header (excluding toolbar) */

#qunit-header {
padding: 0.5em 0 0.5em 1em;

color: #8699A4;
color: #C2CCD1;
background-color: #0D3349;

font-size: 1.5em;
Expand All @@ -44,7 +83,7 @@

#qunit-header a {
text-decoration: none;
color: #C2CCD1;
color: inherit;
}

#qunit-header a:hover,
Expand Down Expand Up @@ -98,16 +137,58 @@
height: 1.6em;
}

#qunit-testrunner-toolbar button,
#qunit-testresult button {
border-radius: .25em;
border: 1px solid #AAA;
background-color: #F8F8F8;
color: #222;
line-height: 1.6;
cursor: pointer;
}
#qunit-testrunner-toolbar button:hover,
#qunit-testresult button:hover {
border-color: #AAA;
background-color: #FFF;
color: #444;
}
#qunit-testrunner-toolbar button:active,
#qunit-testresult button:active {
border-color: #777;
background-color: #CCC;
color: #000;
}
#qunit-testrunner-toolbar button:focus,
#qunit-testresult button:focus {
border-color: #2F68DA;
/* emulate 2px border without a layout shift */
box-shadow: inset 0 0 0 1px #2F68DA
}
#qunit-testrunner-toolbar button:disabled,
#qunit-testresult button:disabled {
border-color: #CCC;
background-color: #CCC;
color: #FFF;
cursor: default;
}

#qunit-toolbar-filters {
float: right;
/* aligning right avoids overflows and inefficient use of space
around the dropdown menu on narrow viewports */
text-align: right;
}

.qunit-url-config,
.qunit-filter,
#qunit-modulefilter {
display: inline-block;
line-height: 2.1em;
text-align: left;
}

.qunit-filter,
#qunit-modulefilter {
float: right;
position: relative;
margin-left: 1em;
}
Expand All @@ -118,56 +199,57 @@

#qunit-modulefilter-search {
box-sizing: border-box;
width: 400px;
min-width: 400px;
min-width: min(400px, 80vw);
}

#qunit-modulefilter-search-container {
position: relative;
}
#qunit-modulefilter-search-container:after {
position: absolute;
right: 0.3em;
bottom: 0;
line-height: 100%;
content: "\25bc";
color: black;
}

#qunit-modulefilter-dropdown {
/* align with #qunit-modulefilter-search */
box-sizing: border-box;
width: 400px;
min-width: 400px;
min-width: min(400px, 80vw);
max-width: 80vw;
position: absolute;
right: 0;
top: 50%;
margin-top: 0.8em;
top: 100%;
margin-top: 2px;

/* ensure that when on a narrow viewports and having only one result,
that #qunit-modulefilter-actions fall outside the dropdown rectangle. */
min-height: 3em;

border: 1px solid #D3D3D3;
border-top: none;
border: 1px solid #AAA;
border-top-color: transparent;
border-radius: 0 0 .25em .25em;
color: #000;
color: #0D3349;
background-color: #F5F5F5;
z-index: 99;
}

#qunit-modulefilter-dropdown a {
color: inherit;
text-decoration: none;
}

#qunit-modulefilter-dropdown .clickable.checked {
font-weight: bold;
color: #000;
background-color: #D2E0E6;
}

#qunit-modulefilter-dropdown .clickable:hover {
color: #FFF;
background-color: #0D3349;
}

#qunit-modulefilter-actions {
display: block;
overflow: auto;

/* align with #qunit-modulefilter-dropdown-list */
font: smaller/1.5em sans-serif;
}
@media (min-width: 350px) {
#qunit-modulefilter-actions {
position: absolute;
right: 0;
}
}

#qunit-modulefilter-dropdown #qunit-modulefilter-actions > * {
box-sizing: border-box;
Expand All @@ -178,32 +260,33 @@

#qunit-modulefilter-dropdown #qunit-modulefilter-actions > button {
float: right;
font: inherit;
}

#qunit-modulefilter-dropdown #qunit-modulefilter-actions > :last-child {
/* insert padding to align with checkbox margins */
padding-left: 3px;
margin: 0.25em;
}

#qunit-modulefilter-dropdown-list {
max-height: 200px;
overflow-y: auto;
margin: 0;
border-top: 2px groove threedhighlight;
padding: 0.4em 0 0;
padding: 0;
font: smaller/1.5em sans-serif;
}

#qunit-modulefilter-dropdown-list li {
list-style: none;
}
#qunit-modulefilter-dropdown-list .clickable {
display: block;
padding: 0.25em 0.50em 0.25em 0.15em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

#qunit-modulefilter-dropdown-list .clickable {
display: block;
padding-left: 0.15em;
#qunit-modulefilter-dropdown-list .clickable.checked {
font-weight: bold;
background-color: #E2F0F7;
color: #0D3349;
}
#qunit-modulefilter-dropdown .clickable:hover {
background-color: #FFF;
color: #444;
}


Expand Down Expand Up @@ -256,17 +339,12 @@

#qunit-tests li a {
padding: 0.5em;
color: #C2CCD1;
text-decoration: none;
}

#qunit-tests li p a {
padding: 0.25em;
color: #6B6464;
color: inherit;
text-decoration: underline;
}
#qunit-tests li a:hover,
#qunit-tests li a:focus {
color: #000;
color: #0D3349;
}

#qunit-tests li .runtime {
Expand Down Expand Up @@ -326,7 +404,7 @@

/*** Test Counts */

#qunit-tests b.counts { color: #000; }
#qunit-tests b.counts { color: #0D3349; }
#qunit-tests b.passed { color: #5E740B; }
#qunit-tests b.failed { color: #710909; }

Expand All @@ -339,22 +417,34 @@

/*** Passing Styles */


#qunit-tests .pass {
color: #2F68DA;
background-color: #E2F0F7;
}

#qunit-tests .pass .test-name {
color: #366097;
}

#qunit-tests li li.pass {
color: #3C510C;
background-color: #FFF;
border-left: 10px solid #C6E746;
}

#qunit-tests .pass { color: #528CE0; background-color: #D2E0E6; }
#qunit-tests .pass .test-name { color: #366097; }

#qunit-tests .pass .test-actual,
#qunit-tests .pass .test-expected { color: #999; }

#qunit-banner.qunit-pass { background-color: #C6E746; }

/*** Failing Styles */

#qunit-tests .fail {
color: #000;
background-color: #EE5757;
}

#qunit-tests li li.fail {
color: #710909;
background-color: #FFF;
Expand All @@ -366,10 +456,6 @@
border-radius: 0 0 5px 5px;
}

#qunit-tests .fail { color: #000; background-color: #EE5757; }
#qunit-tests .fail .test-name,
#qunit-tests .fail .module-name { color: #000; }

#qunit-tests .fail .test-actual { color: #EE5757; }
#qunit-tests .fail .test-expected { color: #008000; }

Expand Down Expand Up @@ -402,11 +488,14 @@
/** Result */

#qunit-testresult {
color: #2B81AF;
background-color: #D2E0E6;
color: #366097;
background-color: #E2F0F7;

border-bottom: 1px solid #FFF;
}
#qunit-testresult a {
color: #2F68DA;
}
#qunit-testresult .clearfix {
height: 0;
clear: both;
Expand Down
Loading

0 comments on commit 9b8e8ed

Please sign in to comment.