qunitx 0.3.5 → 0.3.7

package/README.md

@@ -1,10 +1,10 @@
-# QUnitx
+# QUnitX
 
 Experimental improvements, suggestions for qunit CLI
 
-![Qunitx terminal output](https://raw.githubusercontent.com/izelnakri/qunitx/main/docs/qunitx-help-stdout.png)
+![QunitX terminal output](https://raw.githubusercontent.com/izelnakri/qunitx/main/docs/qunitx-help-stdout.png)
 
-Default test output is TAP(Test-Anything-Protocol_) thus you can use any tap reporter of your choice to display test
+Default test output is TAP (_Test-Anything-Protocol_) thus you can use any tap reporter of your choice to display test
 output in anyway you like. Example:
 
 ```zsh

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "qunitx",
   "type": "module",
-  "version": "0.3.5",
+  "version": "0.3.7",
   "description": "Experimental improvements, suggestions for qunit CLI",
   "author": "Izel Nakri",
   "license": "MIT",
@@ -28,38 +28,35 @@
     "release:alpha": "node_modules/.bin/release-it --preRelease=alpha --no-git.requireUpstream",
     "release:beta": "node_modules/.bin/release-it --preRelease=beta --no-git.requireUpstream",
     "release": "node_modules/.bin/release-it",
-    "test": "node_modules/.bin/mocha --require test/setup.js --bail --check-leaks -p -t=20000",
-    "test:all": "node_modules/.bin/mocha --require test/setup.js --bail --check-leaks test/inputs test/commands test/flags/after-test.js test/flags/before-test.js -p -t=20000",
+    "test": "node --test test/index.js",
+    "test:old": "node_modules/.bin/mocha --require test/setup.js --bail --exit --check-leaks test/inputs test/commands test/flags/after-test.js test/flags/before-test.js -t=20000",
     "test:sanity-first": "./cli.js test/helpers/failing-tests.js test/helpers/failing-tests.ts",
     "test:sanity-second": "./cli.js test/helpers/passing-tests.js test/helpers/passing-tests.ts"
   },
   "dependencies": {
-    "@nanoexpress/middleware-static-serve": "^1.0.3",
+    "@nanoexpress/middleware-static-serve": "^1.0.4",
     "cheerio": "^1.0.0-rc.10",
     "chokidar": "^3.5.3",
-    "esbuild": "^0.14.24",
+    "esbuild": "^0.14.25",
     "js-yaml": "^4.1.0",
-    "kleur": "^4.1.4",
-    "nanoexpress": "5.2.2",
+    "kleur": "^4.1.5",
+    "nanoexpress": "^6.1.0",
     "picomatch": "^2.3.1",
-    "puppeteer": "13.4.1",
+    "puppeteer": "13.5.2",
     "recursive-lookup": "1.0.0",
-    "ts-node": "^10.6.0"
+    "ts-node": "^10.7.0"
   },
   "devDependencies": {
     "auto-changelog": "^2.4.0",
-    "axios": "^0.26.0",
     "cors": "^2.8.5",
     "express": "^4.17.3",
-    "mocha": "^9.2.1",
-    "prettier": "^2.5.1",
+    "prettier": "^2.8.8",
     "qunit": "^2.18.0",
-    "qunitx": "^0.3.4",
-    "release-it": "^14.12.5",
-    "uuid": "^8.3.2"
+    "qunitx": "^0.3.6",
+    "release-it": "^15.10.3"
   },
   "volta": {
-    "node": "16.13.0"
+    "node": "19.9.0"
   },
   "prettier": {
     "printWidth": 100,

package/vendor/qunit.css

@@ -1,5 +1,5 @@
 /*!
- * QUnit 2.18.0
+ * QUnit 2.19.4
  * https://qunitjs.com/
  *
  * Copyright OpenJS Foundation and other contributors
@@ -9,17 +9,6 @@
 
 /** Font Family and Sizes */
 
-/* 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 {
-	font-size: initial;
-	border: initial;
-	background-color: buttonface;
-}
-
 #qunit-tests, #qunit-header, #qunit-banner, #qunit-testrunner-toolbar, #qunit-filteredTest, #qunit-userAgent, #qunit-testresult {
 	font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
 }
@@ -35,6 +24,20 @@
 	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 */
 
@@ -134,8 +137,46 @@
 	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,
@@ -143,6 +184,7 @@
 #qunit-modulefilter {
 	display: inline-block;
 	line-height: 2.1em;
+	text-align: left;
 }
 
 .qunit-filter,
@@ -158,11 +200,17 @@
 #qunit-modulefilter-search {
 	box-sizing: border-box;
 	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;
 }
@@ -171,42 +219,37 @@
 	/* align with #qunit-modulefilter-search */
 	box-sizing: border-box;
 	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;
 
-	border: 1px solid #D3D3D3;
-	border-top: none;
+	/* 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 #AAA;
+	border-top-color: transparent;
 	border-radius: 0 0 .25em .25em;
 	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: #0D3349;
-	background-color: #E2F0F7;
-}
-
-#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;
@@ -217,33 +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;
-	padding-right: 0.5em;
+#qunit-modulefilter-dropdown-list .clickable.checked {
+	font-weight: bold;
+	background-color: #E2F0F7;
+	color: #0D3349;
+}
+#qunit-modulefilter-dropdown .clickable:hover {
+	background-color: #FFF;
+	color: #444;
 }