tests: webui: Update vendored qunit

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>

install/ui/test/qunit.css

@@ -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 */
@@ -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;
@@ -44,7 +83,7 @@
 
 #qunit-header a {
 	text-decoration: none;
-	color: #C2CCD1;
+	color: inherit;
 }
 
 #qunit-header a:hover,
@@ -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;
 }
@@ -118,12 +199,18 @@
 
 #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;
 }
@@ -131,43 +218,38 @@
 #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%;
+	top: 100%;
-	margin-top: 0.8em;
+	margin-top: 2px;
 
-	border: 1px solid #D3D3D3;
+	/* ensure that when on a narrow viewports and having only one result,
-	border-top: none;
+	   that #qunit-modulefilter-actions fall outside the dropdown rectangle. */
+	min-height: 3em;
+
+	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;
@@ -178,32 +260,33 @@
 
 #qunit-modulefilter-dropdown #qunit-modulefilter-actions > button {
 	float: right;
-	font: inherit;
+	margin: 0.25em;
-}
-
-#qunit-modulefilter-dropdown #qunit-modulefilter-actions > :last-child {
-	/* insert padding to align with checkbox margins */
-	padding-left: 3px;
 }
 
 #qunit-modulefilter-dropdown-list {
-	max-height: 200px;
-	overflow-y: auto;
 	margin: 0;
-	border-top: 2px groove threedhighlight;
+	padding: 0;
-	padding: 0.4em 0 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.checked {
-#qunit-modulefilter-dropdown-list .clickable {
+	font-weight: bold;
-	display: block;
+	background-color: #E2F0F7;
-	padding-left: 0.15em;
+	color: #0D3349;
+}
+#qunit-modulefilter-dropdown .clickable:hover {
+	background-color: #FFF;
+	color: #444;
 }
 
 
@@ -256,17 +339,12 @@
 
 #qunit-tests li a {
 	padding: 0.5em;
-	color: #C2CCD1;
+	color: inherit;
-	text-decoration: none;
+	text-decoration: underline;
-}
-
-#qunit-tests li p a {
-	padding: 0.25em;
-	color: #6B6464;
 }
 #qunit-tests li a:hover,
 #qunit-tests li a:focus {
-	color: #000;
+	color: #0D3349;
 }
 
 #qunit-tests li .runtime {
@@ -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; }
 
@@ -339,15 +417,22 @@
 
 /*** 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; }
 
@@ -355,6 +440,11 @@
 
 /*** Failing Styles */
 
+#qunit-tests .fail {
+	color: #000;
+	background-color: #EE5757;
+}
+
 #qunit-tests li li.fail {
 	color: #710909;
 	background-color: #FFF;
@@ -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; }
 
@@ -402,11 +488,14 @@
 /** Result */
 
 #qunit-testresult {
-	color: #2B81AF;
+	color: #366097;
-	background-color: #D2E0E6;
+	background-color: #E2F0F7;
 
 	border-bottom: 1px solid #FFF;
 }
+#qunit-testresult a {
+	color: #2F68DA;
+}
 #qunit-testresult .clearfix {
 	height: 0;
 	clear: both;