diff options
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.html | 63 |
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 |