| <!DOCTYPE html> | |
| <script src="../resources/testharness.js"></script> | |
| <script src="../resources/testharnessreport.js"></script> | |
| <div id="container"> | |
| <div id="target"></div> | |
| </div> | |
| <script> | |
| test(() => { | |
| internals.updateStyleAndReturnAffectedElementCount(); | |
| container.style.color = 'blue'; | |
| target.animate({color: 'blue'}, {fill: 'forwards'}); | |
| assert_greater_than(internals.updateStyleAndReturnAffectedElementCount(), 1); | |
| }, 'Calling element.animate() should not force a style recalc.'); | |
| </script> |