| <!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> |
