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

Update web-platform-tests to revision 7bfbc0fa30aad867faa1c6cc748884be76635a08

Browse source
This commit is contained in:
WPT Sync Bot 2018-02-22 20:08:40 -05:00 • committed by Josh Matthews
parent 0fa3248723
commit 65b0e306b7
87 changed files with 2402 additions and 622 deletions
Download patch file Download diff file Expand all files Collapse all files

13
tests/wpt/web-platform-tests/css/css-layout-api/style-map-multi-ref.html Normal file
View file

@ -0,0 +1,13 @@
<!DOCTYPE html>
<style>
.result {
background: green;
border-radius: 2px;
margin: 10px;
width: 100px;
height: 100px;
}
</style>
<div class="result"></div>

70
tests/wpt/web-platform-tests/css/css-layout-api/style-map-multi.https.html Normal file
View file

@ -0,0 +1,70 @@
<!DOCTYPE html>
<html class=reftest-wait>
<link rel="help" href="https://drafts.css-houdini.org/css-layout-api/#layout-invalidation">
<link rel="match" href="style-map-multi-ref.html">
<meta name="assert" content="This test checks that properties are correctly given to the layout function." />
<style>
.test {
background: red;
margin: 10px;
width: 100px;
/* Properties under test. */
--foo: bar;
border-radius: 2px;
}
@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>
<script id="code" type="text/worklet">
registerLayout('test', class {
static get inputProperties() {
return [ '--bar', '--foo', 'align-items', 'border-top-left-radius'];
}
*intrinsicSizes() {}
*layout(children, edges, constraints, styleMap) {
const expected = [
{property: '--bar', value: '[CSSUnparsedValue=]'},
{property: '--foo', value: '[CSSUnparsedValue= bar]'},
{property: 'align-items', value: '[CSSKeywordValue=normal]'},
{property: 'border-top-left-radius', value: '[CSSUnitValue=2px]'},
];
const actual = Array.from(styleMap.keys()).sort().map((property) => {
const valueObject = styleMap.get(property);
const value = '[' + valueObject.constructor.name + '=' + valueObject.toString() + ']';
return {property, value};
});
if (expected.length != actual.length)
return {autoBlockSize: 0};
for (let i = 0; i < expected.length; i++) {
if (expected[i].property != actual[i].property)
return {autoBlockSize: 0};
if (expected[i].value != actual[i].value)
return {autoBlockSize: 0};
}
return {autoBlockSize: 100};
}
});
</script>
<script>
importWorkletAndTerminateTestAfterAsyncPaint(CSS.layoutWorklet, document.getElementById('code').textContent);
</script>
</html>

16
tests/wpt/web-platform-tests/css/css-layout-api/style-map-ref.html Normal file
View file

@ -0,0 +1,16 @@
<!DOCTYPE html>
<style>
.result {
background: green;
border-radius: 2px;
margin: 10px;
width: 100px;
height: 100px;
}
</style>
<div class="result"></div>
<div class="result"></div>
<div class="result"></div>
<div class="result"></div>

71
tests/wpt/web-platform-tests/css/css-layout-api/style-map.https.html Normal file
View file

@ -0,0 +1,71 @@
<!DOCTYPE html>
<html class=reftest-wait>
<link rel="help" href="https://drafts.css-houdini.org/css-layout-api/#layout-invalidation">
<link rel="match" href="style-map-ref.html">
<meta name="assert" content="This test checks that properties are correctly given to the layout function." />
<style>
.test {
background: red;
margin: 10px;
width: 100px;
/* Properties under test. */
--foo: bar;
border-radius: 2px;
}
@supports (display: layout(test)) {
.test {
background: green;
}
.test-0 { display: layout(test-0); }
.test-1 { display: layout(test-1); }
.test-2 { display: layout(test-2); }
.test-3 { display: layout(test-3); }
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/worklet-reftest.js"></script>
<div class="test test-0"></div>
<div class="test test-1"></div>
<div class="test test-2"></div>
<div class="test test-3"></div>
<script>
const tmpl = (test, idx) => {
return `
registerLayout('test-${idx}', class {
static get inputProperties() { return ['${test.property}']; }
*intrinsicSizes() {}
*layout(children, edges, constraints, styleMap) {
const value = styleMap.get('${test.property}');
const result = '[' + value.constructor.name + '=' + value.toString() + ']';
if (result != '${test.expected}')
return {autoBlockSize: 0};
const size = Array.from(styleMap.keys()).length;
if (size != 1)
return {autoBlockSize: 0};
return {autoBlockSize: 100};
}
});
`;
}
const tests = [
{property: '--bar', expected: '[CSSUnparsedValue=]'},
{property: '--foo', expected: '[CSSUnparsedValue= bar]'},
{property: 'align-items', expected: '[CSSKeywordValue=normal]'},
{property: 'border-top-left-radius', expected: '[CSSUnitValue=2px]'},
];
const workletSource = tests.map(tmpl).join('\n');
importWorkletAndTerminateTestAfterAsyncPaint(CSS.layoutWorklet, workletSource);
</script>
</html>