| <!DOCTYPE html> |
| <html> |
| <head> |
| <script src="../../resources/js-test-pre.js"></script> |
| <style> |
| .offscreen { |
| position:relative; |
| top:9999px; |
| } |
| </style> |
| <title>Table Visible Rows</title> |
| </head> |
| <body> |
| |
| <div id="table" role="grid"> |
| <div class="onscreen" role="row"><span role="gridcell">A</span></div> |
| <div class="onscreen" role="row"><span role="gridcell">B</span></div> |
| <div class="onscreen" role="row"><span role="gridcell">C</span></div> |
| <div class="offscreen" role="row"><span role="gridcell">D</span></div> |
| <div class="offscreen" role="row"><span role="gridcell">E</span></div> |
| </div> |
| |
| <p id="description"></p> |
| <div id="console"></div> |
| |
| <script> |
| description("This tests that AXVisibleRows returns visible rows correctly."); |
| |
| if (window.accessibilityController) { |
| var table = accessibilityController.accessibleElementById("table"); |
| |
| // All rows. |
| var rows = table.uiElementArrayAttributeValue("AXRows").length; |
| shouldBe("rows", "5"); |
| |
| // Visible rows. |
| var visibleRows = table.uiElementArrayAttributeValue("AXVisibleRows").length; |
| shouldBe("visibleRows", "3"); |
| |
| // Hide superfluous text. |
| document.getElementById("table").style.display = "none"; |
| } |
| </script> |
| |
| <script src="../../resources/js-test-post.js"></script> |
| </body> |
| </html> |
