OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script src="../../../resources/js-test.js"></script> | 2 <script src="../../../resources/js-test.js"></script> |
3 <style> | 3 <style> |
4 :-webkit-autofill { text-decoration: underline } | 4 :-webkit-autofill { text-decoration: underline } |
5 input + div { color: pink } | 5 input + div { color: pink } |
6 </style> | 6 </style> |
7 <input id="text" type="text"></input> | 7 <input id="text" type="text"></input> |
8 <div> | 8 <div> |
9 <div></div> | 9 <div></div> |
10 <div></div> | 10 <div></div> |
11 <div></div> | 11 <div></div> |
12 <div></div> | 12 <div></div> |
13 </div> | 13 </div> |
14 <script> | 14 <script> |
15 description("Use descendant invalidation set for :-webkit-autofill pseudo class.
") | 15 description("Use descendant invalidation set for :-webkit-autofill pseudo class.
") |
16 | 16 |
17 shouldBeDefined(window.internals); | 17 shouldBeDefined(window.internals); |
18 shouldBe("getComputedStyle(text, '').textDecorationLine", "'none'"); | 18 shouldBe("getComputedStyle(text, '').textDecorationLine", "'none'"); |
19 | 19 |
20 text.offsetTop; // Force recalc. | 20 text.offsetTop; // Force recalc. |
21 | 21 |
22 internals.setAutofilled(text, true); | 22 internals.setAutofilled(text, true); |
23 | 23 |
24 shouldBe("internals.updateStyleAndReturnAffectedElementCount()", "1"); | 24 shouldBe("internals.updateStyleAndReturnAffectedElementCount()", "3"); |
25 shouldBe("getComputedStyle(text, '').textDecorationLine", "'underline'"); | 25 shouldBe("getComputedStyle(text, '').textDecorationLine", "'underline'"); |
26 | 26 |
27 </script> | 27 </script> |
OLD | NEW |