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

Update web-platform-tests to revision b'75b1ecef754b4c81ab92f9dd7d0663fbf3d16afe'

Browse source
This commit is contained in:
WPT Sync Bot 2021-03-02 08:20:46 +00:00
parent 970ab0348f
commit 2084f90f36
80 changed files with 1491 additions and 1606 deletions
Download patch file Download diff file Expand all files Collapse all files

74
tests/wpt/web-platform-tests/css/css-display/display-contents-dynamic-fieldset-legend-001-ref.html Normal file
View file

@ -0,0 +1,74 @@
<!doctype html>
<title>Reference: display:contents on fieldset/legend</title>
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1694459">
<style>
body { font-size: 10px; }
fieldset {
border:1px solid;
padding: 1px 0;
}
</style>
<fieldset>
<fieldset id='test1'>
<legend>LEGEND</legend>
</fieldset>
</fieldset>
<fieldset>
<fieldset id='test2'>
<legend>LEGEND</legend>
</fieldset>
</fieldset>
<fieldset>
<legend>OUTER LEGEND</legend>
<fieldset id='test3'>
<legend>INNER LEGEND</legend>
</fieldset>
</fieldset>
<fieldset>
<legend id='test4'>LEGEND</legend>
<legend>NOT LEGEND</legend>
</fieldset>
<fieldset>
<legend>LEGEND</legend>
<legend id='test5'>NOT LEGEND</legend>
</fieldset>
<fieldset>
<legend id='test6'>LEGEND</legend>
<legend>NOT LEGEND</legend>
</fieldset>
<fieldset>
<legend>LEGEND</legend>
<legend>NOT LEGEND</legend>
</fieldset>
<fieldset>
<legend>LEGEND</legend>
</fieldset>
<fieldset>
<div id='test9'><legend>NOT LEGEND</legend></div>
</fieldset>
<fieldset>
<legend>LEGEND</legend>
<div>NOT LEGEND</div>
</fieldset>
<fieldset id='test11'>
<legend>LEGEND</legend>
<legend>NOT LEGEND</legend>
</fieldset>
<fieldset>
<legend id='test12'>LEGEND</legend>
</fieldset>
<fieldset>
<legend id='test13'>LEGEND</legend>
</fieldset>

153
tests/wpt/web-platform-tests/css/css-display/display-contents-dynamic-fieldset-legend-001.html Normal file
View file

@ -0,0 +1,153 @@
<!doctype html>
<title>CSS Display Module Test: display:contents on fieldset/legend</title>
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1694459">
<link rel="help" href="https://drafts.csswg.org/css-display/#box-generation">
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1694459">
<link rel="match" href="display-contents-dynamic-fieldset-legend-001-ref.html">
<style>
body { font-size: 10px; }
fieldset {
border:1px solid;
padding: 1px 0;
}
#test10 { padding: 0; }
</style>
<script>
window.onload = () => {
document.body.getClientRects();
o = document.getElementById("test1")
o.setAttribute("style", "display:contents")
o.getClientRects()
o.style.cssText = ""
o.getClientRects()
o = document.getElementById("test2")
o.setAttribute("style", "")
o.getClientRects()
o = document.getElementById("test3")
o.setAttribute("style", "")
o.getClientRects()
o = document.getElementById("test4")
o.setAttribute("style", "")
o.getClientRects()
o = document.getElementById("test5")
o.setAttribute("style", "")
o.getClientRects()
o = document.getElementById("test6")
o.setAttribute("style", "")
o.getClientRects()
o = document.getElementById("test7")
o.setAttribute("style", "display:contents")
o.getClientRects()
o = document.getElementById("test8")
o.setAttribute("style", "display:contents")
o.getClientRects()
o = document.getElementById("test9")
o.setAttribute("style", "display:contents")
o.getClientRects()
o.style.cssText = ""
o.getClientRects()
o = document.getElementById("test10")
o.setAttribute("style", "display:contents")
o.getClientRects()
o = document.getElementById("test11")
set = document.createDocumentFragment()
set.append(document.createElement("div"))
legend = document.createElement("legend")
legend.append(document.createTextNode("LEGEND"))
set.append(legend)
legend = document.createElement("legend")
legend.append(document.createTextNode("NOT LEGEND"))
set.append(legend)
o.append(set)
o.getClientRects()
o = document.getElementById("test12")
o.setAttribute("style", "")
o.getClientRects()
o = document.getElementById("test13")
o.setAttribute("style", "")
o.getClientRects()
}
</script>
<fieldset>
<fieldset id='test1'>
<legend>LEGEND</legend>
</fieldset>
</fieldset>
<fieldset>
<fieldset id='test2' style="display:contents">
<legend>LEGEND</legend>
</fieldset>
</fieldset>
<fieldset>
<legend>OUTER LEGEND</legend>
<fieldset id='test3' style="display:contents">
<legend>INNER LEGEND</legend>
</fieldset>
</fieldset>
<fieldset>
<fieldset style="display:contents">
<legend id='test4' style="display:contents">LEGEND</legend>
<legend>NOT LEGEND</legend>
</fieldset>
</fieldset>
<fieldset>
<legend>LEGEND</legend>
<fieldset style="display:contents">
<legend id='test5' style="display:contents">NOT LEGEND</legend>
</fieldset>
</fieldset>
<fieldset>
<legend id='test6' style="display:contents">LEGEND</legend>
<fieldset style="display:contents">
<legend>NOT LEGEND</legend>
</fieldset>
</fieldset>
<fieldset>
<div id='test7'><legend>LEGEND</legend></div>
<legend>NOT LEGEND</legend>
</fieldset>
<fieldset>
<fieldset style="display:contents">
<div id='test8'><legend>LEGEND</legend></div>
</fieldset>
</fieldset>
<fieldset>
<fieldset style="display:contents">
<div id='test9'><legend>NOT LEGEND</legend></div>
</fieldset>
</fieldset>
<fieldset>
<div style="display:contents"><legend id='test10'>NOT LEGEND</legend></div>
<legend>LEGEND</legend>
</fieldset>
<fieldset id='test11'></fieldset>
<fieldset>
<legend id='test12' style="display:none">LEGEND</legend>
</fieldset>
<fieldset>
<div style="display:contents"><legend id='test13' style="display:none">LEGEND</legend></div>
</fieldset>

