| <!-- |
| @WAIT-FOR:finished |
| @BLINK-DENY:nameFrom* |
| --> |
| <!DOCTYPE html> |
| <html> |
| <body> |
| <input id="input1"> |
| <label id="label1" aria-hidden="true" for="input1"><span><span>apples</span></span></label> |
| |
| <input id="input2"> |
| <label id="label2" aria-hidden="true" for="input2"><span><span>apples</span></span></label> |
| |
| <input id="input3"> |
| <label id="label3" aria-hidden="true" for="input3">grapes</label> |
| |
| <input id="input4"> |
| </div> |
| |
| <script> |
| setTimeout(() => { |
| const label1 = document.getElementById('label1'); |
| label1.firstElementChild.firstElementChild.innerText = 'oranges'; |
| const label2 = document.getElementById('label2'); |
| label2.firstElementChild.firstElementChild.innerText = 'oranges'; |
| |
| const label3 = document.getElementById('label3'); |
| const text3 = label3.firstChild; |
| text3.deleteData(0,5); // Delete 'grape' |
| text3.insertData(0,'banana'); // Text should now be 'bananas' |
| setTimeout(() => { |
| const input4 = document.getElementById('input4'); |
| input4.setAttribute('aria-label', 'finished'); |
| }, 0); |
| }, 100); |
| </script> |
| </body> |
| </html> |
