LayoutTests/accessibility/accessibility-object-detached.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <body>
   4 <script src="../fast/js/resources/js-test-pre.js"></script>
   5
   6 <canvas id="canvas"></canvas>
   7
   8 <div id="console"></div>
   9 <script>
  10 description("This test makes sure that AccessibilityObjects are detached when the node they point to is detached.");
  11
  12 if (window.testRunner && window.accessibilityController) {
  13     window.testRunner.dumpAsText();
  14
  15     // Create a button on the page, focus it and get its accessibility role.
  16     var button = document.createElement('button');
  17     document.body.appendChild(button);
  18     button.focus();
  19     window.axElement = accessibilityController.focusedElement;
  20     window.expectedButtonRole = axElement.role;
  21
  22     // Now remove the node from the tree and get the role of the detached accessibility object.
  23     // We detect that it's detached just by checking that the role is different (empty or unknown).
  24     document.body.removeChild(button);
  25     window.expectedDetachedRole = axElement.role;
  26     shouldBeTrue("expectedButtonRole != expectedDetachedRole");
  27 }
  28
  29 </script>
  30
  31 <script src="../fast/js/resources/js-test-post.js"></script>
  32 </body>
  33 </html>