aboutsummaryrefslogtreecommitdiffstats
path: root/tests/wpt/web-platform-tests/css/css-scroll-anchoring
diff options
context:
space:
mode:
authorWPT Sync Bot <josh+wptsync@joshmatthews.net>2019-09-16 10:23:28 +0000
committerWPT Sync Bot <josh+wptsync@joshmatthews.net>2019-09-16 13:25:06 +0000
commit6a79d6ee643f70c20a68fc7221ef9e4f81956516 (patch)
tree13f0ea5330b2657bbfb54de138ac55f69a4c3994 /tests/wpt/web-platform-tests/css/css-scroll-anchoring
parent5d4dac8cf2257ad9d5ac6509a1ac484d647695f0 (diff)
downloadservo-6a79d6ee643f70c20a68fc7221ef9e4f81956516.tar.gz
servo-6a79d6ee643f70c20a68fc7221ef9e4f81956516.zip
Update web-platform-tests to revision 0bfde9f6a8bfde0fde4dba73d7172a8eed6e946e
Diffstat (limited to 'tests/wpt/web-platform-tests/css/css-scroll-anchoring')
-rw-r--r--tests/wpt/web-platform-tests/css/css-scroll-anchoring/image-001.html29
-rw-r--r--tests/wpt/web-platform-tests/css/css-scroll-anchoring/inline-block-002.html28
2 files changed, 57 insertions, 0 deletions
diff --git a/tests/wpt/web-platform-tests/css/css-scroll-anchoring/image-001.html b/tests/wpt/web-platform-tests/css/css-scroll-anchoring/image-001.html
new file mode 100644
index 00000000000..475c9170b84
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-scroll-anchoring/image-001.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Scroll Anchoring: Anchor node can be an image</title>
+<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
+<link rel="author" title="Mozilla" href="https://mozilla.org">
+<link rel="help" href="https://drafts.csswg.org/css-scroll-anchoring/#anchor-node-selection">
+<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/4247">
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1540203">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<style>
+body { height: 4000px }
+#spacer { height: 100px }
+img {
+ width: 500px;
+ height: 500px;
+ background: green;
+}
+</style>
+<div id=spacer></div>
+<br><br>
+<img>
+<script>
+test(() => {
+ document.scrollingElement.scrollTop = 150;
+ document.querySelector("#spacer").style.height = "150px";
+ assert_equals(document.scrollingElement.scrollTop, 200);
+}, "Anchor selection can select images");
+</script>
diff --git a/tests/wpt/web-platform-tests/css/css-scroll-anchoring/inline-block-002.html b/tests/wpt/web-platform-tests/css/css-scroll-anchoring/inline-block-002.html
new file mode 100644
index 00000000000..9163d34b3b2
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-scroll-anchoring/inline-block-002.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Scroll Anchoring: Anchor node can be an empty inline-block</title>
+<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
+<link rel="author" title="Mozilla" href="https://mozilla.org">
+<link rel="help" href="https://drafts.csswg.org/css-scroll-anchoring/#anchor-node-selection">
+<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/4247">
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1540203">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<style>
+body { height: 4000px }
+#ib1, #ib2 { display: inline-block; height: 100px; width: 100% }
+</style>
+<span id=ib1></span>
+<br><br>
+<span id=ib2></span>
+<script>
+
+// Tests anchoring to an empty inline-block.
+
+test(() => {
+ document.scrollingElement.scrollTop = 150;
+ document.querySelector("#ib1").style.height = "150px";
+ assert_equals(document.scrollingElement.scrollTop, 200);
+}, "Anchor selection can select empty inline-blocks");
+
+</script>