mirror of
https://github.com/servo/servo.git
synced 2025-08-10 07:55:33 +01:00
Update web-platform-tests to revision 2b7dace05fc1869398ee24f84fda4c0e4c0455ae
This commit is contained in:
WPT Sync Bot
Tom Servo
parent
b23125d590
commit
6c901de216
844 changed files with 19802 additions and 3093 deletions
|
|
@ -0,0 +1,4 @@
|
|||
suggested_reviewers:
|
||||
- emilio
|
||||
- mstensho
|
||||
- zcorpan
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
<!doctype html>
|
||||
<title>fieldset, border-radius and hit testing</title>
|
||||
<script src=/resources/testharness.js></script>
|
||||
<script src=/resources/testharnessreport.js></script>
|
||||
<style>
|
||||
fieldset { width: 80px; height: 80px; border-radius: 100px; border: 10px solid; background: lime; }
|
||||
</style>
|
||||
<fieldset>
|
||||
</fieldset>
|
||||
<script>
|
||||
test(() => {
|
||||
assert_equals(document.elementFromPoint(20, 20), document.body);
|
||||
});
|
||||
</script>
|
||||
|
|
@ -11,9 +11,13 @@
|
|||
border: none
|
||||
}
|
||||
#test-inline, #ref-inline { display: inline-flex }
|
||||
legend {
|
||||
float: left; /* Makes it not the "rendered legend" */
|
||||
padding: 0;
|
||||
}
|
||||
</style>
|
||||
<fieldset id=test>
|
||||
<div>1</div>
|
||||
<legend>1</legend>
|
||||
<div>2</div>
|
||||
<div>3</div>
|
||||
<div>4</div>
|
||||
|
|
@ -25,7 +29,7 @@
|
|||
</fieldset>
|
||||
<hr>
|
||||
<div id=ref>
|
||||
<div>1</div>
|
||||
<legend>1</legend>
|
||||
<div>2</div>
|
||||
<div>3</div>
|
||||
<div>4</div>
|
||||
|
|
@ -37,7 +41,7 @@
|
|||
</div>
|
||||
<hr>
|
||||
<fieldset id=test-inline>
|
||||
<div>1</div>
|
||||
<legend>1</legend>
|
||||
<div>2</div>
|
||||
<div>3</div>
|
||||
<div>4</div>
|
||||
|
|
@ -60,12 +64,21 @@
|
|||
</div>
|
||||
<script>
|
||||
test(() => {
|
||||
assert_equals(getComputedStyle(document.getElementById('test')).height,
|
||||
getComputedStyle(document.getElementById('ref')).height);
|
||||
const testElm = document.getElementById('test');
|
||||
const refElm = document.getElementById('ref');
|
||||
assert_equals(getComputedStyle(testElm).height,
|
||||
getComputedStyle(refElm).height, 'height');
|
||||
assert_equals(testElm.querySelector('legend').offsetTop,
|
||||
testElm.querySelector('div').offsetTop, 'offsetTop')
|
||||
}, "Flex");
|
||||
|
||||
test(() => {
|
||||
assert_equals(getComputedStyle(document.getElementById('test-inline')).height,
|
||||
getComputedStyle(document.getElementById('ref-inline')).height);
|
||||
const testElm = document.getElementById('test-inline');
|
||||
const refElm = document.getElementById('ref-inline');
|
||||
assert_equals(getComputedStyle(testElm).height,
|
||||
getComputedStyle(refElm).height, 'height');
|
||||
assert_equals(testElm.querySelector('legend').offsetTop,
|
||||
testElm.querySelector('div').offsetTop, 'offsetTop')
|
||||
|
||||
}, "Inline flex");
|
||||
</script>
|
||||
|
|
@ -12,9 +12,13 @@
|
|||
border: none
|
||||
}
|
||||
#test-inline, #ref-inline { display: inline-grid }
|
||||
legend {
|
||||
float: left; /* Makes it not the "rendered legend" */
|
||||
padding: 0;
|
||||
}
|
||||
</style>
|
||||
<fieldset id=test>
|
||||
<div>1</div>
|
||||
<legend>1</legend>
|
||||
<div>2</div>
|
||||
<div>3</div>
|
||||
<div>4</div>
|
||||
|
|
@ -38,7 +42,7 @@
|
|||
</div>
|
||||
<hr>
|
||||
<fieldset id=test-inline>
|
||||
<div>1</div>
|
||||
<legend>1</legend>
|
||||
<div>2</div>
|
||||
<div>3</div>
|
||||
<div>4</div>
|
||||
|
|
@ -61,12 +65,21 @@
|
|||
</div>
|
||||
<script>
|
||||
test(() => {
|
||||
assert_equals(getComputedStyle(document.getElementById('test')).height,
|
||||
getComputedStyle(document.getElementById('ref')).height);
|
||||
const testElm = document.getElementById('test');
|
||||
const refElm = document.getElementById('ref');
|
||||
assert_equals(getComputedStyle(testElm).height,
|
||||
getComputedStyle(refElm).height, 'height');
|
||||
assert_equals(testElm.querySelector('legend').offsetTop,
|
||||
testElm.querySelector('div').offsetTop, 'offsetTop')
|
||||
}, "Grid");
|
||||
|
||||
test(() => {
|
||||
assert_equals(getComputedStyle(document.getElementById('test-inline')).height,
|
||||
getComputedStyle(document.getElementById('ref-inline')).height);
|
||||
const testElm = document.getElementById('test-inline');
|
||||
const refElm = document.getElementById('ref-inline');
|
||||
assert_equals(getComputedStyle(testElm).height,
|
||||
getComputedStyle(refElm).height, 'height');
|
||||
assert_equals(testElm.querySelector('legend').offsetTop,
|
||||
testElm.querySelector('div').offsetTop, 'offsetTop')
|
||||
|
||||
}, "Inline grid");
|
||||
</script>
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
<!doctype html>
|
||||
<title>Reference for fieldset and dipslay: list-item</title>
|
||||
<style>
|
||||
fieldset { margin: 0 40px; }
|
||||
</style>
|
||||
<p>There should be no bullet points below.</p>
|
||||
<fieldset>
|
||||
<legend>X</legend>
|
||||
</fieldset>
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
<!doctype html>
|
||||
<title>fieldset and dipslay: list-item</title>
|
||||
<link rel=match href=fieldset-list-item-ref.html>
|
||||
<style>
|
||||
fieldset { margin: 0 40px; display: list-item; }
|
||||
</style>
|
||||
<p>There should be no bullet points below.</p>
|
||||
<fieldset>
|
||||
<legend>X</legend>
|
||||
</fieldset>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Reference for fieldset vertical</title>
|
||||
<link rel=stylesheet href=resources/fieldset-vertical.css>
|
||||
<p>vertical-lr
|
||||
<div style="writing-mode: vertical-lr">
|
||||
<div class=fieldset><div class="legend top">foo bar</div>normal</div>
|
||||
<div class="fieldset rtl"><div class="legend bottom">foo bar</div>dir=rtl</div>
|
||||
<div class="fieldset rtl"><div class="legend top">foo bar</div>dir=rtl align=left</div>
|
||||
<div class="fieldset rtl"><div class="legend center">foo bar</div>dir=rtl align=center</div>
|
||||
<div class="fieldset rtl"><div class="legend bottom">foo bar</div>dir=rtl align=right</div>
|
||||
<div class=fieldset><div class="legend top">foo bar</div>align=left</div>
|
||||
<div class=fieldset><div class="legend center">foo bar</div>align=center</div>
|
||||
<div class=fieldset><div class="legend bottom">foo bar</div>align=right</div>
|
||||
</div>
|
||||
<hr>
|
||||
<p>vertical-rl
|
||||
<div style="writing-mode: vertical-rl">
|
||||
<div class=fieldset><div class="legend top">foo bar</div>normal</div>
|
||||
<div class="fieldset rtl"><div class="legend bottom">foo bar</div>dir=rtl</div>
|
||||
<div class="fieldset rtl"><div class="legend top">foo bar</div>dir=rtl align=left</div>
|
||||
<div class="fieldset rtl"><div class="legend center">foo bar</div>dir=rtl align=center</div>
|
||||
<div class="fieldset rtl"><div class="legend bottom">foo bar</div>dir=rtl align=right</div>
|
||||
<div class=fieldset><div class="legend top">foo bar</div>align=left</div>
|
||||
<div class=fieldset><div class="legend center">foo bar</div>align=center</div>
|
||||
<div class=fieldset><div class="legend bottom">foo bar</div>align=right</div></div>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<title>fieldset vertical</title>
|
||||
<link rel=stylesheet href=resources/fieldset-vertical.css>
|
||||
<link rel=match href=fieldset-vertical-ref.html>
|
||||
<p>vertical-lr
|
||||
<div style="writing-mode: vertical-lr">
|
||||
<fieldset><legend>foo bar</legend>normal</fieldset>
|
||||
<fieldset dir=rtl><legend>foo bar</legend>dir=rtl</fieldset>
|
||||
<fieldset dir=rtl><legend align=left>foo bar</legend>dir=rtl align=left</fieldset>
|
||||
<fieldset dir=rtl><legend align=center>foo bar</legend>dir=rtl align=center</fieldset>
|
||||
<fieldset dir=rtl><legend align=right>foo bar</legend>dir=rtl align=right</fieldset>
|
||||
<fieldset><legend align=left>foo bar</legend>align=left</fieldset>
|
||||
<fieldset><legend align=center>foo bar</legend>align=center</fieldset>
|
||||
<fieldset><legend align=right>foo bar</legend>align=right</fieldset>
|
||||
</div>
|
||||
<hr>
|
||||
<p>vertical-rl
|
||||
<div style="writing-mode: vertical-rl">
|
||||
<fieldset><legend>foo bar</legend>normal</fieldset>
|
||||
<fieldset dir=rtl><legend>foo bar</legend>dir=rtl</fieldset>
|
||||
<fieldset dir=rtl><legend align=left>foo bar</legend>dir=rtl align=left</fieldset>
|
||||
<fieldset dir=rtl><legend align=center>foo bar</legend>dir=rtl align=center</fieldset>
|
||||
<fieldset dir=rtl><legend align=right>foo bar</legend>dir=rtl align=right</fieldset>
|
||||
<fieldset><legend align=left>foo bar</legend>align=left</fieldset>
|
||||
<fieldset><legend align=center>foo bar</legend>align=center</fieldset>
|
||||
<fieldset><legend align=right>foo bar</legend>align=right</fieldset>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
<!doctype html>
|
||||
<title>Reference for Rendering of display: none legend</title>
|
||||
<style>
|
||||
div { border: 2em solid lime; width: 0; }
|
||||
</style>
|
||||
<p>There should be a green box below.</p>
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
<!doctype html>
|
||||
<title>Rendering of display: none legend</title>
|
||||
<link rel=match href=legend-display-none-rendering-ref.html>
|
||||
<style>
|
||||
fieldset { border: 2em solid lime; width: 0; margin: 0; padding: 0; }
|
||||
legend { display: none; background: red; }
|
||||
</style>
|
||||
<p>There should be a green box below.</p>
|
||||
<fieldset>
|
||||
<legend>FAIL</legend>
|
||||
</fieldset>
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
<!doctype html>
|
||||
<title>legend display: none</title>
|
||||
<script src=/resources/testharness.js></script>
|
||||
<script src=/resources/testharnessreport.js></script>
|
||||
<style>
|
||||
legend { display: none; }
|
||||
</style>
|
||||
<fieldset>
|
||||
<legend>Foo</legend>
|
||||
</fieldset>
|
||||
<script>
|
||||
test(() => {
|
||||
const display = getComputedStyle(document.querySelector('legend')).display;
|
||||
assert_equals(display, 'none');
|
||||
});
|
||||
</script>
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
<!doctype html>
|
||||
<title>Reference for legend and dipslay: list-item</title>
|
||||
<style>
|
||||
div { margin: 0 40px; display: list-item; }
|
||||
</style>
|
||||
<p>There should be a bullet point below.</p>
|
||||
<div>X</div>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
<!doctype html>
|
||||
<title>legend and dipslay: list-item</title>
|
||||
<link rel=match href=fieldset-list-item-ref.html>
|
||||
<style>
|
||||
fieldset { margin: 0; padding: 0; border: none; }
|
||||
legend { margin: 0 40px; padding: 0; display: list-item; }
|
||||
</style>
|
||||
<p>There should be a bullet point below.</p>
|
||||
<fieldset>
|
||||
<legend>X</legend>
|
||||
</fieldset>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
body > div { display: inline-block }
|
||||
fieldset, .fieldset { padding: 0; height:10em; width:2em; border:1em groove; margin: 0em; line-height:1 }
|
||||
legend, .legend { padding: 0; width: 1em }
|
||||
.legend {
|
||||
background: white; /* overlap the border to emulate the border not being painted */
|
||||
display: table; /* shrink-wrap */
|
||||
}
|
||||
|
||||
[style="writing-mode: vertical-lr"] .legend {
|
||||
margin-left: -1em;
|
||||
}
|
||||
[style="writing-mode: vertical-rl"] .legend {
|
||||
margin-right: -1em;
|
||||
}
|
||||
.top { margin-bottom: auto }
|
||||
.center { margin-top: auto; margin-bottom: auto }
|
||||
.bottom { margin-top: auto }
|
||||
.rtl { direction: rtl }
|
||||
Loading…
Add table
Add a link
Reference in a new issue