| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <title>Check that descendant style invalidation works with ::cue selectors.</tit
le> | 2 <title>Check that descendant style invalidation works with ::cue selectors.</tit
le> |
| 3 <script src="../media-file.js"></script> | 3 <script src="../media-file.js"></script> |
| 4 <script src="../media-controls.js"></script> | 4 <script src="../media-controls.js"></script> |
| 5 <script src="../../resources/testharness.js"></script> | 5 <script src="../../resources/testharness.js"></script> |
| 6 <script src="../../resources/testharnessreport.js"></script> | 6 <script src="../../resources/testharnessreport.js"></script> |
| 7 <style> | 7 <style> |
| 8 video::cue, | 8 video::cue, |
| 9 video::cue(c), | 9 video::cue(c), |
| 10 video::cue(i:past), | 10 video::cue(i:past), |
| (...skipping 19 matching lines...) Expand all Loading... |
| 30 | 30 |
| 31 var cueNode = textTrackCueElementByIndex(video, 0).firstChild; | 31 var cueNode = textTrackCueElementByIndex(video, 0).firstChild; |
| 32 var iNode = cueNode.firstElementChild; | 32 var iNode = cueNode.firstElementChild; |
| 33 var cNode = iNode.nextSibling.nextSibling; | 33 var cNode = iNode.nextSibling.nextSibling; |
| 34 var bNode = cNode.nextSibling.nextSibling; | 34 var bNode = cNode.nextSibling.nextSibling; |
| 35 | 35 |
| 36 assert_equals(getComputedStyle(cueNode).backgroundColor, red); | 36 assert_equals(getComputedStyle(cueNode).backgroundColor, red); |
| 37 ascendant.offsetTop; | 37 ascendant.offsetTop; |
| 38 ascendant.classList.add("cue"); | 38 ascendant.classList.add("cue"); |
| 39 if (window.internals) | 39 if (window.internals) |
| 40 assert_equals(internals.updateStyleAndReturnAffectedElementCount(),
9); | 40 assert_equals(internals.updateStyleAndReturnAffectedElementCount(),
10); |
| 41 assert_equals(getComputedStyle(cueNode).backgroundColor, green); | 41 assert_equals(getComputedStyle(cueNode).backgroundColor, green); |
| 42 | 42 |
| 43 assert_equals(getComputedStyle(cNode).backgroundColor, red); | 43 assert_equals(getComputedStyle(cNode).backgroundColor, red); |
| 44 ascendant.offsetTop; | 44 ascendant.offsetTop; |
| 45 ascendant.classList.add("cuefunc"); | 45 ascendant.classList.add("cuefunc"); |
| 46 if (window.internals) | 46 if (window.internals) |
| 47 assert_equals(internals.updateStyleAndReturnAffectedElementCount(),
1); | 47 assert_equals(internals.updateStyleAndReturnAffectedElementCount(),
1); |
| 48 assert_equals(getComputedStyle(cNode).backgroundColor, green); | 48 assert_equals(getComputedStyle(cNode).backgroundColor, green); |
| 49 | 49 |
| 50 assert_equals(getComputedStyle(iNode).backgroundColor, red); | 50 assert_equals(getComputedStyle(iNode).backgroundColor, red); |
| 51 ascendant.offsetTop; | 51 ascendant.offsetTop; |
| 52 ascendant.classList.add("past"); | 52 ascendant.classList.add("past"); |
| 53 if (window.internals) | 53 if (window.internals) |
| 54 assert_equals(internals.updateStyleAndReturnAffectedElementCount(),
1); | 54 assert_equals(internals.updateStyleAndReturnAffectedElementCount(),
1); |
| 55 assert_equals(getComputedStyle(iNode).backgroundColor, green); | 55 assert_equals(getComputedStyle(iNode).backgroundColor, green); |
| 56 | 56 |
| 57 assert_equals(getComputedStyle(bNode).backgroundColor, red); | 57 assert_equals(getComputedStyle(bNode).backgroundColor, red); |
| 58 ascendant.offsetTop; | 58 ascendant.offsetTop; |
| 59 ascendant.classList.add("future"); | 59 ascendant.classList.add("future"); |
| 60 if (window.internals) | 60 if (window.internals) |
| 61 assert_equals(internals.updateStyleAndReturnAffectedElementCount(),
1); | 61 assert_equals(internals.updateStyleAndReturnAffectedElementCount(),
1); |
| 62 assert_equals(getComputedStyle(bNode).backgroundColor, green); | 62 assert_equals(getComputedStyle(bNode).backgroundColor, green); |
| 63 }); | 63 }); |
| 64 video.currentTime = 0.1; | 64 video.currentTime = 0.1; |
| 65 }); | 65 }); |
| 66 </script> | 66 </script> |
| OLD | NEW |