[ScrollTimeline] Upstream root scroller currentTime test to WPT
This CL upstreams the root scroller currentTime test to WPT. The quirks
mode test is left in fast/animation/scroll-animations as it is just a
crash test for running in quirks mode, which is Chrome-specific and not
upstreamable.
There are no behavioral changes.
Bug: 911254
Change-Id: Ia8270f11ede8746cbdecf7ba57aeca60eee6fb78
Reviewed-on: https://chromium-review.googlesource.com/c/1366367
Commit-Queue: Stephen McGruer <smcgruer@chromium.org>
Reviewed-by: Majid Valipour <majidvp@chromium.org>
Cr-Commit-Position: refs/heads/master@{#615225}
diff --git a/scroll-animations/current-time-root-scroller.html b/scroll-animations/current-time-root-scroller.html
new file mode 100644
index 0000000..8e600e6
--- /dev/null
+++ b/scroll-animations/current-time-root-scroller.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>ScrollTimeline current time algorithm - root scroller</title>
+<link rel="help" href="https://wicg.github.io/scroll-animations/#current-time-algorithm">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+
+<style>
+html {
+ /* Ensure the document is scrollable. */
+ min-height: 100%;
+ min-width: 100%;
+ padding-bottom: 100px;
+ padding-right: 100px;
+}
+</style>
+
+<script>
+test(function() {
+ const scroller = document.scrollingElement;
+ // Set the timeRange(s) such that currentTime maps directly to the value
+ // scrolled. This makes it easier to assert on the currentTime in the test.
+ const scrollerHeight = scroller.scrollHeight - scroller.clientHeight;
+ const scrollerWidth = scroller.scrollWidth - scroller.clientWidth;
+
+ const blockScrollTimeline = new ScrollTimeline(
+ { scrollSource: scroller, timeRange: scrollerHeight, orientation: 'block' });
+ const inlineScrollTimeline = new ScrollTimeline(
+ { scrollSource: scroller, timeRange: scrollerWidth, orientation: 'inline' });
+
+ // Unscrolled, both timelines should read a currentTime of 0.
+ assert_equals(blockScrollTimeline.currentTime, 0);
+ assert_equals(inlineScrollTimeline.currentTime, 0);
+
+ // Now do some scrolling and make sure that the ScrollTimelines update.
+ scroller.scrollTop = 50;
+ scroller.scrollLeft = 75;
+
+ // As noted above, the timeRange(s) are mapped such that currentTime should be
+ // the scroll offset.
+ assert_equals(blockScrollTimeline.currentTime, 50);
+ assert_equals(inlineScrollTimeline.currentTime, 75);
+}, 'currentTime calculates the correct time for a document.scrollingElement scrollSource');
+</script>
