mirror of
https://github.com/servo/servo.git
synced 2025-08-14 01:45:33 +01:00
Update web-platform-tests to revision 9a5d71b326166e12784bdd9d161772e20f87c1fd
This commit is contained in:
parent
f7630dad87
commit
4ae3d09ff3
86 changed files with 2739 additions and 640 deletions
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Containment Test: contain is not animatable</title>
|
||||
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-contain/#contain-property">
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
|
||||
<meta name=assert content="the contain property is not animatable">
|
||||
<style>
|
||||
div {
|
||||
border: 50px solid green;
|
||||
background: red;
|
||||
position: absolute; /* for shrinkwrap */
|
||||
contain: strict;
|
||||
|
||||
animation-duration: 1s;
|
||||
animation-name: bad;
|
||||
animation-play-state: paused;
|
||||
|
||||
font-size: 100px;
|
||||
}
|
||||
|
||||
@keyframes bad {
|
||||
from {
|
||||
contain: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
<div> </div>
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
<!doctype html>
|
||||
<html lang=en>
|
||||
<meta charset=utf-8>
|
||||
<title>CSS-contain test: layout containment and baselines</title>
|
||||
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<meta name=assert content="With contain:layout, for the purpose of the vertical-align property, the containing element is treated as having no baseline.">
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
|
||||
<link rel=help href="https://drafts.csswg.org/css-contain-1/#containment-layout">
|
||||
<meta name="flags" content="">
|
||||
|
||||
<style>
|
||||
#red {
|
||||
position: absolute;
|
||||
background: red;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
z-index: -1;
|
||||
}
|
||||
.green {
|
||||
display: inline-block;
|
||||
height: 100px;
|
||||
background: green;
|
||||
width: 50px;
|
||||
contain: layout;
|
||||
color: transparent;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
<div id=red></div>
|
||||
<div class=green></div><div class=green>a</div>
|
|
@ -0,0 +1,24 @@
|
|||
<!doctype html>
|
||||
<html lang=en>
|
||||
<meta charset=utf-8>
|
||||
<title>CSS-contain test: paint containment and baselines</title>
|
||||
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<meta name=assert content="contain:paint does not suppress baseline alignment">
|
||||
<link rel="match" href="reference/contain-baseline-ref.html">
|
||||
<link rel=help href="https://drafts.csswg.org/css-contain-1/#containment-paint">
|
||||
<meta name="flags" content="">
|
||||
|
||||
<style>
|
||||
div {
|
||||
display: inline-block;
|
||||
height: 5px;
|
||||
background: blue;
|
||||
width: 50px;
|
||||
contain: paint;
|
||||
color: transparent;
|
||||
font-size: 100px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there are two, not one, blue lines below.</p>
|
||||
<div></div><div>a</div>
|
|
@ -0,0 +1,24 @@
|
|||
<!doctype html>
|
||||
<html lang=en>
|
||||
<meta charset=utf-8>
|
||||
<title>CSS-contain test: size containment and baselines</title>
|
||||
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<meta name=assert content="contain:size does not suppress baseline alignment">
|
||||
<link rel="match" href="reference/contain-baseline-ref.html">
|
||||
<link rel=help href="https://drafts.csswg.org/css-contain-1/#containment-size">
|
||||
<meta name="flags" content="">
|
||||
|
||||
<style>
|
||||
div {
|
||||
display: inline-block;
|
||||
height: 5px;
|
||||
background: blue;
|
||||
width: 50px;
|
||||
contain: size;
|
||||
color: transparent;
|
||||
font-size: 100px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there are two, not one, blue lines below.</p>
|
||||
<div></div><div>a</div>
|
|
@ -0,0 +1,24 @@
|
|||
<!doctype html>
|
||||
<html lang=en>
|
||||
<meta charset=utf-8>
|
||||
<title>CSS-contain test: style containment and baselines</title>
|
||||
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<meta name=assert content="contain:style does not suppress baseline alignment">
|
||||
<link rel="match" href="reference/contain-baseline-ref.html">
|
||||
<link rel=help href="https://drafts.csswg.org/css-contain-1/#containment-style">
|
||||
<meta name="flags" content="">
|
||||
|
||||
<style>
|
||||
div {
|
||||
display: inline-block;
|
||||
height: 5px;
|
||||
background: blue;
|
||||
width: 50px;
|
||||
contain: style;
|
||||
color: transparent;
|
||||
font-size: 100px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there are two, not one, blue lines below.</p>
|
||||
<div></div><div>a</div>
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<html lang=en>
|
||||
<meta charset=utf-8>
|
||||
<title>CSS test reference</title>
|
||||
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<style>
|
||||
div {
|
||||
display: inline-block;
|
||||
height: 5px;
|
||||
background: blue;
|
||||
width: 50px;
|
||||
color: transparent;
|
||||
font-size: 100px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there are two, not one, blue lines below.</p>
|
||||
<div></div><div>a</div>
|
Loading…
Add table
Add a link
Reference in a new issue