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 4af6af604800559d2c58cf3561621ae43e28aaa8

Browse source
This commit is contained in:
WPT Sync Bot 2020-06-16 08:20:51 +00:00
parent 19c1f72eb2
commit 1a24e35f18
150 changed files with 3701 additions and 419 deletions
Download patch file Download diff file Expand all files Collapse all files

30
tests/wpt/web-platform-tests/css/css-transforms/transform-box/cssbox-border-box.html Normal file
View file

@ -0,0 +1,30 @@
<!DOCTYPE html>
<title>transform-box: border-box (CSS layout)</title>
<link rel="match" href="./reference/cssbox-ref.html">
<link rel="help" href="https://drafts.csswg.org/css-transforms-1/#transform-box">
<meta name="assert" content="This should display a square with a black bar at the top whose top-left corner is at 100,100."/>
<style>
#target {
width: 150px;
height: 200px;
margin-left: 300px;
margin-top: 100px;
background-color: green;
border-left: solid 50px black;
transform: rotate(90deg);
transform-origin: 0 0;
transform-box: border-box;
}
</style>
<div id="target"></div>
<div id="error"></div>
<script>
var refStyle = "border-box";
var compStyle = getComputedStyle(document.getElementById('target')).transformBox;
if (refStyle != compStyle)
document.getElementById('error').textContent = "Error, got computed style " + compStyle;
</script>

30
tests/wpt/web-platform-tests/css/css-transforms/transform-box/cssbox-content-box.html Normal file
View file

@ -0,0 +1,30 @@
<!DOCTYPE html>
<title>transform-box: content-box (CSS layout)</title>
<link rel="match" href="./reference/cssbox-ref.html">
<link rel="help" href="https://drafts.csswg.org/css-transforms-1/#transform-box">
<meta name="assert" content="This should display a square with a black bar at the top whose top-left corner is at 100,100."/>
<style>
#target {
width: 150px;
height: 200px;
margin-left: 300px;
margin-top: 100px;
background-color: green;
border-left: solid 50px black;
transform: rotate(90deg);
transform-origin: -50px 0;
transform-box: content-box;
}
</style>
<div id="target"></div>
<div id="error"></div>
<script>
var refStyle = "content-box";
var compStyle = getComputedStyle(document.getElementById('target')).transformBox;
if (refStyle != compStyle)
document.getElementById('error').textContent = "Error, got computed style " + compStyle;
</script>

30
tests/wpt/web-platform-tests/css/css-transforms/transform-box/cssbox-fill-box.html Normal file
View file

@ -0,0 +1,30 @@
<!DOCTYPE html>
<title>transform-box: fill-box (CSS layout)</title>
<link rel="match" href="./reference/cssbox-ref.html">
<link rel="help" href="https://drafts.csswg.org/css-transforms-1/#transform-box">
<meta name="assert" content="This should display a square with a black bar at the top whose top-left corner is at 100,100."/>
<style>
#target {
width: 150px;
height: 200px;
margin-left: 300px;
margin-top: 100px;
background-color: green;
border-left: solid 50px black;
transform: rotate(90deg);
transform-origin: -50px 0;
transform-box: fill-box; /* alias for content-box */
}
</style>
<div id="target"></div>
<div id="error"></div>
<script>
var refStyle = "fill-box";
var compStyle = getComputedStyle(document.getElementById('target')).transformBox;
if (refStyle != compStyle)
document.getElementById('error').textContent = "Error, got computed style " + compStyle;
</script>

29
tests/wpt/web-platform-tests/css/css-transforms/transform-box/cssbox-initial.html Normal file
View file

@ -0,0 +1,29 @@
<!DOCTYPE html>
<title>transform-box: initial (CSS layout)</title>
<link rel="match" href="./reference/cssbox-ref.html">
<link rel="help" href="https://drafts.csswg.org/css-transforms-1/#transform-box">
<meta name="assert" content="This should display a square with a black bar at the top whose top-left corner is at 100,100."/>
<style>
#target {
width: 150px;
height: 200px;
margin-left: 300px;
margin-top: 100px;
background-color: green;
border-left: solid 50px black;
transform: rotate(90deg);
transform-origin: 0 0;
}
</style>
<div id="target"></div>
<div id="error"></div>
<script>
var refStyle = "view-box";
var compStyle = getComputedStyle(document.getElementById('target')).transformBox;
if (refStyle != compStyle)
document.getElementById('error').textContent = "Error, got computed style " + compStyle;
</script>

