| 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 |