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

Update web-platform-tests to revision a46616a5b18e83587ddbbed756c7b96cbb4b015d

Browse source
This commit is contained in:
Josh Matthews 2017-06-19 19:07:14 -04:00 • committed by Ms2ger
parent 3f07cfec7c
commit 578498ba24
4001 changed files with 159517 additions and 30260 deletions
Download patch file Download diff file Expand all files Collapse all files

81
tests/wpt/web-platform-tests/html/rendering/non-replaced-elements/the-fieldset-element-0/legend-block-formatting-context.html Normal file
View file

@ -0,0 +1,81 @@
<!DOCTYPE html>
<title>The legend element: block formatting context</title>
<script src=/resources/testharness.js></script>
<script src=/resources/testharnessreport.js></script>
<style>
/* Set margin and padding for fieldset to 0 to make things simpler */
fieldset {
margin: 0;
padding: 0;
}
.wrapper {
height: 200px;
position: relative;
}
.float {
float: left;
width: 50px;
height: 50px;
background-color: orange;
}
</style>
<div class=wrapper>
<div class=float></div>
<legend id=in-body><div class=float></div></legend>
<div class=float></div>
</div>
<div class=wrapper>
<fieldset>
<div class=float></div>
<legend id=rendered-legend><div class=float></div></legend>
<legend id=in-fieldset-second-child><div class=float></div></legend>
<div><legend id=in-fieldset-descendant><div class=float></div></legend></div>
</fieldset>
</div>
<script>
const fieldsetBorderWidth = 2;
const legendPadding = 2;
test(() => {
const legend = document.getElementById('in-body');
assert_equals(legend.offsetLeft, 0, 'legend.offsetLeft');
assert_equals(legend.offsetTop, 0, 'legend.offsetTop');
assert_equals(legend.clientHeight, 0, 'legend.clientHeight');
const divAfter = legend.nextElementSibling;
assert_equals(divAfter.offsetLeft, 100, 'divAfter.offsetLeft');
assert_equals(divAfter.offsetTop, 0, 'divAfter.offsetTop');
}, 'in-body');
test(() => {
const legend = document.getElementById('rendered-legend');
assert_equals(legend.offsetLeft, fieldsetBorderWidth, 'legend.offsetLeft');
assert_equals(legend.offsetTop, 0, 'legend.offsetTop');
assert_equals(legend.clientHeight, 50, 'legend.clientHeight');
const divChild = legend.firstChild;
assert_equals(divChild.offsetLeft, fieldsetBorderWidth + legendPadding, 'divChild.offsetLeft');
assert_equals(divChild.offsetTop, 0, 'divChild.offsetTop');
}, 'rendered-legend');
test(() => {
const legend = document.getElementById('in-fieldset-second-child');
assert_equals(legend.offsetLeft, fieldsetBorderWidth, 'legend.offsetLeft');
assert_equals(legend.offsetTop, 50, 'legend.offsetTop');
assert_equals(legend.clientHeight, 0, 'legend.clientHeight');
const divChild = legend.firstChild;
assert_equals(divChild.offsetLeft, fieldsetBorderWidth + 50, 'divChild.offsetLeft');
assert_equals(divChild.offsetTop, 50, 'divChild.offsetTop');
}, 'in-fieldset-second-child');
test(() => {
const legend = document.getElementById('in-fieldset-descendant');
assert_equals(legend.offsetLeft, fieldsetBorderWidth, 'legend.offsetLeft');
assert_equals(legend.offsetTop, 50, 'legend.offsetTop');
assert_equals(legend.clientHeight, 0, 'legend.clientHeight');
const divChild = legend.firstChild;
assert_equals(divChild.offsetLeft, fieldsetBorderWidth + 50 + 50, 'divChild.offsetLeft');
assert_equals(divChild.offsetTop, 50, 'divChild.offsetTop');
}, 'in-fieldset-descendant');
</script>

62
tests/wpt/web-platform-tests/html/rendering/non-replaced-elements/the-fieldset-element-0/legend.html Normal file
View file

@ -0,0 +1,62 @@
<!doctype html>
<title>The legend element</title>
<script src=/resources/testharness.js></script>
<script src=/resources/testharnessreport.js></script>
<style>
#ref {
display: block;
unicode-bidi: isolate;
padding-left: 2px;
padding-right: 2px;
/* TODO: uncomment this when these properties are widely supported
padding-inline-start: 2px; padding-inline-end: 2px;
*/
}
</style>
<legend id=in-body></legend>
<fieldset>
<legend id=rendered-legend></legend>
<legend id=in-fieldset-second-child></legend>
<div><legend id=in-fieldset-descendant></legend></div>
</fieldset>
<div id=ref></div>
<script>
setup(() => {
self.legends = [].slice.call(document.querySelectorAll('legend'));
self.refStyle = getComputedStyle(document.getElementById('ref'));
self.props = ['display',
'unicodeBidi',
'marginTop',
'marginRight',
'marginBottom',
'marginLeft',
'paddingTop',
'paddingRight',
'paddingBottom',
'paddingLeft',
'overflow',
// Extra tests
'height',
'box-sizing',
];
});
legends.forEach(legend => {
const testStyle = getComputedStyle(legend);
props.forEach(prop => {
test(() => {
assert_equals(testStyle[prop], refStyle[prop]);
}, `${legend.id}: ${prop}`);
});
// Test width separately since it differs outside fieldset vs. in fieldset vs. rendered legend
test(() => {
if (legend.id === 'rendered-legend') {
assert_equals(testStyle.width, '0px');
} else {
assert_not_equals(testStyle.width, '0px');
}
}, `${legend.id}: width`);
});
</script>