|
|
<!doctype html> |
|
|
<html lang="en-us"> |
|
|
<head> |
|
|
<meta charset="utf-8"> |
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
|
|
<link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon"> |
|
|
|
|
|
<link rel="stylesheet" href="../common/testing.css"/> |
|
|
<title>SQLTester</title> |
|
|
</head> |
|
|
<style> |
|
|
fieldset { |
|
|
display: flex; |
|
|
flex-direction: row; |
|
|
padding-right: 1em; |
|
|
} |
|
|
fieldset > :not(.legend) { |
|
|
display: flex; |
|
|
flex-direction: row; |
|
|
padding-right: 1em; |
|
|
} |
|
|
</style> |
|
|
<body> |
|
|
<h1>SQLTester for JS/WASM</h1> |
|
|
<p>This app reads in a build-time-defined set of SQLTester test |
|
|
scripts and runs them through the test suite. |
|
|
</p> |
|
|
<fieldset> |
|
|
<legend>Options</legend> |
|
|
<span class='input-wrapper'> |
|
|
<input type='checkbox' id='cb-log-reverse' checked> |
|
|
<label for='cb-log-reverse'>Reverse log order?</label> |
|
|
</span> |
|
|
<input type='button' id='btn-run-tests' value='Run tests'/> |
|
|
</fieldset> |
|
|
<div id='test-output'>Test output will go here.</div> |
|
|
|
|
|
<script> |
|
|
(async function(){ |
|
|
const W = new Worker('SQLTester.run.mjs',{ |
|
|
type: 'module' |
|
|
}); |
|
|
const wPost = (type,payload)=>W.postMessage({type,payload}); |
|
|
const mapToString = (v)=>{ |
|
|
switch(typeof v){ |
|
|
case 'string': return v; |
|
|
case 'number': case 'boolean': |
|
|
case 'undefined': case 'bigint': |
|
|
return ''+v; |
|
|
default: break; |
|
|
} |
|
|
if(null===v) return 'null'; |
|
|
if(v instanceof Error){ |
|
|
v = { |
|
|
message: v.message, |
|
|
stack: v.stack, |
|
|
errorClass: v.name |
|
|
}; |
|
|
} |
|
|
return JSON.stringify(v,undefined,2); |
|
|
}; |
|
|
const normalizeArgs = (args)=>args.map(mapToString); |
|
|
const logTarget = document.querySelector('#test-output'); |
|
|
const logClass = function(cssClass,...args){ |
|
|
const ln = document.createElement('div'); |
|
|
if(cssClass){ |
|
|
for(const c of (Array.isArray(cssClass) ? cssClass : [cssClass])){ |
|
|
ln.classList.add(c); |
|
|
} |
|
|
} |
|
|
ln.append(document.createTextNode(normalizeArgs(args).join(' '))); |
|
|
logTarget.append(ln); |
|
|
}; |
|
|
{ |
|
|
const cbReverse = document.querySelector('#cb-log-reverse'); |
|
|
const cbReverseKey = 'SQLTester:cb-log-reverse'; |
|
|
const cbReverseIt = ()=>{ |
|
|
logTarget.classList[cbReverse.checked ? 'add' : 'remove']('reverse'); |
|
|
}; |
|
|
cbReverse.addEventListener('change', cbReverseIt, true); |
|
|
cbReverseIt(); |
|
|
} |
|
|
|
|
|
const btnRun = document.querySelector('#btn-run-tests'); |
|
|
const runTests = ()=>{ |
|
|
btnRun.setAttribute('disabled','disabled'); |
|
|
wPost('run-tests'); |
|
|
logTarget.innerText = 'Running tests...'; |
|
|
} |
|
|
btnRun.addEventListener('click', runTests); |
|
|
const log2 = function f(...args){ |
|
|
logClass('', ...args); |
|
|
return f; |
|
|
}; |
|
|
const log = function f(...args){ |
|
|
logClass('','index.html:',...args); |
|
|
return f; |
|
|
}; |
|
|
|
|
|
const timerId = setTimeout( ()=>{ |
|
|
logClass('error',"The SQLTester module is taking an unusually ", |
|
|
"long time to load. More information may be available", |
|
|
"in the dev console."); |
|
|
}, 3000 ); |
|
|
|
|
|
W.onmessage = function({data}){ |
|
|
switch(data.type){ |
|
|
case 'stdout': log2(data.payload.message); break; |
|
|
case 'tests-end': |
|
|
btnRun.removeAttribute('disabled'); |
|
|
delete data.payload.nTest; |
|
|
log("test results:",data.payload); |
|
|
break; |
|
|
case 'is-ready': |
|
|
clearTimeout(timerId); |
|
|
runTests(); break; |
|
|
default: |
|
|
log("unhandled onmessage",data); |
|
|
break; |
|
|
} |
|
|
}; |
|
|
})(); |
|
|
</script> |
|
|
</body> |
|
|
</html> |
|
|
|
