| <!DOCTYPE html> | |
| <script src="../../../resources/run-after-layout-and-paint.js"></script> | |
| <script src="../resources/text-based-repaint.js"></script> | |
| <div id="target" style="width: 100px; height: 100px; background: gray; | |
| will-change: transform; transition: 0.2s"> | |
| </div> | |
| <script> | |
| window.testIsAsync = true; | |
| function repaintTest() { | |
| target.addEventListener('transitionend', finishRepaintTest); | |
| target.style.transform = 'translateX(100px)'; | |
| } | |
| onload = runRepaintAndPixelTest; | |
| </script> |