30
tests/wpt/web-platform-tests/css/css-transforms/transform-box/cssbox-stroke-box.html Normal file
View file

@ -0,0 +1,30 @@
<!DOCTYPE html>
<title>transform-box: stroke-box (CSS layout)</title>
<link rel="match" href="./reference/cssbox-ref.html">
<link rel="help" href="https://drafts.csswg.org/css-transforms-1/#transform-box">
<meta name="assert" content="This should display a square with a black bar at the top whose top-left corner is at 100,100."/>
<style>
#target {
width: 150px;
height: 200px;
margin-left: 300px;
margin-top: 100px;
background-color: green;
border-left: solid 50px black;
transform: rotate(90deg);
transform-origin: 0 0;
transform-box: stroke-box; /* alias for border-box */
}
</style>
<div id="target"></div>
<div id="error"></div>
<script>
var refStyle = "stroke-box";
var compStyle = getComputedStyle(document.getElementById('target')).transformBox;
if (refStyle != compStyle)
document.getElementById('error').textContent = "Error, got computed style " + compStyle;
</script>

30
tests/wpt/web-platform-tests/css/css-transforms/transform-box/cssbox-view-box.html Normal file
View file

@ -0,0 +1,30 @@
<!DOCTYPE html>
<title>transform-box: view-box (CSS layout)</title>
<link rel="match" href="./reference/cssbox-ref.html">
<link rel="help" href="https://drafts.csswg.org/css-transforms-1/#transform-box">
<meta name="assert" content="This should display a square with a black bar at the top whose top-left corner is at 100,100."/>
<style>
#target {
width: 150px;
height: 200px;
margin-left: 300px;
margin-top: 100px;
background-color: green;
border-left: solid 50px black;
transform: rotate(90deg);
transform-origin: 0 0;
transform-box: view-box; /* acts like border-box on css boxes */
}
</style>
<div id="target"></div>
<div id="error"></div>
<script>
var refStyle = "view-box";
var compStyle = getComputedStyle(document.getElementById('target')).transformBox;
if (refStyle != compStyle)
document.getElementById('error').textContent = "Error, got computed style " + compStyle;
</script>

14
tests/wpt/web-platform-tests/css/css-transforms/transform-box/reference/cssbox-ref.html Normal file
View file

@ -0,0 +1,14 @@
<!DOCTYPE html>
<style>
#target {
width: 200px;
height: 150px;
margin-left: 100px;
margin-top: 100px;
background-color: green;
border-top: solid 50px black;
}
</style>
<div id="target"></div>

14
tests/wpt/web-platform-tests/css/css-transforms/transform-box/reference/svgbox-ref.html Normal file
View file

@ -0,0 +1,14 @@
<!DOCTYPE html>
<style>
#target {
fill: green;
stroke: black;
stroke-width: 50;
transform: none;
}
</style>
<svg width="400" height="300">
<path id="target" d="M 200 100 h -100 v 100 h 100"/>
</svg>

28
tests/wpt/web-platform-tests/css/css-transforms/transform-box/svgbox-border-box.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<title>transform-box: border-box (SVG layout)</title>
<link rel="match" href="./reference/svgbox-ref.html">
<link rel="help" href="https://drafts.csswg.org/css-transforms-1/#transform-box">
<meta name="assert" content="This should display a C shape with the center of the top endpoint at 200,100."/>
<style>
#target {
fill: green;
stroke: black;
stroke-width: 50;
transform-box: border-box; /* alias for stroke-box */
transform-origin: 25px 0px;
transform: rotate(90deg);
}
</style>
<svg width="400" height="300">
<path id="target" d="M 200 100 v 100 h 100 v -100"/>
</svg>
<div id="error"></div>
<script>
var refStyle = "border-box";
var compStyle = getComputedStyle(document.getElementById('target')).transformBox;
if (refStyle != compStyle)
document.getElementById('error').textContent = "Error, got computed style " + compStyle;
</script>

