mirror of
https://github.com/servo/servo.git
synced 2025-08-11 00:15:32 +01:00
Update web-platform-tests to revision b'b728032f59a396243864b0f8584e7211e3632005'
This commit is contained in:
parent
ace9b32b1c
commit
df68c4e5d1
15632 changed files with 514865 additions and 155000 deletions
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>CSS Containment Test: Removing layout containment and contained positioned elements</title>
|
||||
|
||||
<style>
|
||||
.container {
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
}
|
||||
.box {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-color: green;
|
||||
}
|
||||
.fixed {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
.abspos {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="container">
|
||||
<div class="fixed box"></div>
|
||||
<div class="abspos box"></div>
|
||||
</div>
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Containment Test: Layout containment fixed positioned descendants</title>
|
||||
<style>
|
||||
#green {
|
||||
background: green;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
body {
|
||||
height: 3000px;
|
||||
margin: 0px;
|
||||
}
|
||||
#spacer {
|
||||
height: 200px;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
function runTest() {
|
||||
document.documentElement.scrollTop += 200;
|
||||
}
|
||||
</script>
|
||||
<body onload="runTest()">
|
||||
<div id="spacer"></div>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
<div id="green"></div>
|
||||
</body>
|
|
@ -18,8 +18,13 @@
|
|||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a) a blue square below a yellow square and b) an orange square on the righthand side of the yellow square.
|
||||
<p>Test passes if there is a) a blue square below a yellow square and b) an orange square below a blue square.
|
||||
|
||||
<div><img src="../support/swatch-yellow.png" width="100" height="100" alt="Image download support must be enabled"><br><img src="../support/swatch-blue.png" width="100" height="100" alt="Image download support must be enabled"></div>
|
||||
<div>
|
||||
<img src="../support/swatch-yellow.png" width="100" height="100" alt="Image download support must be enabled">
|
||||
<br>
|
||||
<img src="../support/swatch-blue.png" width="100" height="100" alt="Image download support must be enabled">
|
||||
<br>
|
||||
<img src="../support/swatch-orange.png" width="100" height="100" alt="Image download support must be enabled">
|
||||
</div>
|
||||
|
||||
<div><img src="../support/swatch-orange.png" width="100" height="100" alt="Image download support must be enabled"></div>
|
||||
|
|
|
@ -11,7 +11,7 @@
|
|||
{
|
||||
font-family: monospace;
|
||||
font-size: 100px;
|
||||
height: 2.8ch;
|
||||
height: 3em;
|
||||
overflow: scroll;
|
||||
width: 4ch;
|
||||
}
|
||||
|
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
|
||||
<title>CSS Reference Test</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<style>
|
||||
div
|
||||
{
|
||||
font-family: monospace;
|
||||
font-size: 100px;
|
||||
height: 2.8ch;
|
||||
overflow: scroll;
|
||||
width: 4ch;
|
||||
}
|
||||
</style>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is no red.
|
||||
|
||||
<div></div>
|
|
@ -0,0 +1,49 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Gerald Squelart" href="mailto:gsquelart@mozilla.com">
|
||||
<style>
|
||||
.basic {
|
||||
display: grid;
|
||||
border: 1em solid green;
|
||||
}
|
||||
.height-ref {
|
||||
height: 40px;
|
||||
background: lightblue;
|
||||
}
|
||||
.width-ref {
|
||||
width: 40px;
|
||||
}
|
||||
.floatLBasic-ref {
|
||||
float: left;
|
||||
}
|
||||
.floatLWidth-ref {
|
||||
float: left;
|
||||
width: 40px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="basic"></div>
|
||||
<br>
|
||||
|
||||
<div class="basic height-ref"></div>
|
||||
<br>
|
||||
|
||||
<div class="basic height-ref"></div>
|
||||
<br>
|
||||
|
||||
<div class="basic width-ref"></div>
|
||||
<br>
|
||||
|
||||
<div class="basic width-ref"></div>
|
||||
<br>
|
||||
|
||||
<div class="basic floatLBasic-ref"></div>
|
||||
<br>
|
||||
|
||||
<div class="basic floatLWidth-ref"></div>
|
||||
</body>
|
||||
</html>
|
|
@ -4,7 +4,7 @@
|
|||
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
|
||||
<style>
|
||||
select {
|
||||
color: white;
|
||||
color: transparent;
|
||||
background: white;
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<style>
|
||||
.contain {
|
||||
float: right;
|
||||
clear: both;
|
||||
}
|
||||
.reset { counter-reset: c;}
|
||||
.increment:before { content: counters(c, ""); }
|
||||
.increment { counter-increment: c; }
|
||||
</style>
|
||||
<body>
|
||||
<div>1</div>
|
||||
<div class="contain">
|
||||
<div>1</div>
|
||||
<div>1</div>
|
||||
</div>
|
||||
<div>2</div>
|
||||
<div class="contain">
|
||||
<div>1</div>
|
||||
<div>2</div>
|
||||
</div>
|
||||
<div>3</div>
|
|
@ -4,5 +4,5 @@
|
|||
<title>CSS-contain test reference</title>
|
||||
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
|
||||
<p>Test passes if the text below is "A9Z" (not including the quotation marks).<p>
|
||||
<div>A9Z</span></div>
|
||||
<p>Test passes if the text below is "AZZ" (not including the quotation marks).<p>
|
||||
<div>AZZ</span></div>
|
||||
|
|
|
@ -0,0 +1,12 @@
|
|||
<!doctype html>
|
||||
<html lang=en>
|
||||
<meta charset=utf-8>
|
||||
<title>CSS-contain test: nested style containment and the quote element following a style boundary without any quotes</title>
|
||||
<link rel="author" title="Martin Robinson" href="mailto:mrobinson@igalia.com">
|
||||
<link rel=help href="https://drafts.csswg.org/css-contain-1/#containment-style">
|
||||
|
||||
<div>
|
||||
<div>
|
||||
<q></q>
|
||||
</div>
|
||||
</div>
|
Loading…
Add table
Add a link
Reference in a new issue