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>
  <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	<!DOCTYPE HTML>
2	<title><meter> processing and authoring requirements</title>
3	<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	<thead>
48	<tr>
49	<th rowspan=2>Input
50	<th colspan=4>From UA processing requirements
51	<th colspan=4>From authoring requirements
52	<tr>
53	<th data-key=ua-isNothing>nothing?
54	<th data-key=ua-number1>number1
55	<th data-key=ua-number2>number2
56	<th data-key=ua-denominator>denominator
57
58	<th data-key=author-isNothing>nothing?
59	<th data-key=author-number1>number1
60	<th data-key=author-number2>number2
61	<th data-key=author-denominator>denominator
62	<tbody>
63	</table>
64
65	<script>
66	var testPageURL = 'test.html';
67
68	var keys = [];
69	var resultTable = document.getElementsByTagName ('table')[0];
70	var resultHeaders = resultTable.tHead.getElementsByTagName ('th');
71	for (var i = 0; i < resultHeaders.length; i++) {
72	var th = resultHeaders[i];
73	var thKey = th.getAttribute ('data-key');
74	if (thKey) {
75	keys.push (thKey);
76	}
77	}
78	var resultRows = resultTable.tBodies[0];
79
80	var testInputs = document.getElementById ('inputs').textContent.split (/\n/);
81
82	var iframe = document.createElement ('iframe');
83	iframe.src = 'about:blank';
84	iframe.onload = function () {
85	runTests ();
86	};
87	document.body.appendChild (iframe);
88
89	function runTests () {
90	if (testInputs.length) {
91	var testInput = testInputs.shift ();
92	executeTest (testInput, runTests);
93	} else {
94	document.body.removeChild (iframe);
95	}
96	} // runTests
97
98	function executeTest (testInput, ondone) {
99	var url = testPageURL + '#' + encodeURIComponent (testInput);
100	iframe.onload = function () {
101	var doc = this.contentDocument;
102	var outputs = doc.getElementsByTagName ('output');
103	var outputValues = {};
104	for (var i = 0; i < outputs.length; i++) {
105	var output = outputs[i];
106	var name = output.getAttribute ('name') \|\| '';
107	outputValues[name] = output.innerHTML;
108	}
109
110	var tr = document.createElement ('tr');
111	var th = document.createElement ('th');
112	th.innerHTML = '<a><code></code></a>';
113	th.firstChild.firstChild.textContent = testInput;
114	th.firstChild.href = url;
115	tr.appendChild (th);
116	for (var i = 0; i < keys.length; i++) {
117	var key = keys[i];
118	var value = outputValues[key] \|\| '';
119	var td = document.createElement ('td');
120	td.innerHTML = value;
121	if (key.match (/^ua-/)) {
122	var value2 = outputValues['author-' + key.substring (3)];
123	if (value != value2) {
124	td.className = 'disagree';
125	}
126	} else if (key.match (/^author-/)) {
127	var value2 = outputValues['ua-' + key.substring (7)];
128	if (value != value2) {
129	td.className = 'disagree';
130	}
131	}
132	tr.appendChild (td);
133	}
134	resultRows.appendChild (tr);
135	this.onload = function () {
136	ondone ();
137	};
138	this.src = 'about:blank';
139	};
140	iframe.src = url;
141	} // executeTest
142	</script>