progress/reqs/tests.html

<!DOCTYPE HTML>
<title>&lt;meter> processing and authoring requirements</title>
<style>
  .disagree {
    background-color: red;
  }
</style>

<pre id=inputs style="display: none">

  
0
0.
10
100.
100.2
.23
10 10
10 20 30
5%
5.%
5.00%
100 %
200,%
100% 200%
100% 20,%
.5%
.2% .5%
%100%
50..
.
..
.. 10
.. 10 20
1 . 2
10 .. 20
4 .1
1. 5
3 4 .
10 20 ..
10 20 .. %
192.168.0.1
10% 10.10.0.2
</pre>

<table>
  <caption><em>&lt;meter></em> Content</caption>
  <thead>
    <tr>
      <th rowspan=2>Input
      <th colspan=4>From UA processing requirements
      <th colspan=4>From authoring requirements
    <tr>
      <th data-key=ua-isNothing>nothing?
      <th data-key=ua-number1>number1
      <th data-key=ua-number2>number2
      <th data-key=ua-denominator>denominator
      
      <th data-key=author-isNothing>nothing?
      <th data-key=author-number1>number1
      <th data-key=author-number2>number2
      <th data-key=author-denominator>denominator
  <tbody>
</table>

<script>
  var testPageURL = 'test.html';
  
  var keys = [];
  var resultTable = document.getElementsByTagName ('table')[0];
  var resultHeaders = resultTable.tHead.getElementsByTagName ('th');
  for (var i = 0; i < resultHeaders.length; i++) {
    var th = resultHeaders[i];
    var thKey = th.getAttribute ('data-key');
    if (thKey) {
      keys.push (thKey);
    }
  }
  var resultRows = resultTable.tBodies[0];

  var testInputs = document.getElementById ('inputs').textContent.split (/\n/);
  
  var iframe = document.createElement ('iframe');
  iframe.src = 'about:blank';
  iframe.onload = function () {
    runTests ();
  };
  document.body.appendChild (iframe);
  
function runTests () {
  if (testInputs.length) {
    var testInput = testInputs.shift ();
    executeTest (testInput, runTests);
  } else {
    document.body.removeChild (iframe);
  }
} // runTests

