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

Update web-platform-tests to revision b'544363de4568baf9ae90d71e4822661edc546650'

Browse source
This commit is contained in:
WPT Sync Bot 2023-01-28 01:49:33 +00:00
parent 4d5a804d03
commit 32cc2e03c4
197 changed files with 3539 additions and 2824 deletions
Download patch file Download diff file Expand all files Collapse all files

4
tests/wpt/web-platform-tests/css/css-anchor-position/anchor-position-dynamic-002.html
View file

@ -41,7 +41,7 @@
<div class="target" style="width: anchor-size(--a2 width)" data-expected-width=5></div>
</div>
<script>
checkLayout('.target');
checkLayout('.target', false);
container.classList.add('after');
for (const element of document.getElementsByClassName('target')) {
if (element.dataset.offsetX === '5')
@ -49,6 +49,6 @@ for (const element of document.getElementsByClassName('target')) {
if (element.dataset.expectedWidth === '5')
element.dataset.expectedWidth = '10';
}
checkLayout('.after .target');
checkLayout('.after .target', true);
</script>
</body>

4
tests/wpt/web-platform-tests/css/css-anchor-position/anchor-position-dynamic-003.html
View file

@ -91,7 +91,7 @@ for (const element of document.getElementsByClassName('target')) {
element.dataset.expectedWidth = '50';
element.dataset.expectedHeight = '70';
}
checkLayout('.target');
checkLayout('.target', false);
document.body.classList.add('after');
for (const element of document.getElementsByClassName('target')) {
@ -100,6 +100,6 @@ for (const element of document.getElementsByClassName('target')) {
element.dataset.expectedWidth = '70';
element.dataset.expectedHeight = '50';
}
checkLayout('.after .target');
checkLayout('.after .target', true);
</script>
</body>

8
tests/wpt/web-platform-tests/css/css-anchor-position/anchor-position-dynamic-004.html
View file

@ -27,7 +27,7 @@
background: lime;
}
</style>
<body onload="run_test()">
<body>
<div class="cb">
<div style="contain: strict; height: 50px">
<div class="spacer" style="height: 10px"></div>
@ -39,9 +39,7 @@
data-expected-width=30 data-expected-height=20></div>
</div>
<script>
function run_test() {
document.body.classList.add('after');
checkLayout('.target');
}
document.body.classList.add('after');
checkLayout('.target');
</script>
</body>

56
tests/wpt/web-platform-tests/css/css-anchor-position/anchor-query-fallback.html
View file

@ -34,34 +34,36 @@
}
</style>
<body id="container" onload="checkLayout('.target')">
<div class="flex-item" id="a1"></div>
<div class="flex-item"></div>
<div class="flex-item"></div>
<div class="flex-item"></div>
<div class="flex-item"></div>
<div class="flex-item"></div>
<div class="flex-item"></div>
<div class="flex-item"></div>
<div class="flex-item" id="a2"></div>
<body onload="checkLayout('.target')">
<div id="container">
<div class="flex-item" id="a1"></div>
<div class="flex-item"></div>
<div class="flex-item"></div>
<div class="flex-item"></div>
<div class="flex-item"></div>
<div class="flex-item"></div>
<div class="flex-item"></div>
<div class="flex-item"></div>
<div class="flex-item" id="a2"></div>
<!-- Fallback due to no valid anchor -->
<div class="target" style="left: anchor(--inexist-anchor left, 50px)" data-offset-x="50"></div>
<div class="target" style="width: anchor-size(--inexist-anchor width, 50px)" data-expected-width="50"></div>
<!-- Fallback due to no valid anchor -->
<div class="target" style="left: anchor(--inexist-anchor left, 50px)" data-offset-x="50"></div>
<div class="target" style="width: anchor-size(--inexist-anchor width, 50px)" data-expected-width="50"></div>
<!-- Fallback due to wrong axis for anchor() -->
<div class="target" style="left: anchor(--a1 top, 50px)" data-offset-x="50"></div>
<div class="target" style="left: anchor(--a1 bottom, 50px)" data-offset-x="50"></div>
<div class="target" style="top: anchor(--a1 left, 50px)" data-offset-y="50"></div>
<div class="target" style="top: anchor(--a1 right, 50px)" data-offset-y="50"></div>
<!-- Fallback due to wrong axis for anchor() -->
<div class="target" style="left: anchor(--a1 top, 50px)" data-offset-x="50"></div>
<div class="target" style="left: anchor(--a1 bottom, 50px)" data-offset-x="50"></div>
<div class="target" style="top: anchor(--a1 left, 50px)" data-offset-y="50"></div>
<div class="target" style="top: anchor(--a1 right, 50px)" data-offset-y="50"></div>
<!-- More complicated fallback values -->
<div class="target" style="left: anchor(--inexist-anchor left, 50%)" data-offset-x="150"></div>
<div class="target" style="left: anchor(--inexist-anchor left, calc(20% + 20px))" data-offset-x="80"></div>
<div class="target" style="top: anchor(--a1 left, anchor(--a2 top))" data-offset-y="100"></div>
<div class="target" style="top: anchor(--a1 left, calc((anchor(--a1 bottom) + anchor(--a2 top)) / 2)" data-offset-y="75"></div>
<div class="target" style="width: anchor-size(--inexist-anchor width, 50%)" data-expected-width="150"></div>
<div class="target" style="width: anchor-size(--inexist-anchor width, calc(20% + 20px))" data-expected-width="80"></div>
<div class="target" style="height: anchor-size(--inexist-anchor height, anchor-size(--a1 width))" data-expected-height="100"></div>
<div class="target" style="height: anchor-size(--inexist-anchor height, calc((anchor-size(--a1 width) + anchor-size(--a2 height)) / 2)" data-expected-height="75"></div>
<!-- More complicated fallback values -->
<div class="target" style="left: anchor(--inexist-anchor left, 50%)" data-offset-x="150"></div>
<div class="target" style="left: anchor(--inexist-anchor left, calc(20% + 20px))" data-offset-x="80"></div>
<div class="target" style="top: anchor(--a1 left, anchor(--a2 top))" data-offset-y="100"></div>
<div class="target" style="top: anchor(--a1 left, calc((anchor(--a1 bottom) + anchor(--a2 top)) / 2))" data-offset-y="75"></div>
<div class="target" style="width: anchor-size(--inexist-anchor width, 50%)" data-expected-width="150"></div>
<div class="target" style="width: anchor-size(--inexist-anchor width, calc(20% + 20px))" data-expected-width="80"></div>
<div class="target" style="height: anchor-size(--inexist-anchor height, anchor-size(--a1 width))" data-expected-height="100"></div>
<div class="target" style="height: anchor-size(--inexist-anchor height, calc((anchor-size(--a1 width) + anchor-size(--a2 height)) / 2))" data-expected-height="75"></div>
</div>
</body>