Chromium Code Reviews| 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..68860eb9ac91642a9992b64ef20f76af7a4d583a |
| --- /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) { |
|
jbroman
2016/07/11 22:01:26
nit: indentation
|
| + document.styleSheets[0].addRule('div::before', 'transform: translateX(20px)'); |
| + requestAnimationFrame(function(ts) { |
| + requestAnimationFrame(function(ts) { |
| + if (window.testRunner) |
| + window.testRunner.notifyDone(); |
| + }); |
| + }); |
| + }); |
| +</script> |