spiegel-keyman/web/testing/regression-tests/index.html
2019-03-25 15:10:57 +11:00

112 lines
No EOL
2.7 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<!-- Set the viewport width to match phone and tablet device widths -->
<meta name="viewport" content="width=device-width,user-scalable=no">
<!-- Enable IE9 Standards mode -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>KeymanWeb - Regression Test Interactive Harness</title>
<!-- Your page CSS -->
<style type='text/css'>
body {
font-family: Tahoma, helvetica;
}
h3 {
font-size: 1em;
font-weight: normal;
color: darkred;
margin-bottom: 4px
}
.test {
font-size: 1.5em;
width: 80%;
min-height: 30px;
border: 1px solid gray;
}
#KeymanWebControl {
width: 50%;
min-width: 600px;
}
td {
vertical-align:top;
padding:15px;
}
#progressWindow {
width: 100%;
margin: 8px 0;
height: 16px;
border: solid 1px #666666;
box-sizing: border-box;
padding: 2px;
}
#progressPosition {
background: #44cc44;
height: 100%;
box-sizing: border-box;
}
</style>
<script src="/web/keymanweb.js"></script>
<script src="/web/kmwuitoggle.js"></script>
<script src="src/ui.js"></script>
<script src="src/test-runner.js"></script>
</head>
<!-- Sample page HTML -->
<body id="body">
<table style="width:100%">
<tr>
<td colspan="2">
<h1>KeymanWeb - Regression Test Suite</h1>
<p>This page is designed to playback tests from .test files for use in validating engine and compiler changes.</p>
</td>
</tr>
</table>
<hr/>
<table width="100%">
<tr>
<td style="width:100%">
<h2>Select Tests to Run</h2>
<p>
Testing Spec:
<select id="keyboards"></select>
<input type="button" onclick="loadTests()" value="Load tests" />
<input type='button' onclick='runTests()' value='Run tests' />
<input type='button' onclick='saveTestResults()' value='Save test results' /><br>
<input type="button" onclick="loadRunAndSaveAllTests()" value="Load, run and save all tests for all keyboards" />
<div id='progressWindow'><div id='progressPosition'></div></div>
</p>
</td>
</tr>
</table>
<hr/>
<table style="width:100%">
<tr>
<td style="width:50%">
<h2>Input Receiver</h2>
<input type='text' id='receiver'/>
</td>
</tr>
</table>
<hr/>
<table style="width:100%">
<tr>
<td width="100%">
<h2>JSON result:</h2>
<textarea id="masterJSON" class="kmw-disabled" style="width:100%; height:600px"></textarea>
</td>
</tr>
</table>
</body>
</html>