summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-scroll-snap-2/scroll-start-target/scroll-start-target-rtl.tentative.html
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/css/css-scroll-snap-2/scroll-start-target/scroll-start-target-rtl.tentative.html')
-rw-r--r--testing/web-platform/tests/css/css-scroll-snap-2/scroll-start-target/scroll-start-target-rtl.tentative.html63
1 files changed, 63 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-scroll-snap-2/scroll-start-target/scroll-start-target-rtl.tentative.html b/testing/web-platform/tests/css/css-scroll-snap-2/scroll-start-target/scroll-start-target-rtl.tentative.html
new file mode 100644
index 0000000000..5a2fa0a93c
--- /dev/null
+++ b/testing/web-platform/tests/css/css-scroll-snap-2/scroll-start-target/scroll-start-target-rtl.tentative.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <meta charset="utf-8">
+ <title> CSS Scroll Snap 2 Test: scroll-start-target*</title>
+ <link rel="help" href="https://drafts.csswg.org/css-scroll-snap-2/#scroll-start-target">
+ <script src="/resources/testharness.js"></script>
+ <script src="/resources/testharnessreport.js"></script>
+</head>
+
+<body>
+ <style>
+ #scroller {
+ height: 500px;
+ width: 500px;
+ display: block;
+ overflow: scroll;
+ writing-mode: vertical-rl;
+ }
+
+ .box {
+ position: relative;
+ width: 60%;
+ height: 60%;
+ }
+
+ .top_right {
+ top: 0px;
+ left: 0px;
+ background-color: red;
+ }
+
+ .center {
+ top: 60%;
+ background-color: purple;
+ scroll-start-target: auto auto;
+ }
+
+ .bottom_left {
+ top: 120%;
+ background-color: yellow;
+ }
+ </style>
+ <div id="scroller">
+ <div class="top_right box" id="box1"></div>
+ <div class="center box" id="box2"></div>
+ <div class="bottom_left box" id="box3"></div>
+ </div>
+ <script>
+ let initial_expected_scroll_top = box1.getBoundingClientRect().height;
+ let initial_expected_scroll_left = -box1.getBoundingClientRect().width;
+
+ test((t) => {
+ assert_equals(scroller.scrollTop, initial_expected_scroll_top,
+ "scroller is vertically scrolled to scroll-start-target");
+ assert_equals(scroller.scrollLeft, initial_expected_scroll_left,
+ "scroller is horizontally scrolled to scroll-start-target");
+ }, "scroll-start-target reflects vertical rtl writing mode.");
+ </script>
+</body>
+
+</html> \ No newline at end of file