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

Update web-platform-tests to revision 82b73b315ce7ed1554e7a9b7bced66a5831e4ee5

Browse source
This commit is contained in:
WPT Sync Bot 2019-08-19 10:23:52 +00:00
parent 00a9f30773
commit 76712d7d25
353 changed files with 6528 additions and 1307 deletions
Download patch file Download diff file Expand all files Collapse all files

54
tests/wpt/web-platform-tests/css/css-layout-api/position-fragment/htb-ltr.https.html Normal file
View file

@ -0,0 +1,54 @@
<!DOCTYPE html>
<html class=reftest-wait>
<link rel="help" href="https://drafts.css-houdini.org/css-layout-api/#layoutfragment">
<link rel="match" href="ref.html">
<meta name="assert" content="This test checks that child fragments get positioned correctly." />
<style>
.test {
background: red;
width: 100px;
height: 100px;
}
.test {
writing-mode: horizontal-tb;
direction: ltr;
}
.child-1 {
background: rebeccapurple;
width: 10px;
height: 20px;
--inline-offset: 5;
--block-offset: 25;
}
.child-2 {
writing-mode: vertical-rl;
background: rebeccapurple;
width: 15px;
height: 25px;
--inline-offset: 50;
--block-offset: 60;
}
@supports (display: layout(test)) {
.test {
background: green;
display: layout(test);
}
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/worklet-reftest.js"></script>
<div class="test">
<div class="child-1"></div>
<div class="child-2"></div>
</div>
<script>
importWorkletAndTerminateTestAfterAsyncPaint(CSS.layoutWorklet, {url: 'support/layout-position-child-worklet.js'});
</script>

54
tests/wpt/web-platform-tests/css/css-layout-api/position-fragment/htb-rtl.https.html Normal file
View file

@ -0,0 +1,54 @@
<!DOCTYPE html>
<html class=reftest-wait>
<link rel="help" href="https://drafts.css-houdini.org/css-layout-api/#layoutfragment">
<link rel="match" href="ref.html">
<meta name="assert" content="This test checks that child fragments get positioned correctly." />
<style>
.test {
background: red;
width: 100px;
height: 100px;
}
.test {
writing-mode: horizontal-tb;
direction: rtl;
}
.child-1 {
background: rebeccapurple;
width: 10px;
height: 20px;
--inline-offset: 85;
--block-offset: 25;
}
.child-2 {
writing-mode: vertical-rl;
background: rebeccapurple;
width: 15px;
height: 25px;
--inline-offset: 35;
--block-offset: 60;
}
@supports (display: layout(test)) {
.test {
background: green;
display: layout(test);
}
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/worklet-reftest.js"></script>
<div class="test">
<div class="child-1"></div>
<div class="child-2"></div>
</div>
<script>
importWorkletAndTerminateTestAfterAsyncPaint(CSS.layoutWorklet, {url: 'support/layout-position-child-worklet.js'});
</script>

33
tests/wpt/web-platform-tests/css/css-layout-api/position-fragment/ref.html Normal file
View file

@ -0,0 +1,33 @@
<!DOCTYPE html>
<style>
.result {
position: relative;
background: green;
width: 100px;
height: 100px;
}
.result-child-1 {
background: rebeccapurple;
width: 10px;
height: 20px;
position: absolute;
top: 25px;
left: 5px;
}
.result-child-2 {
background: rebeccapurple;
width: 15px;
height: 25px;
position: absolute;
top: 60px;
left: 50px;
}
</style>
<div class="result">
<div class="result-child-1"></div>
<div class="result-child-2"></div>
</div>

20
tests/wpt/web-platform-tests/css/css-layout-api/position-fragment/support/layout-position-child-worklet.js Normal file
View file

@ -0,0 +1,20 @@
registerLayout('test', class {
static get childInputProperties() {
return [
'--inline-offset',
'--block-offset',
];
}
async intrinsicSizes() {}
async layout(children, edges, constraints, styleMap) {
const childFragments = await Promise.all(children.map((child) => child.layoutNextFragment({})));
for (let i = 0; i < children.length; i++) {
childFragments[i].inlineOffset = parseInt(children[i].styleMap.get('--inline-offset').toString());
childFragments[i].blockOffset = parseInt(children[i].styleMap.get('--block-offset').toString());
}
return {autoBlockSize: 0, childFragments};
}
});

54
tests/wpt/web-platform-tests/css/css-layout-api/position-fragment/vlr-ltr.https.html Normal file
View file

@ -0,0 +1,54 @@
<!DOCTYPE html>
<html class=reftest-wait>
<link rel="help" href="https://drafts.css-houdini.org/css-layout-api/#layoutfragment">
<link rel="match" href="ref.html">
<meta name="assert" content="This test checks that child fragments get positioned correctly." />
<style>
.test {
background: red;
width: 100px;
height: 100px;
}
.test {
writing-mode: vertical-lr;
direction: ltr;
}
.child-1 {
background: rebeccapurple;
width: 10px;
height: 20px;
--inline-offset: 25;
--block-offset: 5;
}
.child-2 {
writing-mode: vertical-rl;
background: rebeccapurple;
width: 15px;
height: 25px;
--inline-offset: 60;
--block-offset: 50;
}
@supports (display: layout(test)) {
.test {
background: green;
display: layout(test);
}
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/worklet-reftest.js"></script>
<div class="test">
<div class="child-1"></div>
<div class="child-2"></div>
</div>
<script>
importWorkletAndTerminateTestAfterAsyncPaint(CSS.layoutWorklet, {url: 'support/layout-position-child-worklet.js'});
</script>

54
tests/wpt/web-platform-tests/css/css-layout-api/position-fragment/vlr-rtl.https.html Normal file
View file

@ -0,0 +1,54 @@
<!DOCTYPE html>
<html class=reftest-wait>
<link rel="help" href="https://drafts.css-houdini.org/css-layout-api/#layoutfragment">
<link rel="match" href="ref.html">
<meta name="assert" content="This test checks that child fragments get positioned correctly." />
<style>
.test {
background: red;
width: 100px;
height: 100px;
}
.test {
writing-mode: vertical-lr;
direction: rtl;
}
.child-1 {
background: rebeccapurple;
width: 10px;
height: 20px;
--inline-offset: 55;
--block-offset: 5;
}
.child-2 {
writing-mode: vertical-rl;
background: rebeccapurple;
width: 15px;
height: 25px;
--inline-offset: 15;
--block-offset: 50;
}
@supports (display: layout(test)) {
.test {
background: green;
display: layout(test);
}
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/worklet-reftest.js"></script>
<div class="test">
<div class="child-1"></div>
<div class="child-2"></div>
</div>
<script>
importWorkletAndTerminateTestAfterAsyncPaint(CSS.layoutWorklet, {url: 'support/layout-position-child-worklet.js'});
</script>

54
tests/wpt/web-platform-tests/css/css-layout-api/position-fragment/vrl-ltr.https.html Normal file
View file

@ -0,0 +1,54 @@
<!DOCTYPE html>
<html class=reftest-wait>
<link rel="help" href="https://drafts.css-houdini.org/css-layout-api/#layoutfragment">
<link rel="match" href="ref.html">
<meta name="assert" content="This test checks that child fragments get positioned correctly." />
<style>
.test {
background: red;
width: 100px;
height: 100px;
}
.test {
writing-mode: vertical-rl;
direction: ltr;
}
.child-1 {
background: rebeccapurple;
width: 10px;
height: 20px;
--inline-offset: 25;
--block-offset: 85;
}
.child-2 {
writing-mode: vertical-rl;
background: rebeccapurple;
width: 15px;
height: 25px;
--inline-offset: 60;
--block-offset: 35;
}
@supports (display: layout(test)) {
.test {
background: green;
display: layout(test);
}
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/worklet-reftest.js"></script>
<div class="test">
<div class="child-1"></div>
<div class="child-2"></div>
</div>
<script>
importWorkletAndTerminateTestAfterAsyncPaint(CSS.layoutWorklet, {url: 'support/layout-position-child-worklet.js'});
</script>

54
tests/wpt/web-platform-tests/css/css-layout-api/position-fragment/vrl-rtl.https.html Normal file
View file

@ -0,0 +1,54 @@
<!DOCTYPE html>
<html class=reftest-wait>
<link rel="help" href="https://drafts.css-houdini.org/css-layout-api/#layoutfragment">
<link rel="match" href="ref.html">
<meta name="assert" content="This test checks that child fragments get positioned correctly." />
<style>
.test {
background: red;
width: 100px;
height: 100px;
}
.test {
writing-mode: vertical-rl;
direction: rtl;
}
.child-1 {
background: rebeccapurple;
width: 10px;
height: 20px;
--inline-offset: 55;
--block-offset: 85;
}
.child-2 {
writing-mode: vertical-rl;
background: rebeccapurple;
width: 15px;
height: 25px;
--inline-offset: 15;
--block-offset: 35;
}
@supports (display: layout(test)) {
.test {
background: green;
display: layout(test);
}
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/worklet-reftest.js"></script>
<div class="test">
<div class="child-1"></div>
<div class="child-2"></div>
</div>
<script>
importWorkletAndTerminateTestAfterAsyncPaint(CSS.layoutWorklet, {url: 'support/layout-position-child-worklet.js'});
</script>