1
    2
    3
    4
    5
    6
    7
    8
    9
   10
   11
   12
   13
   14
   15
   16
   17
   18
   19
   20
   21
   22
   23
   24
   25
   26
   27
   28
   29
   30


content / test / data / accessibility / event / visibility-hidden-changed.html [blame]

<!--
@AURALINUX-DENY:STATE-CHANGE:DEFUNCT*
@UIA-WIN-DENY:*
@UIA-WIN-ALLOW:AriaProperties*
@UIA-WIN_DENY:AriaProperties changed on role=document
-->
<!DOCTYPE html>
<html>
<body>
  <h4 id="d1">Item1</h4>
  <h4 id="d2" style="visibility: hidden">Item2</h4>
  <h4 id="d3" style="visibility: visible">Item3</h4>
  <h4 id="d4" style="visibility: hidden">Item4</h4>
  <script>
    function go() {
      // Set style from [none]->visibility: hidden; should fire an event.
      document.getElementById('d1').setAttribute('style', 'visibility: hidden');

      // Set style from visibility: hidden->visibility: visible; should fire an event.
      document.getElementById('d2').setAttribute('style', 'visibility: visible');

      // Set style from visibility: visible->visibility: hidden; should fire an event.
      document.getElementById('d3').setAttribute('style', 'visibility: hidden');

      // Remove style visibility; should fire an event.
      document.getElementById('d4').removeAttribute('style');
    }
  </script>
</body>
</html>