WIP on fewer-keystrokes

Author: wizard04wsu

isType.mjs.js

@@ -96,7 +96,7 @@ class TypeTest {
 			this.nonempty = !this.empty;
 		}
 		else{
-			this.empty = this.nonempty = void 0;
+			this.empty = this.nonempty = false;
 		}
 	}
 

test/test.htm

@@ -21,18 +21,42 @@
 			color: #888;
 		}
 
+		#types {
+			font-family: sans-serif;
+			margin-top: 5em;
+		}
 		#types th {
 			position: relative;
-			padding: 0 1.25em;
+			padding: 0 0.625em;
 			border: none;
 		}
 		#types th div {
 			position: absolute;
 			transform-origin: top left;
 			transform: rotate(-60deg);
-			left: calc(50% - 1.25em* cos(30deg));
+			left: calc(50% - 1em * cos(30deg));
 			line-height: 1.25;
-			top: calc(-1em* sin(30deg));
+			top: calc(-1em * sin(30deg) - 0.25em);
+		}
+		#types td {
+			padding: 0 0.25em 0.25em;
+			min-width: 1.375em;
+			vertical-align: middle;
+			white-space: nowrap;
+			text-align: left;
+			background: #90ee9022;
+		}
+		#types td:nth-child(n+3) {
+			text-align: center;
+		}
+		#types td:first-child {
+			background: none;
+		}
+		#types td.match {
+			background: lightgreen;
+		}
+		#types td.error {
+			background: lightcoral;
 		}
 	</style>
 

test/test.js

@@ -5,14 +5,15 @@ let testResults = [];
 {
 	_is(()=>(void 0), is.undefined, is.primitive, is.nullish, is.falsy);
 	_is(()=>(new Number(Infinity)), is.number, is.defined, is.object, is.objectish, is.truthy, is.infinite, is.numberish);
+	_is(()=>([]), is.array, is.defined, is.object, is.objectish, is.truthy, is.empty);
 }
 
 document.addEventListener("DOMContentLoaded", ()=>{document.body.innerHTML += createTable()});
 
 /**
  * Perform a test and add the result details to the `testResults` array.
  *
- * @param {function} fn - An arrow function returning the value to be tested. The function body is saved as a string for later use.
+ * @param {function} fn - An arrow function, in the form of `()=>(...)`, returning the value to be tested. The function body is saved as a string for later use.
  * @param {string} type - The expected type of the test value.
  * @param {...string} [trues] - Names of all additional properties of the test result that are expected to evaluate as `true`.
  */
@@ -71,12 +72,12 @@ function createTable(){
  */
 function createRow(result){
 
-	let typeMatch = result.type.expected !== result.type.actual;
+	let typeMatch = result.type.expected === result.type.actual;
 
 	let code = result.code.replace("&","&amp;").replace("<","&lt;").replace(">","&gt;").replace("\"","&quot;");
 
-	let cells = `<td>${code}</td><td ${!typeMatch ? 'class="error"' : ""}>${result.type.actual}`;
-	if(typeMatch) cells += ` (expected ${result.type.expected})`;
+	let cells = `<td><code>${code}</code></td><td class="${typeMatch ? "match" : "error"}">${result.type.actual}`;
+	if(!typeMatch) cells += `<br>(expected ${result.type.expected})`;
 	cells += `</td>`;
 
 	for(const prop in result.properties){
@@ -95,7 +96,8 @@ function createRow(result){
 function createCell(expected, actual){
 
 	if(!(expected || actual)) return `<td></td>`;
-	return `<td class="${expected === actual ? "match" : "error"}">${expected ? "✔️" : "✖️"}</td>`;
+	if(expected === actual) return `<td class="match">✔️</td>`;
+	return `<td class="error" title="expected ${expected}">${actual ? "✔️" : ""}</td>`;
 }
 
 /*{