| <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"><!-- webkit-test-runner [ runSingly=true AccessibilityTextStitchingEnabled=true ] --> |
| <html> |
| <head> |
| <meta charset="utf-8"></meta> |
| <script src="../resources/accessibility-helper.js"></script> |
| <script src="../resources/js-test.js"></script> |
| </head> |
| <body> |
| |
| <a href="#url"> |
| <div>10% OFF</div> |
| <div>Foobar 9000</div> |
| <div>Category Name</div> |
| <div> |
| <div id="new-price-div"><span>$</span><span>430</span><span>.10</span></div> |
| <div>$550.00</div> |
| </div> |
| <!-- Add this button so iOS doesn't consider the containing link an atomic accessibility element via -[WebAccessibilityObjectWrapperIOS containsUnnaturallySegmentedChildren]. |
| If it were an accessibility element, the text within the link wouldn't be exposed, preventing us from actually testing its stitching behavior. --> |
| <button>Upvote product</button> |
| </a> |
| |
| <script> |
| var output = "This test ensures we stitch text inside links.\n\n"; |
| |
| if (window.accessibilityController) { |
| window.jsTestIsAsync = true; |
| |
| var webArea = accessibilityController.rootElement.childAtIndex(0); |
| var initialTraversalOutput = dumpAXSearchTraversal(webArea, { excludeRoles: ["group"] }); |
| output += initialTraversalOutput; |
| |
| var span = document.createElement("span"); |
| span.innerText = " (BIGGEST PRICE DROP YET)"; |
| document.getElementById("new-price-div").appendChild(span); |
| |
| // FIXME: This forced layout shouldn't be necessary, but there seems to be a bug where the page won't layout and |
| // update rendering naturally only when the <button> is present in the link. For now, force a layout to ensure |
| // text stitching gets updated with the rendering. |
| document.body.offsetWidth; |
| |
| var newTraversalOutput; |
| setTimeout(async function() { |
| await waitFor(() => { |
| newTraversalOutput = dumpAXSearchTraversal(webArea, { excludeRoles: ["group"] }); |
| return newTraversalOutput !== initialTraversalOutput; |
| }); |
| output += newTraversalOutput; |
| |
| debug(output); |
| finishJSTest(); |
| }, 0); |
| } |
| </script> |
| </body> |
| </html> |
| |
