From ba85e613d87c6429b7b1f84d3dd2b6d01a7b26f8 Mon Sep 17 00:00:00 2001 From: fantasai Date: Mon, 29 Apr 2019 05:09:13 -0700 Subject: [PATCH] [css-scroll-snap] Add tests for scroll-into-view operations (#8575) --- .../scroll-target-001-ref.html | 23 +++++++ .../scroll-target-align-001.html | 23 +++++++ .../scroll-target-align-002.html | 57 ++++++++++++++++ .../scroll-target-align-003.html | 58 ++++++++++++++++ .../scroll-target-margin-001.html | 23 +++++++ .../scroll-target-margin-002.html | 54 +++++++++++++++ .../scroll-target-margin-003.html | 56 ++++++++++++++++ .../scroll-target-padding-001.html | 21 ++++++ .../scroll-target-padding-002.html | 53 +++++++++++++++ .../scroll-target-padding-003.html | 55 ++++++++++++++++ .../scroll-target-snap-001.html | 21 ++++++ .../scroll-target-snap-002.html | 64 ++++++++++++++++++ .../scroll-target-snap-003.html | 66 +++++++++++++++++++ .../scroll-target-align-001-iframe.html | 38 +++++++++++ .../scroll-target-margin-001-iframe.html | 36 ++++++++++ .../scroll-target-padding-001-iframe.html | 36 ++++++++++ .../scroll-target-snap-001-iframe.html | 48 ++++++++++++++ 17 files changed, 732 insertions(+) create mode 100644 css/css-scroll-snap/scroll-target-001-ref.html create mode 100644 css/css-scroll-snap/scroll-target-align-001.html create mode 100644 css/css-scroll-snap/scroll-target-align-002.html create mode 100644 css/css-scroll-snap/scroll-target-align-003.html create mode 100644 css/css-scroll-snap/scroll-target-margin-001.html create mode 100644 css/css-scroll-snap/scroll-target-margin-002.html create mode 100644 css/css-scroll-snap/scroll-target-margin-003.html create mode 100644 css/css-scroll-snap/scroll-target-padding-001.html create mode 100644 css/css-scroll-snap/scroll-target-padding-002.html create mode 100644 css/css-scroll-snap/scroll-target-padding-003.html create mode 100644 css/css-scroll-snap/scroll-target-snap-001.html create mode 100644 css/css-scroll-snap/scroll-target-snap-002.html create mode 100644 css/css-scroll-snap/scroll-target-snap-003.html create mode 100644 css/css-scroll-snap/support/scroll-target-align-001-iframe.html create mode 100644 css/css-scroll-snap/support/scroll-target-margin-001-iframe.html create mode 100644 css/css-scroll-snap/support/scroll-target-padding-001-iframe.html create mode 100644 css/css-scroll-snap/support/scroll-target-snap-001-iframe.html diff --git a/css/css-scroll-snap/scroll-target-001-ref.html b/css/css-scroll-snap/scroll-target-001-ref.html new file mode 100644 index 00000000000000..28b00184c2ef5f --- /dev/null +++ b/css/css-scroll-snap/scroll-target-001-ref.html @@ -0,0 +1,23 @@ + + +Reference + + + +
Test passes if there is a green stripe across the second quarter of the box below and no red.
+ +
+
+
diff --git a/css/css-scroll-snap/scroll-target-align-001.html b/css/css-scroll-snap/scroll-target-align-001.html new file mode 100644 index 00000000000000..eeda674e07c591 --- /dev/null +++ b/css/css-scroll-snap/scroll-target-align-001.html @@ -0,0 +1,23 @@ + + +#target and snap position with snapping off (y-axis) + + + + + + + + +
Test passes if there is a green stripe across the second quarter of the box below and no red.
+ + diff --git a/css/css-scroll-snap/scroll-target-align-002.html b/css/css-scroll-snap/scroll-target-align-002.html new file mode 100644 index 00000000000000..7e82f030e4c3a4 --- /dev/null +++ b/css/css-scroll-snap/scroll-target-align-002.html @@ -0,0 +1,57 @@ + + +scrollIntoView() and snap position with snapping off (y-axis) + + + + + + + + +
Test passes if there is a green stripe across the second quarter of the box below and no red.
+ +
+
+
+
+
+
FAIL
+
+
+
+
+
FAIL
+
+
+
+
+
+ + diff --git a/css/css-scroll-snap/scroll-target-align-003.html b/css/css-scroll-snap/scroll-target-align-003.html new file mode 100644 index 00000000000000..1d6fbebbcd7f65 --- /dev/null +++ b/css/css-scroll-snap/scroll-target-align-003.html @@ -0,0 +1,58 @@ + + +focus() and snap position with snapping off (y-axis) + + + + + + + +
Test passes if there is a green stripe across the second quarter of the box below and no red.
+ +
+
+
+
+
+
FAIL
+
+
+ +
+
FAIL
+
+
+
+
+
+ + diff --git a/css/css-scroll-snap/scroll-target-margin-001.html b/css/css-scroll-snap/scroll-target-margin-001.html new file mode 100644 index 00000000000000..8ddbbcec5f0b79 --- /dev/null +++ b/css/css-scroll-snap/scroll-target-margin-001.html @@ -0,0 +1,23 @@ + + +#target and scroll-margin with snapping off (y-axis) + + + + + + + + +
Test passes if there is a green stripe across the second quarter of the box below and no red.
+ + diff --git a/css/css-scroll-snap/scroll-target-margin-002.html b/css/css-scroll-snap/scroll-target-margin-002.html new file mode 100644 index 00000000000000..a02cf7db17517c --- /dev/null +++ b/css/css-scroll-snap/scroll-target-margin-002.html @@ -0,0 +1,54 @@ + + +scrollIntoView() and scroll-margin with snapping off (y-axis) + + + + + + + +
Test passes if there is a green stripe across the second quarter of the box below and no red.
+ +
+
+
+
+
+
FAIL
+
+
+
+
+
FAIL
+
+
+
+
+
+ + diff --git a/css/css-scroll-snap/scroll-target-margin-003.html b/css/css-scroll-snap/scroll-target-margin-003.html new file mode 100644 index 00000000000000..d0434db515a68b --- /dev/null +++ b/css/css-scroll-snap/scroll-target-margin-003.html @@ -0,0 +1,56 @@ + + +focus() and scroll-margin with snapping off (y-axis) + + + + + + + +
Test passes if there is a green stripe across the second quarter of the box below and no red.
+ +
+
+
+
+
+
FAIL
+
+
+ +
+
FAIL
+
+
+
+
+
+ + diff --git a/css/css-scroll-snap/scroll-target-padding-001.html b/css/css-scroll-snap/scroll-target-padding-001.html new file mode 100644 index 00000000000000..5cd4fddcc53637 --- /dev/null +++ b/css/css-scroll-snap/scroll-target-padding-001.html @@ -0,0 +1,21 @@ + + +#target and scroll-padding with snapping off (y-axis) + + + + + + +
Test passes if there is a green stripe across the second quarter of the box below and no red.
+ + diff --git a/css/css-scroll-snap/scroll-target-padding-002.html b/css/css-scroll-snap/scroll-target-padding-002.html new file mode 100644 index 00000000000000..3a0ca3b8519e8d --- /dev/null +++ b/css/css-scroll-snap/scroll-target-padding-002.html @@ -0,0 +1,53 @@ + + +scrollIntoView() and scroll-padding with snapping off (y-axis) + + + + + + +
Test passes if there is a green stripe across the second quarter of the box below and no red.
+ +
+
+
+
+
+
FAIL
+
+
+
+
+
FAIL
+
+
+
+
+
+ + diff --git a/css/css-scroll-snap/scroll-target-padding-003.html b/css/css-scroll-snap/scroll-target-padding-003.html new file mode 100644 index 00000000000000..1e92e9be72fa17 --- /dev/null +++ b/css/css-scroll-snap/scroll-target-padding-003.html @@ -0,0 +1,55 @@ + + +focus() and scroll-padding with snapping off (y-axis) + + + + + + +
Test passes if there is a green stripe across the second quarter of the box below and no red.
+ +
+
+
+
+
+
FAIL
+
+
+ +
+
FAIL
+
+
+
+
+
+ + diff --git a/css/css-scroll-snap/scroll-target-snap-001.html b/css/css-scroll-snap/scroll-target-snap-001.html new file mode 100644 index 00000000000000..76d3222a0bf347 --- /dev/null +++ b/css/css-scroll-snap/scroll-target-snap-001.html @@ -0,0 +1,21 @@ + + +#target and snap position with snapping on (y-axis) + + + + + + + +
Test passes if there is a green stripe across the second quarter of the box below and no red.
+ + diff --git a/css/css-scroll-snap/scroll-target-snap-002.html b/css/css-scroll-snap/scroll-target-snap-002.html new file mode 100644 index 00000000000000..89df44cba28443 --- /dev/null +++ b/css/css-scroll-snap/scroll-target-snap-002.html @@ -0,0 +1,64 @@ + + +scrollIntoView() and snap position with snapping on (y-axis) + + + + + + + +
Test passes if there is a green stripe across the second quarter of the box below and no red.
+ +
+
+
+
+
+
+
FAIL
+
+
+
+
+
+
+
FAIL
+
+
+
+
+
+
+
+ + diff --git a/css/css-scroll-snap/scroll-target-snap-003.html b/css/css-scroll-snap/scroll-target-snap-003.html new file mode 100644 index 00000000000000..3e90347a4dc9ee --- /dev/null +++ b/css/css-scroll-snap/scroll-target-snap-003.html @@ -0,0 +1,66 @@ + + +focus() and snap position with snapping on (y-axis) + + + + + + + +
Test passes if there is a green stripe across the second quarter of the box below and no red.
+ +
+
+
+
+
+
+
FAIL
+
+
+
+ +
+
+
FAIL
+
+
+
+
+
+
+
+ + diff --git a/css/css-scroll-snap/support/scroll-target-align-001-iframe.html b/css/css-scroll-snap/support/scroll-target-align-001-iframe.html new file mode 100644 index 00000000000000..20922ea18ea104 --- /dev/null +++ b/css/css-scroll-snap/support/scroll-target-align-001-iframe.html @@ -0,0 +1,38 @@ + +iframe for #target and snap position with snapping off + + +
+
+
+
+
FAIL
+
+
+
+
+
FAIL
+
+
+
+
diff --git a/css/css-scroll-snap/support/scroll-target-margin-001-iframe.html b/css/css-scroll-snap/support/scroll-target-margin-001-iframe.html new file mode 100644 index 00000000000000..8eb5b9c863853a --- /dev/null +++ b/css/css-scroll-snap/support/scroll-target-margin-001-iframe.html @@ -0,0 +1,36 @@ + +iframe for #target and scroll-margin with snapping off (y + + +
+
+
+
+
FAIL
+
+
+
+
+
FAIL
+
+
+
+
diff --git a/css/css-scroll-snap/support/scroll-target-padding-001-iframe.html b/css/css-scroll-snap/support/scroll-target-padding-001-iframe.html new file mode 100644 index 00000000000000..b9467e4347fe3d --- /dev/null +++ b/css/css-scroll-snap/support/scroll-target-padding-001-iframe.html @@ -0,0 +1,36 @@ + +iframe for #target and scroll-snap-padding with snapping off (y + + +
+
+
+
+
FAIL
+
+
+
+
+
FAIL
+
+
+
+
diff --git a/css/css-scroll-snap/support/scroll-target-snap-001-iframe.html b/css/css-scroll-snap/support/scroll-target-snap-001-iframe.html new file mode 100644 index 00000000000000..1a598fa72384b4 --- /dev/null +++ b/css/css-scroll-snap/support/scroll-target-snap-001-iframe.html @@ -0,0 +1,48 @@ + +iframe for #target and snap position with snapping on + + +
+
+
+
+
+
FAIL
+
+
+
+
+
+
+
FAIL
+
+
+
+
+
+