Bug 1526612 [wpt PR 15165] - [Animation Worklet] Upstream local-time related web tests to WPT, a=testonly
authorJordan Taylor <jortaylo@microsoft.com>
Mon, 18 Feb 2019 19:25:58 +0000
changeset 519191 23acb2562bb5b56830fd133a5f736995439ed4ee
parent 519190 762fbe90b2c787b72afbd1e2df5ceadb01f96992
child 519192 d5848c9e1401cc9ee6687c68dca1b505890f7125
push id10862
push userffxbld-merge
push dateMon, 11 Mar 2019 13:01:11 +0000
treeherdermozilla-beta@a2e7f5c935da [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerstestonly
bugs1526612, 15165, 915352, 1446566, 630003
milestone67.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1526612 [wpt PR 15165] - [Animation Worklet] Upstream local-time related web tests to WPT, a=testonly Automatic update from web-platform-tests [Animation Worklet] Upstream local-time related web tests to WPT web_tests/animations/animationworklet/worklet-animation-local-time-after-duration.html -> web_tests/external/wpt/animation-worklet/worklet-animation-local-time-after-duration.https.html web_tests/animations/animationworklet/worklet-animation-local-time-before-start.html -> web_tests/external/wpt/animation-worklet/worklet-animation-local-time-before-start.http Bug: 915352 Change-Id: Ic24945fc071ebc9aada2cf925fcb07b111d23a99 Reviewed-on: https://chromium-review.googlesource.com/c/1446566 Reviewed-by: Yi Gu <yigu@chromium.org> Commit-Queue: Jordan Taylor <jortaylo@microsoft.com> Cr-Commit-Position: refs/heads/master@{#630003} -- wpt-commits: 552dae04c7bdc91a57f024aaef5ffc9091bc7e44 wpt-pr: 15165
testing/web-platform/tests/animation-worklet/worklet-animation-local-time-after-duration-ref.html
testing/web-platform/tests/animation-worklet/worklet-animation-local-time-after-duration.https.html
testing/web-platform/tests/animation-worklet/worklet-animation-local-time-before-start-ref.html
testing/web-platform/tests/animation-worklet/worklet-animation-local-time-before-start.https.html
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/animation-worklet/worklet-animation-local-time-after-duration-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<title>Reference for Animation Worklet local time set after duration</title>
+<style>
+#box {
+  width: 100px;
+  height: 100px;
+  background-color: green;
+  will-change: transform;
+}
+</style>
+
+<div id="box"></div>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/animation-worklet/worklet-animation-local-time-after-duration.https.html
@@ -0,0 +1,41 @@
+<html class="reftest-wait">
+<title>Animation Worklet local time set after duration</title>
+<link rel="help" href="https://drafts.css-houdini.org/css-animationworklet/">
+<meta name="assert" content="If an effect doesn't have fill-mode specified, setting its local time beyond its duration makes the animation inactive.">
+<link rel="match" href="worklet-animation-local-time-after-duration-ref.html">
+
+<script src="/web-animations/testcommon.js"></script>
+<script src="/common/reftest-wait.js"></script>
+<script src="common.js"></script>
+
+<style>
+  #box {
+    width: 100px;
+    height: 100px;
+    background-color: green;
+  }
+</style>
+
+<div id="box"></div>
+
+<script>
+  registerConstantLocalTimeAnimator(2000).then(() => {
+    const box = document.getElementById('box');
+    const effect = new KeyframeEffect(box,
+      [
+      { transform: 'translateY(100px)' },
+      { transform: 'translateY(200px)' }
+      ], {
+        duration: 1000,
+        delay: 1000
+      }
+    );
+
+    const animation = new WorkletAnimation('constant_time', effect);
+    animation.play();
+
+    waitForAsyncAnimationFrames(1).then(_ => {
+      takeScreenshot();
+    });
+  });
+</script>
\ No newline at end of file
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/animation-worklet/worklet-animation-local-time-before-start-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<title>Reference for Animation Worklet local time set before start</title>
+<style>
+#box {
+  width: 100px;
+  height: 100px;
+  background-color: green;
+  will-change: transform;
+  transform: translateY(200px);
+}
+</style>
+
+<div id="box"></div>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/animation-worklet/worklet-animation-local-time-before-start.https.html
@@ -0,0 +1,41 @@
+<html class="reftest-wait">
+<title>Animation Worklet local time set before start</title>
+<link rel="help" href="https://drafts.css-houdini.org/css-animationworklet/">
+<meta name="assert" content="The local time should be trimmed by the duration, e.g. this is equivalent to effect.localTime = 0">
+<link rel="match" href="worklet-animation-local-time-before-start-ref.html">
+
+<script src="/web-animations/testcommon.js"></script>
+<script src="/common/reftest-wait.js"></script>
+<script src="common.js"></script>
+
+<style>
+  #box {
+    width: 100px;
+    height: 100px;
+    background-color: green;
+  }
+</style>
+
+<div id="box"></div>
+
+<script>
+  registerConstantLocalTimeAnimator(-500).then(() => {
+    const box = document.getElementById('box');
+    const effect = new KeyframeEffect(box,
+      [
+      { transform: 'translateY(200px)' },
+      { transform: 'translateY(0px)' }
+      ], {
+        duration: 1000,
+        fill: 'backwards'
+      }
+    );
+
+    const animation = new WorkletAnimation('constant_time', effect);
+    animation.play();
+
+    waitForAsyncAnimationFrames(1).then(_ => {
+      takeScreenshot();
+    });
+  });
+</script>
\ No newline at end of file