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

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

Browse source
This commit is contained in:
WPT Sync Bot 2022-12-29 01:34:57 +00:00
parent ec50d0a7fd
commit fe5988549d
96 changed files with 1178 additions and 2059 deletions
Download patch file Download diff file Expand all files Collapse all files

44
tests/wpt/web-platform-tests/css/css-contain/container-queries/container-units-ineligible-container.html Normal file
View file

@ -0,0 +1,44 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Container Relative Units: ineligible container</title>
<link rel="help" href="https://drafts.csswg.org/css-contain-3/#container-lengths">
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<style>
#grandparent, #parent { container-type: size; }
#grandparent { width: 300px; height: 250px; }
#parent { width: 200px; height: 150px; }
#target { width: 10cqw; height: 10cqh; }
</style>
<div id="log"></div>
<div id="grandparent">
<div id="parent">
<div id="target"></div>
</div>
</div>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="support/cq-testcommon.js"></script>
<script>
setup(() => assert_implements_container_queries());
const cases = {
"/* basic */": [20, 15],
"display: table": [30, 25],
"display: table-cell": [30, 25],
"display: inline": [30, 25],
"display: contents": [30, 25],
"display: none": [30, 25],
"container-type: normal": [30, 25],
"container-type: inline-size": [20, 25],
"container-type: inline-size; writing-mode: vertical-lr": [30, 15],
};
const parent = document.getElementById("parent");
const target = document.getElementById("target");
const cs = getComputedStyle(target);
for (let [style, [width, height]] of Object.entries(cases)) {
test(() => {
parent.style.cssText = style;
assert_equals(cs.width, width + "px", "width");
assert_equals(cs.height, height + "px", "height");
}, style);
}
</script>

18
tests/wpt/web-platform-tests/css/css-contain/container-queries/dirty-rowgroup-crash.html Normal file
View file

@ -0,0 +1,18 @@
<!DOCTYPE html>
<div style='container-type: size;'></div>
<table>
<tbody id='id_0'></tbody>
<th id='id_1'>
<tr>
<th></th>
</tr>
</th>
</table>
<script>
const tbody = document.getElementById('id_0')
tbody.getBoundingClientRect();
const theader = document.getElementById('id_1')
tbody.outerText = 'foo';
theader.setAttribute('rowspan', 100)
tbody.getBoundingClientRect();
</script>

59
tests/wpt/web-platform-tests/css/css-contain/container-queries/pseudo-elements-008.html Normal file
View file

@ -0,0 +1,59 @@
<!doctype html>
<title>@container: originating element container for pseudo elements</title>
<link rel="help" href="https://drafts.csswg.org/css-contain-3/#container-queries">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="support/cq-testcommon.js"></script>
<style>
.container { container-type: inline-size; }
#target { display: list-item; }
#target::before { content: "PASS"; font-size: 10cqw; }
#target::after { font-size: 10cqw; }
#target::marker { font-size: 10cqw; }
#target::first-line { font-size: 10cqw; }
#target::first-letter { font-size: 10cqw; }
#outer::first-line { font-size: 10cqw; }
#outer::first-letter { font-size: 10cqw; }
dialog::backdrop { font-size: 10cqw; }
</style>
<div style="width: 400px" class="container">
<div style="width: 300px" class="container">
<div id="target" class="container" style="width: 200px">First-line</div>
<dialog id="dialog" class="container" style="width: 100px"></dialog>
</div>
<div style="width: 400px" class="container">
<div id="outer" style="width: 300px" class="container">
<div class="container" style="width: 200px">First-line</div>
</div>
</div>
<script>
setup(() => assert_implements_container_queries());
test(() => {
assert_equals(getComputedStyle(target, "::before").fontSize, "20px");
}, "Originating element container for ::before");
test(() => {
assert_equals(getComputedStyle(target, "::after").fontSize, "20px");
}, "Originating element container for ::after");
test(() => {
assert_equals(getComputedStyle(target, "::marker").fontSize, "20px");
}, "Originating element container for ::marker");
test(() => {
assert_equals(getComputedStyle(target, "::first-line").fontSize, "20px");
}, "Originating element container for ::first-line");
test(() => {
assert_equals(getComputedStyle(target, "::first-letter").fontSize, "20px");
}, "Originating element container for ::first-letter");
test(() => {
assert_equals(getComputedStyle(outer, "::first-line").fontSize, "30px");
}, "Originating element container for outer ::first-line");
test(() => {
assert_equals(getComputedStyle(outer, "::first-letter").fontSize, "30px");
}, "Originating element container for outer ::first-letter");
test((t) => {
t.add_cleanup(() => dialog.close());
assert_equals(getComputedStyle(dialog, "::backdrop").fontSize, "30px", "::backdrop not rendered");
dialog.showModal();
assert_equals(getComputedStyle(dialog, "::backdrop").fontSize, "10px", "::backdrop rendered");
}, "Originating element container for ::backdrop");
</script>

13
tests/wpt/web-platform-tests/css/css-contain/content-visibility/crashtests/first-line-and-inline-block.html Normal file
View file

@ -0,0 +1,13 @@
<!DOCTYPE html>
<style>
div, span {
content-visibility: auto;
contain-intrinsic-width: auto 100vw;
}
div::first-line {
color: blue;
}
</style>
<div>
<span style="display: inline-block">foo</span>
</div>