[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
web-platform-tests · Dec 6, 2018 · 1253d23 · 1253d23
1 parent ffcb833
commit 1253d23
Showing 1 changed file with 44 additions and 0 deletions.
diff --git a/scroll-animations/current-time-root-scroller.html 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.
+  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>