28
tests/wpt/web-platform-tests/css/css-transforms/transform-box/svgbox-content-box.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<title>transform-box: content-box (SVG layout)</title>
<link rel="match" href="./reference/svgbox-ref.html">
<link rel="help" href="https://drafts.csswg.org/css-transforms-1/#transform-box">
<meta name="assert" content="This should display a C shape with the center of the top endpoint at 200,100."/>
<style>
#target {
fill: green;
stroke: black;
stroke-width: 50;
transform-box: content-box; /* alias for fill-box */
transform-origin: 0px 0px;
transform: rotate(90deg);
}
</style>
<svg width="400" height="300">
<path id="target" d="M 200 100 v 100 h 100 v -100"/>
</svg>
<div id="error"></div>
<script>
var refStyle = "content-box";
var compStyle = getComputedStyle(document.getElementById('target')).transformBox;
if (refStyle != compStyle)
document.getElementById('error').textContent = "Error, got computed style " + compStyle;
</script>

28
tests/wpt/web-platform-tests/css/css-transforms/transform-box/svgbox-fill-box.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<title>transform-box: fill-box (SVG layout)</title>
<link rel="match" href="./reference/svgbox-ref.html">
<link rel="help" href="https://drafts.csswg.org/css-transforms-1/#transform-box">
<meta name="assert" content="This should display a C shape with the center of the top endpoint at 200,100."/>
<style>
#target {
fill: green;
stroke: black;
stroke-width: 50;
transform-box: fill-box;
transform-origin: 0px 0px;
transform: rotate(90deg);
}
</style>
<svg width="400" height="300">
<path id="target" d="M 200 100 v 100 h 100 v -100"/>
</svg>
<div id="error"></div>
<script>
var refStyle = "fill-box";
var compStyle = getComputedStyle(document.getElementById('target')).transformBox;
if (refStyle != compStyle)
document.getElementById('error').textContent = "Error, got computed style " + compStyle;
</script>

27
tests/wpt/web-platform-tests/css/css-transforms/transform-box/svgbox-initial.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<title>transform-box: initial (SVG layout)</title>
<link rel="match" href="./reference/svgbox-ref.html">
<link rel="help" href="https://drafts.csswg.org/css-transforms-1/#transform-box">
<meta name="assert" content="This should display a C shape with the center of the top endpoint at 200,100."/>
<style>
#target {
fill: green;
stroke: black;
stroke-width: 50;
transform-origin: 200px 100px;
transform: rotate(90deg);
}
</style>
<svg width="400" height="300">
<path id="target" d="M 200 100 v 100 h 100 v -100"/>
</svg>
<div id="error"></div>
<script>
var refStyle = "view-box";
var compStyle = getComputedStyle(document.getElementById('target')).transformBox;
if (refStyle != compStyle)
document.getElementById('error').textContent = "Error, got computed style " + compStyle;
</script>

28
tests/wpt/web-platform-tests/css/css-transforms/transform-box/svgbox-stroke-box.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<title>transform-box: stroke-box (SVG layout)</title>
<link rel="match" href="./reference/svgbox-ref.html">
<link rel="help" href="https://drafts.csswg.org/css-transforms-1/#transform-box">
<meta name="assert" content="This should display a C shape with the center of the top endpoint at 200,100."/>
<style>
#target {
fill: green;
stroke: black;
stroke-width: 50;
transform-box: stroke-box;
transform-origin: 25px 0px;
transform: rotate(90deg);
}
</style>
<svg width="400" height="300">
<path id="target" d="M 200 100 v 100 h 100 v -100"/>
</svg>
<div id="error"></div>
<script>
var refStyle = "stroke-box";
var compStyle = getComputedStyle(document.getElementById('target')).transformBox;
if (refStyle != compStyle)
document.getElementById('error').textContent = "Error, got computed style " + compStyle;
</script>

28
tests/wpt/web-platform-tests/css/css-transforms/transform-box/svgbox-view-box.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<title>transform-box: view-box (SVG layout)</title>
<link rel="match" href="./reference/svgbox-ref.html">
<link rel="help" href="https://drafts.csswg.org/css-transforms-1/#transform-box">
<meta name="assert" content="This should display a C shape with the center of the top endpoint at 200,100."/>
<style>
#target {
fill: green;
stroke: black;
stroke-width: 50;
transform-box: view-box;
transform-origin: 200px 100px;
transform: rotate(90deg);
}
</style>
<svg width="400" height="300">
<path id="target" d="M 200 100 v 100 h 100 v -100"/>
</svg>
<div id="error"></div>
<script>
var refStyle = "view-box";
var compStyle = getComputedStyle(document.getElementById('target')).transformBox;
if (refStyle != compStyle)
document.getElementById('error').textContent = "Error, got computed style " + compStyle;
</script>