height: 50px;
width: 50px;
background-color: green;
- -webkit-transform: translate(50px, 0px) rotate(20deg);
+ transform: translate(50px, 0px) rotate(20deg);
}
.blur {
/* force a composited layer */
- -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
background: red;
margin: 50px;
-webkit-filter: drop-shadow(0px 0px 1px blue) blur(5px);
}
</style>
- <script src="../../fast/repaint/resources/repaint.js"></script>
+ <script src="../../resources/run-after-display.js"></script>
<script>
- if (window.testRunner)
+ if (window.testRunner) {
testRunner.dumpAsTextWithPixelResults();
+ testRunner.waitUntilDone();
+ }
function repaintTest()
{
- document.querySelector(".before").classList.remove("before");
+ runAfterDisplay(function() {
+ document.querySelector(".before").classList.remove("before");
+ testRunner.notifyDone();
+ });
}
</script>
</head>
-<body onload="runRepaintTest()">
+<body onload="repaintTest()">
<div class="blur before">
<div class="box"></div>