1 files changed, 44 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/cssom-view/scroll-back-to-initial-position.html b/testing/web-platform/tests/css/cssom-view/scroll-back-to-initial-position.html
new file mode 100644
index 0000000000..8ccb499dd3
--- /dev/null
+++ b/testing/web-platform/tests/css/cssom-view/scroll-back-to-initial-position.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<title>Scroll back to initial position</title>
+<meta name="timeout" content="long">
+<link rel="author" title="Yupei Wang" href="mailto:perryuwang@tencent.com">
+<link rel="help" href="https://drafts.csswg.org/cssom-view/#smooth-scrolling">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="support/scroll-behavior.js"></script>
+<style>
+  .filler { height: 1000px }
+
+  #scrollable {
+    overflow: scroll;
+    width: 100px;
+    height: 100px;
+  }
+</style>
+<div id="log"></div>
+<div id="testContainer">
+  <div id="scrollable">
+    <div class="filler"></div>
+  </div>
+</div>
+<script>
+  promise_test(() => {
+    resetScroll(scrollable);
+    assert_equals(scrollable.scrollTop, 0, "Inital value of scrollTop");
+    scrollNode(scrollable, "scroll", "smooth", 0, 500);
+    scrollNode(scrollable, "scroll", "smooth", 0, 0);
+    return waitForScrollEnd(scrollable).then(() => {
+      assert_equals(scrollable.scrollTop, 0, "Final value of scrollTop");
+    });
+  }, "Element should scroll back to initial position with smooth behavior");
+
+  promise_test(() => {
+    resetScroll(scrollable);
+    assert_equals(scrollable.scrollTop, 0, "Inital value of scrollTop");
+    scrollNode(scrollable, "scroll", "smooth", 0, 500);
+    scrollNode(scrollable, "scroll", "auto", 0, 0);
+    return waitForScrollEnd(scrollable).then(() => {
+      assert_equals(scrollable.scrollTop, 0, "Final value of scrollTop");
+    });
+  }, "Element should scroll back to initial position with auto behavior");
+</script>