80 lines
2.0 KiB
HTML
80 lines
2.0 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
|
|
<html>
|
|
<head>
|
|
<script type="text/javascript" charset="utf-8">
|
|
|
|
var choices = ['foo', 'bar', 'baz', 'baf', 'bop', 'bip'];
|
|
|
|
function $(id){
|
|
return document.getElementById(id);
|
|
}
|
|
function node(tagName, role){
|
|
var el = document.createElement(tagName);
|
|
el.setAttribute('role', role);
|
|
return el;
|
|
}
|
|
|
|
function randomize(){
|
|
|
|
var d = $('myData');
|
|
d.innerHTML = ''; // clear it out first
|
|
for (var i=0; i<3; i++){
|
|
var row = node('tr', 'row');
|
|
d.appendChild(row);
|
|
for (var j=0; j<3; j++){
|
|
var cell = node('tr', 'gridcell');
|
|
cell.innerHTML = choices[Math.floor(Math.random()*choices.length)]; // populate cell with a random entry from 'choices' array: 'foo', 'bar', 'baz', etc.
|
|
row.appendChild(cell);
|
|
}
|
|
}
|
|
}
|
|
|
|
</script>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
</head>
|
|
<body id="body">
|
|
|
|
<div role="grid" tabindex=0 id="grid1">
|
|
<div role="rowgroup">
|
|
<div role="row">
|
|
<span role="columnheader">A</span>
|
|
<span role="columnheader">B</span>
|
|
<span role="columnheader">C</span>
|
|
</div>
|
|
</div>
|
|
<div role="rowgroup" id="myData"><!-- to be populated by script --></div>
|
|
</div>
|
|
|
|
<p id="description"></p>
|
|
<div id="console"></div>
|
|
|
|
<script>
|
|
|
|
description("This tests that when a table has its DOM changed, all the table method still return the correct data.");
|
|
|
|
if (window.accessibilityController) {
|
|
|
|
randomize();
|
|
|
|
document.getElementById("grid1").focus();
|
|
var grid = accessibilityController.focusedElement;
|
|
var rows = grid.rowCount;
|
|
var columns = grid.columnCount;
|
|
randomize();
|
|
|
|
// this used to crash in debug mode.
|
|
shouldBe("rows", "grid.rowCount");
|
|
shouldBe("columns", "grid.columnCount");
|
|
|
|
// clear out the data so that we get the same end results for our layout test.
|
|
var d = $('myData');
|
|
d.innerHTML = '';
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|