60
tests/wpt/web-platform-tests/css/css-display/display-contents-fieldset-002-ref.html Normal file
View file

@ -0,0 +1,60 @@
<!DOCTYPE HTML>
<html><head>
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1140160">
<style>
fieldset { padding:0; }
span { display:block; width:10px; height:10px; background:lime; }
.contents { }
legend { border: 1px solid; }
.test2 legend { }
.test2 legend::after, .test3 legend::after { content:"legend"; }
.test2 legend.static, .test3 legend.static { display:block; }
.test2 legend.static::before, .test3 legend.static::before { content:"static "; }
.test2 legend.static::before { content:"static "; }
.after::after { content:"::after"; }
.before::before { content:"::before"; }
.nb legend.static { border: 1px solid; }
.nb legend { border-style:none; }
</style>
</head>
<body>
<fieldset><div class="test contents"></div></fieldset>
<fieldset><div class="test contents">x</div></fieldset>
<fieldset><div class="test contents after"></div></fieldset>
<fieldset><div class="test contents before"></div></fieldset>
<fieldset><div class="test contents before after"></div></fieldset>
<fieldset><span></span></fieldset>
<fieldset><span></span></fieldset>
<fieldset><span></span></fieldset>
<fieldset class="test2"></fieldset>
<fieldset class="test2 after"></fieldset>
<fieldset class="test2"><legend class="static"></legend></fieldset>
<fieldset class="test2"><legend class="static contents"></legend></fieldset>
<fieldset class="test2"><legend class="static"></legend></fieldset>
<fieldset class="test2"></fieldset>
<fieldset class="test3"></fieldset>
<fieldset class="test2"><legend class="static"></legend></fieldset>
<fieldset class="test3"><legend class="static"></legend></fieldset>
<script>
document.body.offsetHeight;
var tests = document.querySelectorAll('.test');
for (i=0; i < tests.length; ++i) {
test = tests[i];
test.appendChild(document.createElement('span'));
}
var tests = document.querySelectorAll('.test2');
for (i=0; i < tests.length; ++i) {
test = tests[i];
let span = document.createElement('dummy-inline');
span.innerHTML = "legend";
test.appendChild(span);
}
var tests = document.querySelectorAll('.test3');
for (i=0; i < tests.length; ++i) {
test = tests[i];
test.appendChild(document.createElement('legend'));
}
</script>
</body>
</html>

52
tests/wpt/web-platform-tests/css/css-display/display-contents-fieldset-002.html Normal file
View file

@ -0,0 +1,52 @@
<!DOCTYPE HTML>
<html><head>
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1140160">
<link rel="help" href="https://drafts.csswg.org/css-display/#box-generation">
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1140160">
<link rel="match" href="display-contents-fieldset-002-ref.html">
<style>
fieldset { padding:0; }
span { display:block; width:10px; height:10px; background:lime; }
.contents { display: contents; }
legend { border: 1px solid; }
.test2 legend { display:contents; }
.test2 legend::after, .test3 legend::after { content:"legend"; }
.test2 legend.static, .test3 legend.static { display:block; }
.test2 legend.static::before, .test3 legend.static::before { content:"static "; }
.after::after { content:"::after"; }
.before::before { content:"::before"; }
</style>
</head>
<body>
<fieldset><div class="test contents"></div></fieldset>
<fieldset><div class="test contents">x</div></fieldset>
<fieldset><div class="test contents after"></div></fieldset>
<fieldset><div class="test contents before"></div></fieldset>
<fieldset><div class="test contents before after"></div></fieldset>
<fieldset><legend class="test contents"></legend></fieldset>
<fieldset><div class="contents"><legend class="test contents"></legend></div></fieldset>
<fieldset><legend class="contents"><div class="test contents"></div></legend></fieldset>
<fieldset class="test2"></fieldset>
<fieldset class="test2 after"></fieldset>
<fieldset class="test2"><legend class="static"></legend></fieldset>
<fieldset class="test2"><legend class="static contents"></legend></fieldset>
<fieldset class="test2"><div class="contents"><legend class="static"></legend></div></fieldset>
<fieldset><div class="test2 contents"></div></fieldset>
<fieldset><div class="test3 contents"></div></fieldset>
<fieldset><div class="test2 contents"><legend class="static"></legend></div></fieldset>
<fieldset><div class="test3 contents"><legend class="static"></legend></div></fieldset>
<script>
document.body.offsetHeight;
var tests = document.querySelectorAll('.test');
for (i=0; i < tests.length; ++i) {
test = tests[i];
test.appendChild(document.createElement('span'));
}
var tests = document.querySelectorAll('.test2,.test3');
for (i=0; i < tests.length; ++i) {
test = tests[i];
test.appendChild(document.createElement('legend'));
}
</script>
</body>
</html>