Update web-platform-tests to revision 9a5d71b326166e12784bdd9d161772e20f87c1fd

This commit is contained in:
WPT Sync Bot 2018-09-07 21:37:42 -04:00
parent f7630dad87
commit 4ae3d09ff3
86 changed files with 2739 additions and 640 deletions

View file

@ -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>&nbsp;</div>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>