| Index: third_party/WebKit/LayoutTests/virtual/threaded/animations/composited-pseudo-element-animation.html
|
| diff --git a/third_party/WebKit/LayoutTests/virtual/threaded/animations/composited-pseudo-element-animation.html b/third_party/WebKit/LayoutTests/virtual/threaded/animations/composited-pseudo-element-animation.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..f7bd34227a33d50314d20bcf1d1efeb26f5e5b05
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/virtual/threaded/animations/composited-pseudo-element-animation.html
|
| @@ -0,0 +1,33 @@
|
| +<!DOCTYPE html>
|
| +<style>
|
| +div {
|
| + width: 100px;
|
| + height: 100px;
|
| + background: orange;
|
| +}
|
| +div::before {
|
| + content: ":)";
|
| + transition-property: transform;
|
| + transition-duration: 1ms;
|
| +
|
| + /* Make the pseudo element "transformable" as per
|
| + * https://www.w3.org/TR/css-transforms-1/#transformable-element.
|
| + */
|
| + display: block;
|
| +}
|
| +</style>
|
| +<div></div>
|
| +<script>
|
| +if (window.testRunner)
|
| + window.testRunner.waitUntilDone();
|
| +
|
| +requestAnimationFrame(function(ts) {
|
| + document.styleSheets[0].addRule('div::before', 'transform: translateX(20px)');
|
| + requestAnimationFrame(function(ts) {
|
| + requestAnimationFrame(function(ts) {
|
| + if (window.testRunner)
|
| + window.testRunner.notifyDone();
|
| + });
|
| + });
|
| +});
|
| +</script>
|
|
|