function executeTest (testInput, ondone) {
  var url = testPageURL + '#' + encodeURIComponent (testInput);
  iframe.onload = function () {
    var doc = this.contentDocument;
    var outputs = doc.getElementsByTagName ('output');
    var outputValues = {};
    for (var i = 0; i < outputs.length; i++) {
      var output = outputs[i];
      var name = output.getAttribute ('name') || '';
      outputValues[name] = output.innerHTML;
    }
    
    var tr = document.createElement ('tr');
    var th = document.createElement ('th');
    th.innerHTML = '<a><code></code></a>';
    th.firstChild.firstChild.textContent = testInput;
    th.firstChild.href = url;
    tr.appendChild (th);
    for (var i = 0; i < keys.length; i++) {
      var key = keys[i];
      var value = outputValues[key] || '';
      var td = document.createElement ('td');
      td.innerHTML = value;
      if (key.match (/^ua-/)) {
        var value2 = outputValues['author-' + key.substring (3)];
        if (value != value2) {
          td.className = 'disagree';
        }
      } else if (key.match (/^author-/)) {
        var value2 = outputValues['ua-' + key.substring (7)];
        if (value != value2) {
          td.className = 'disagree';
        }
      }
      tr.appendChild (td);
    }
    resultRows.appendChild (tr);
    this.onload = function () {
      ondone ();
    };
    this.src = 'about:blank';
  };
  iframe.src = url;
} // executeTest
</script>
1	wakaba	1.1	<!DOCTYPE HTML>
2	wakaba	1.2	<title><meter> processing and authoring requirements</title>
3	wakaba	1.1	<style>
4			.disagree {
5			background-color: red;
6			}
7			</style>
8
9			<pre id=inputs style="display: none">
10
11
12			0
13			0.
14			10
15			100.
16			100.2
17			.23
18			10 10
19			10 20 30
20			5%
21			5.%
22			5.00%
23			100 %
24			200,%
25			100% 200%
26			100% 20,%
27			.5%
28			.2% .5%
29			%100%
30			50..
31			.
32			..
33			.. 10
34			.. 10 20
35			1 . 2
36			10 .. 20
37			4 .1
38			1. 5
39			3 4 .
40			10 20 ..
41			10 20 .. %
42			192.168.0.1
43			10% 10.10.0.2
44			</pre>
45
46			<table>
47	wakaba	1.3	<caption><em><meter></em> Content</caption>
48	wakaba	1.1	<thead>
49			<tr>
50			<th rowspan=2>Input
51			<th colspan=4>From UA processing requirements
52			<th colspan=4>From authoring requirements
53			<tr>
54			<th data-key=ua-isNothing>nothing?
55			<th data-key=ua-number1>number1
56			<th data-key=ua-number2>number2
57			<th data-key=ua-denominator>denominator
58
59			<th data-key=author-isNothing>nothing?
60			<th data-key=author-number1>number1
61			<th data-key=author-number2>number2
62			<th data-key=author-denominator>denominator
63			<tbody>
64			</table>
65
66			<script>
67			var testPageURL = 'test.html';
68
69			var keys = [];
70			var resultTable = document.getElementsByTagName ('table')[0];
71			var resultHeaders = resultTable.tHead.getElementsByTagName ('th');
72			for (var i = 0; i < resultHeaders.length; i++) {
73			var th = resultHeaders[i];
74			var thKey = th.getAttribute ('data-key');
75			if (thKey) {
76			keys.push (thKey);
77			}
78			}
79			var resultRows = resultTable.tBodies[0];
80
81			var testInputs = document.getElementById ('inputs').textContent.split (/\n/);
82
83			var iframe = document.createElement ('iframe');
84			iframe.src = 'about:blank';
85			iframe.onload = function () {
86			runTests ();
87			};
88			document.body.appendChild (iframe);
89
90			function runTests () {
91			if (testInputs.length) {
92			var testInput = testInputs.shift ();
93			executeTest (testInput, runTests);
94			} else {
95			document.body.removeChild (iframe);
96			}
97			} // runTests
98
99			function executeTest (testInput, ondone) {
100			var url = testPageURL + '#' + encodeURIComponent (testInput);
101			iframe.onload = function () {
102			var doc = this.contentDocument;
103			var outputs = doc.getElementsByTagName ('output');
104			var outputValues = {};
105			for (var i = 0; i < outputs.length; i++) {
106			var output = outputs[i];
107			var name = output.getAttribute ('name') \|\| '';
108			outputValues[name] = output.innerHTML;
109			}
110
111			var tr = document.createElement ('tr');
112			var th = document.createElement ('th');
113			th.innerHTML = '<a><code></code></a>';
114			th.firstChild.firstChild.textContent = testInput;
115			th.firstChild.href = url;
116			tr.appendChild (th);
117			for (var i = 0; i < keys.length; i++) {
118			var key = keys[i];
119			var value = outputValues[key] \|\| '';
120			var td = document.createElement ('td');
121			td.innerHTML = value;
122			if (key.match (/^ua-/)) {
123			var value2 = outputValues['author-' + key.substring (3)];
124			if (value != value2) {
125			td.className = 'disagree';
126			}
127			} else if (key.match (/^author-/)) {
128			var value2 = outputValues['ua-' + key.substring (7)];
129			if (value != value2) {
130			td.className = 'disagree';
131			}
132			}
133			tr.appendChild (td);
134			}
135			resultRows.appendChild (tr);
136			this.onload = function () {
137			ondone ();
138			};
139			this.src = 'about:blank';
140			};
141			iframe.src = url;
142			} // executeTest
143			</script>