Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-14 18:05:36 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests to revision b'f7c921b0bcddaf3865eb4c36788ce0db61750035'

Browse source
This commit is contained in:
WPT Sync Bot 2022-11-15 01:20:24 +00:00
parent a84d591b05
commit de009ea427
109 changed files with 1805 additions and 1261 deletions
Download patch file Download diff file Expand all files Collapse all files

45
tests/wpt/web-platform-tests/scroll-animations/css/animation-timeline-named-scroll-progress-timeline.tentative.html
View file

@ -453,6 +453,51 @@ promise_test(async t => {
}, 'Change in scroll-timeline-name to no longer match animation timeline updates animation.');
promise_test(async t => {
await waitForNextFrame();
let target = createTarget(t);
let scroller1 = createScroller(t);
target.style.animation = 'anim 10s linear timeline';
scroller1.style.scrollTimelineName = 'timeline';
scroller1.id = 'A';
// <div class='scroller' id='A'> ... </div> (scroller1)
// <div id='target'></div>
document.body.appendChild(scroller1);
document.body.append(target);
scroller1.scrollTop = 10; // 10%, in [50, 150].
await waitForNextFrame();
const anim = target.getAnimations()[0];
assert_equals(getComputedStyle(target).translate, '60px');
assert_true(!!anim.timeline, 'Failed to retrieve animation');
assert_equals(anim.timeline.source.id, 'A');
await waitForNextFrame();
await waitForNextFrame();
let scroller2 = createScroller(t);
scroller2.style.scrollTimelineName = 'timeline';
scroller2.id = 'B';
// <div class='scroller' id="A"> ... </div> (scroller1)
// <div class='scroller' id="B"> ... </div> (scroller2)
// <div id='target'></div>
document.body.insertBefore(scroller2, target);
scroller2.scrollTop = 50; // 50%, in [50, 150].
await waitForNextFrame();
// The timeline should be updated to scroller2.
assert_true(!!anim.timeline, 'Animation no longer has a timeline');
assert_equals(anim.timeline.source.id, 'B', 'Timeline not updated');
assert_equals(getComputedStyle(target).translate, '100px');
}, 'Timeline lookup updates candidate when closer match available.');
// -------------------------
// Test scroll-timeline-axis

6
tests/wpt/web-platform-tests/scroll-animations/css/progress-based-animation-animation-longhand-properties.tentative.html
View file

@ -77,7 +77,7 @@ promise_test(async t => {
promise_test(async t => {
let [target, scroller] = createTargetAndScroller(t);
target.style.animation = '0s linear anim scroll(nearest)';
target.style.animation = '0s linear anim forwards scroll(nearest)';
await scrollTop(scroller, 25); // [0, 100].
assert_equals(getComputedStyle(target).translate, '100px');
@ -108,7 +108,7 @@ promise_test(async t => {
promise_test(async t => {
let [target, scroller] = createTargetAndScroller(t);
target.style.animation = '10s linear anim scroll(nearest)';
target.style.animation = '10s linear anim forwards scroll(nearest)';
target.style.animationIterationCount = '0';
await scrollTop(scroller, 25); // [0, 100].
@ -117,7 +117,7 @@ promise_test(async t => {
promise_test(async t => {
let [target, scroller] = createTargetAndScroller(t);
target.style.animation = '10s linear anim scroll(nearest)';
target.style.animation = '10s linear anim forwards scroll(nearest)';
target.style.animationIterationCount = 'infinite';
await scrollTop(scroller, 25); // [0, 100].