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 / html / button-content-changed.html [blame]

<!--
@BLINK-ALLOW:name=*
@WAIT-FOR:Done
-->
<!DOCTYPE html>
<html>
<body>
  <div tabindex="0" id="status" aria-label="Working"></div>
  <button>
    <p>
      <div id="txt1">Before</div>
    </p>
  </button>
  <button>
    <p>
      <div id="txt2">Before</div>
    </p>
  </button>

<script>
setTimeout(function() {
  document.getElementById('txt1').textContent = 'After';
  document.getElementById('txt2').firstChild.data = 'After';
  setTimeout(() => {
    document.getElementById('status').setAttribute('aria-label', 'Done');
  }, 0);
}, 1000);
</script>
</body>
</html>