diff --git a/css/css-scroll-snap/snap-after-relayout/changing-scroll-snap-align-nested.tentative.html b/css/css-scroll-snap/snap-after-relayout/changing-scroll-snap-align-nested.tentative.html new file mode 100644 index 000000000000000..ddea57055174ca7 --- /dev/null +++ b/css/css-scroll-snap/snap-after-relayout/changing-scroll-snap-align-nested.tentative.html @@ -0,0 +1,119 @@ + + + Updating the snap alignment of a snap container's content should make the snap + container resnap accordingly. + + + + + + +
+
+
+
+
+ + diff --git a/css/css-scroll-snap/snap-after-relayout/changing-scroll-snap-align.html b/css/css-scroll-snap/snap-after-relayout/changing-scroll-snap-align.html index c4bb2e9ff4262ef..a625621c270f62d 100644 --- a/css/css-scroll-snap/snap-after-relayout/changing-scroll-snap-align.html +++ b/css/css-scroll-snap/snap-after-relayout/changing-scroll-snap-align.html @@ -64,59 +64,6 @@ initial_target.removeAttribute("class"); } -test(t => { - t.add_cleanup(cleanup); - scroller.scrollTo(0,0); - assert_equals(scroller.scrollTop, 100); - assert_equals(scroller.scrollLeft, 100); - - initial_target.style.setProperty("scroll-snap-align", "end"); - // scroller maintains scroll position which is still valid as the target's - // snap area covers the snap port. - assert_equals(scroller.scrollTop, 100); - assert_equals(scroller.scrollLeft, 100); -}, "Changing a large target's snap alignment shouldn't make the scroller" + - " resnap if the scroller is already in a valid snap position."); - -// Similar to above test case except targets are too small to cover snap port, -// so scroller must snap in response to change in scroll-snap-align. -test(t => { - t.add_cleanup(cleanup); - const initial_target_height = initial_target.offsetHeight; - const initial_target_width = initial_target.offsetWidth; - const other_target_height = initial_target.offsetHeight; - const other_target_width = initial_target.offsetWidth; - t.add_cleanup(() => { - initial_target.style.setProperty("height", `${initial_target_height}px`); - initial_target.style.setProperty("width", `${initial_target_width}px`); - other_target.style.setProperty("height", `${other_target_height}px`); - other_target.style.setProperty("width", `${other_target_width}px`); - }) - scroller.scrollTo(0,0); - assert_equals(scroller.scrollTop, 100); - assert_equals(scroller.scrollLeft, 100); - - initial_target.style.setProperty("height", `${scroller.clientHeight * 2/3 }px`); - initial_target.style.setProperty("width", `${scroller.clientWidth * 2/3 }px`); - other_target.style.setProperty("height", `${scroller.clientHeight * 2/3 }px`); - other_target.style.setProperty("width", `${scroller.clientWidth * 2/3 }px`); - - // scroll (and snap) to top left of other target. - scroller.scrollTo(other_target.offsetTop, - other_target.offsetLeft); - assert_equals(scroller.scrollTop, other_target.offsetTop,); - assert_equals(scroller.scrollLeft, other_target.offsetLeft); - - other_target.style.setProperty("scroll-snap-align", "end"); - // should be scrolled so as to align scroller's bottom-right with - // other_target's bottom-right. - assert_equals(scroller.scrollTop, - other_target.offsetTop + other_target.offsetHeight - scroller.clientHeight); - assert_equals(scroller.scrollLeft, - other_target.offsetLeft + other_target.offsetWidth - scroller.clientWidth); -}, "Changing the current (non-covering) target's snap alignment should make " + - "the scroller snap according to the new alignment."); - test(t => { t.add_cleanup(cleanup); scroller.scrollTo(0,0);