| <html> |
| <head> |
| <script src="../resources/accessibility-helper.js"></script> |
| <script src="../resources/js-test.js"></script> |
| </head> |
| <body> |
| |
| <p>Before</p> |
| |
| <div id="iframeContainer"> |
| <iframe id="iframe" src="data:text/html,<body>Foo text</body>"></iframe> |
| </div> |
| |
| <p>After</p> |
| <script> |
| var output = "This tests that if an iframe that has already been accessed loads new content, that said new content is reflected in the accessibility tree.\n\n"; |
| |
| window.jsTestIsAsync = true; |
| |
| var scrollArea, webArea; |
| async function runTest() |
| { |
| if (!window.accessibilityController) |
| return; |
| |
| // Access the iframe's accessibility objects before the reload to ensure |
| // they are cached. The original bug was that the cache wasn't updated. |
| scrollArea = accessibilityController.accessibleElementById("iframeContainer").childAtIndex(0); |
| webArea = scrollArea.childAtIndex(0); |
| output += expect("platformStaticTextValue(webArea.childAtIndex(0)).includes('Foo text')", "true"); |
| |
| window.iframeElement = document.getElementById("iframe"); |
| iframeElement.addEventListener("load", async function() { |
| await waitFor(() => { |
| window.axContainer = accessibilityController.accessibleElementById("iframeContainer"); |
| window.newScrollArea = axContainer ? axContainer.childAtIndex(0) : null; |
| window.newWebArea = newScrollArea ? newScrollArea.childAtIndex(0) : null; |
| if (!window.newWebArea) |
| return false; |
| |
| return !newScrollArea.isEqual(scrollArea) && !newWebArea.isEqual(webArea); |
| }) |
| |
| output += await expectAsync("newWebArea.childrenCount > 0", "true"); |
| output += await expectAsync("newWebArea.childAtIndex(0).role.toLowerCase().includes('button')", "true"); |
| |
| debug(output); |
| finishJSTest(); |
| }, false); |
| |
| // Load content into the iframe. This will trigger the event |
| // handler above, which will check that the accessibility tree |
| // was updated with new content. |
| window.iframeElement.src = "data:text/html,<body><button>Click me</button></body>"; |
| } |
| |
| window.addEventListener("load", async function() { |
| setTimeout(runTest, 10); |
| }, false); |
| </script> |
| </body> |
| </html> |
