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

Update web-platform-tests to revision b'02400d32d48521baa38663fe8601779994fcfb78'

Browse source
This commit is contained in:
WPT Sync Bot 2023-05-21 01:35:12 +00:00
parent bc8cea2495
commit f0bb7a6f9c
483 changed files with 12767 additions and 2644 deletions
Download patch file Download diff file Expand all files Collapse all files

50
tests/wpt/web-platform-tests/scroll-animations/css/scroll-timeline-axis-writing-mode.html
View file

@ -19,26 +19,26 @@
to { width: 200px; }
}
#timeline_initial_axis {
scroll-timeline: timeline_initial_axis;
scroll-timeline: --timeline_initial_axis;
}
#timeline_vertical {
scroll-timeline: timeline_vertical vertical;
#timeline_y {
scroll-timeline: --timeline_y y;
}
#timeline_horizontal {
scroll-timeline: timeline_horizontal horizontal;
#timeline_x {
scroll-timeline: --timeline_x x;
}
#timeline_block_in_horizontal {
scroll-timeline: timeline_block_in_horizontal block;
scroll-timeline: --timeline_block_in_horizontal block;
}
#timeline_inline_in_horizontal {
scroll-timeline: timeline_inline_in_horizontal inline;
scroll-timeline: --timeline_inline_in_horizontal inline;
}
#timeline_block_in_vertical {
scroll-timeline: timeline_block_in_vertical block;
scroll-timeline: --timeline_block_in_vertical block;
writing-mode: vertical-lr;
}
#timeline_inline_in_vertical {
scroll-timeline: timeline_inline_in_vertical inline;
scroll-timeline: --timeline_inline_in_vertical inline;
writing-mode: vertical-lr;
}
.target {
@ -49,28 +49,28 @@
position: absolute;
}
/* Ensure stable expectations if feature is not supported */
@supports not (animation-timeline:foo) {
@supports not (animation-timeline:--foo) {
.target { animation-play-state: paused; }
}
#element_initial_axis { animation-timeline: timeline_initial_axis; }
#element_vertical { animation-timeline: timeline_vertical; }
#element_horizontal { animation-timeline: timeline_horizontal; }
#element_block_in_horizontal { animation-timeline: timeline_block_in_horizontal; }
#element_inline_in_horizontal { animation-timeline: timeline_inline_in_horizontal; }
#element_block_in_vertical { animation-timeline: timeline_block_in_vertical; }
#element_inline_in_vertical { animation-timeline: timeline_inline_in_vertical; }
#element_initial_axis { animation-timeline: --timeline_initial_axis; }
#element_y { animation-timeline: --timeline_y; }
#element_x { animation-timeline: --timeline_x; }
#element_block_in_horizontal { animation-timeline: --timeline_block_in_horizontal; }
#element_inline_in_horizontal { animation-timeline: --timeline_inline_in_horizontal; }
#element_block_in_vertical { animation-timeline: --timeline_block_in_vertical; }
#element_inline_in_vertical { animation-timeline: --timeline_inline_in_vertical; }
</style>
<div class=scroller id=timeline_initial_axis>
<div class=contents></div>
<div class=target id=element_initial_axis></div>
</div>
<div class=scroller id=timeline_vertical>
<div class=scroller id=timeline_y>
<div class=contents></div>
<div class=target id=element_vertical></div>
<div class=target id=element_y></div>
</div>
<div class=scroller id=timeline_horizontal>
<div class=scroller id=timeline_x>
<div class=contents></div>
<div class=target id=element_horizontal></div>
<div class=target id=element_x></div>
</div>
<div class=scroller id=timeline_block_in_horizontal>
<div class=contents></div>
@ -91,11 +91,11 @@
<script>
// Animations linked to vertical scroll-timelines are at 75% progress.
timeline_initial_axis.scrollTop = 75;
timeline_vertical.scrollTop = 75;
timeline_y.scrollTop = 75;
timeline_block_in_horizontal.scrollTop = 75;
timeline_inline_in_vertical.scrollTop = 75;
// Animations linked to horizontal scroll-timelines are at 25% progress.
timeline_horizontal.scrollLeft = 25;
timeline_x.scrollLeft = 25;
timeline_block_in_vertical.scrollLeft = 25;
timeline_inline_in_horizontal.scrollLeft = 25;
@ -106,12 +106,12 @@
promise_test(async (t) => {
await waitForNextFrame();
assert_equals(getComputedStyle(element_vertical).width, '175px');
assert_equals(getComputedStyle(element_y).width, '175px');
}, 'Vertical axis');
promise_test(async (t) => {
await waitForNextFrame();
assert_equals(getComputedStyle(element_horizontal).width, '125px');
assert_equals(getComputedStyle(element_x).width, '125px');
}, 'Horizontal axis');
promise_test(async (t) => {