Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-06-24 00:54:32 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests and CSS tests.

Browse source 
- Update CSS tests to revision e05bfd5e30ed662c2f8a353577003f8eed230180.
- Update web-platform-tests to revision a052787dd5c069a340031011196b73affbd68cd9.
This commit is contained in:
Ms2ger 2017-02-06 11:06:12 +01:00
parent fb4f421c8b
commit 296fa2512b
21852 changed files with 2080936 additions and 892894 deletions
Download patch file Download diff file Expand all files Collapse all files

2
tests/wpt/css-tests/css-transforms-1_dev/html/reference/2d-rotate-notref.htm
View file

@ -29,7 +29,7 @@
<p>You should only see one block with color green, and you should not see any red</p>
<section>
<article></article>
<svg width="300" version="1.1" xmlns:xmlns="http://www.w3.org/2000/svg" height="200">
<svg height="200" width="300" version="1.1" xmlns:xmlns="http://www.w3.org/2000/svg">
<style type="text/css">
rect{
stroke-width: 10;

2
tests/wpt/css-tests/css-transforms-1_dev/html/reference/2d-rotate-ref.htm
View file

@ -15,7 +15,7 @@
<body>
<p>You should only see one block with color green, and you should not see any red</p>
<section>
<svg width="300" version="1.1" xmlns:xmlns="http://www.w3.org/2000/svg" height="200">
<svg height="200" width="300" version="1.1" xmlns:xmlns="http://www.w3.org/2000/svg">
<style type="text/css">
rect{
stroke-width: 10;

39
tests/wpt/css-tests/css-transforms-1_dev/html/reference/background-attachment-fixed-inside-transform-1-ref.htm Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<title>CSS Background: background-attachment: background-attachment:fixed inside a transform</title>
<link href="mailto:botond@mozilla.com" rel="author" title="Botond Ballo">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<style type="text/css">
body {
height: 4000px;
margin: 0;
}
#outer {
margin: 200px;
height: 700px;
width: 300px;
transform: rotate(45deg);
overflow: hidden;
}
#inner {
height: 700px;
background-image: radial-gradient(farthest-corner at center, blue, black);
background-size: 300px 300px;
background-position: 200px 200px;
background-color: lime;
background-repeat: no-repeat;
background-attachment: scroll;
}
</style>
</head>
<body>
<div id="outer">
<div id="inner">
</div>
</div>
</body></html>

2
tests/wpt/css-tests/css-transforms-1_dev/html/reference/containing-block-dynamic-1-ref.htm
View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS transforms: Creating containing block for fixed positioned elements</title>
<link href="http://dbaron.org/" rel="author" title="L. David Baron">
<link href="https://dbaron.org/" rel="author" title="L. David Baron">
<link href="http://www.mozilla.org/" rel="author" title="Mozilla">
<style>
html, body { margin: 0; padding: 0 }

14
tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-rotateX-ref.htm
View file

@ -5,23 +5,19 @@
<link href="http://www.intel.com" rel="author" title="Intel">
<style>
div {
left: 20px;
position: absolute;
top: 35px;
}
div.greensquare {
background-color: green;
border: 5px solid black;
border: 20px solid black;
height: 120px;
left: 15px;
top: 90px;
left: 60px;
position: absolute;
top: 60px;
width: 120px;
}
</style>
</head>
<body>
<p>Test passes if there is a green square with black border around, and no any red.</p>
<div class="greensquare"></div>
<div></div>
</body></html>

27
tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-rotateY-ref.htm
View file

@ -1,27 +0,0 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<title>CSS Transforms rotateX Reference</title>
<link href="http://www.intel.com" rel="author" title="Intel">
<style>
div {
left: 10px;
position: absolute;
top: 50px;
}
div.greensquare {
background-color: green;
border: 5px solid black;
height: 120px;
left: 65px;
top: 45px;
width: 120px;
}
</style>
</head>
<body>
<p>Test passes if there is a green square with black border around, and no any red.</p>
<div class="greensquare"></div>
</body></html>

31
tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-rotateZ-ref.htm
View file

@ -5,37 +5,18 @@
<link href="http://www.intel.com" rel="author" title="Intel">
<style>
div {
height: 240px;
left: 70px;
background-color: green;
height: 100px;
left: 80px;
position: absolute;
top: 100px;
width: 240px;
}
div.origin {
background-color: green;
}
div.redsquare {
background-color: red;
height: 60px;
left: 70px;
top: 190px;
width: 240px;
}
div.greensquare {
background-color: green;
height: 240px;
left: 160px;
top: 100px;
width: 60px;
transform: rotate3d(0,0,1,90deg);
top: 80px;
width: 100px;
}
</style>
</head>
<body>
<p>Test passes if there is a green square and no red.</p>
<div class="origin"></div>
<div class="redsquare"></div>
<div class="greensquare"></div>
<div></div>
</body></html>

33
tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-transform-style-ref.htm
View file

@ -8,33 +8,30 @@
position: absolute;
}
div.container {
background-color: gray;
height: 200px;
left: 65px;
top: 45px;
width: 200px;
height: 100px;
top: 60px;
width: 400px;
}
div.blue {
background-color: blue;
height: 180px;
width: 90px;
left: 120px;
top: 55px;
height: 100px;
left: 200px;
width: 100px;
}
div.greensquare {
div.green {
background-color: green;
height: 180px;
left: 140px;
top: 55px;
width: 90px;
height: 100px;
left: 100px;
width: 100px;
}
</style>
</head>
<body>
<p>Test passes if there is a gray square with <b>one blue</b> and <b>one green</b> box inside, and no any red.</p>
<div class="container"></div>
<div class="blue"></div>
<div class="greensquare"></div>
<p>Test passes if there is a <b>green</b> square and a <b>blue</b> square, and no any <b>red</b>.</p>
<div class="container">
<div class="blue"></div>
<div class="green"></div>
</div>
</body></html>

18
tests/wpt/css-tests/css-transforms-1_dev/html/reference/css3-transform-rotateY-ref.htm
View file

@ -2,21 +2,21 @@
<html><head>
<title>CSS Transforms Test: transform property with rotateY function</title>
<link href="mailto:codedancerhua@gmail.com" rel="author" title="Noah Lu">
<link href="http://www.w3.org/TR/css3-transform#transform-property" rel="help">
<link href="http://www.w3.org/TR/css-transforms-1/#funcdef-rotate" rel="help">
<style type="text/css">
.green{
width: 140px;
height: 200px;
background-color:green;
div {
height: 100px;
position: absolute;
top: 50px;
left:80px;
top: 80px;
}
.green {
background-color: green;
left: 80px;
width: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green rectangle and no red.</p>
<p>The test passes if there is a green square and no red.</p>
<div class="green"></div>

2
tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_45deg-ref.htm
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Reference File</title>
<link href="xiatian@ebay.com" rel="author" title="Ebay Inc.">
<link href="mailto:xiatian@ebay.com" rel="author" title="Ebay Inc.">
<style type="text/css">
.container {
height: 100px;

2
tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_x_45deg-ref.htm
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Reference File</title>
<link href="xiatian@ebay.com" rel="author" title="Ebay Inc.">
<link href="mailto:xiatian@ebay.com" rel="author" title="Ebay Inc.">
<style type="text/css">
.container {
height: 100px;

2
tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_y_45deg-ref.htm
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Reference File</title>
<link href="xiatian@ebay.com" rel="author" title="Ebay Inc.">
<link href="mailto:xiatian@ebay.com" rel="author" title="Ebay Inc.">
<style type="text/css">
.container {
height: 100px;

2
tests/wpt/css-tests/css-transforms-1_dev/html/reference/skew-test1-ref.htm
View file

@ -24,7 +24,7 @@
<h4>
There should be a green block on the page.
</h4>
<svg version="1.1" xmlns:xmlns="http://www.w3.org/2000/svg">
<svg xmlns:xmlns="http://www.w3.org/2000/svg" version="1.1">
<polygon style="fill:lime" points="0,0 150,55 235,205 88,150"></polygon>
</svg>

4
tests/wpt/css-tests/css-transforms-1_dev/html/reference/support/support/README
View file

@ -1,4 +0,0 @@
The swatch-green.png file in this directory is really a RED swatch,
and the swatch-red.png file is really a green swatch.
This directory is used to test relative URIs.

21
tests/wpt/css-tests/css-transforms-1_dev/html/reference/transform-origin-013-ref.htm Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html><head><title>CSS Reftest Reference</title>
<link href="mailto:Ms2ger@gmail.com" rel="author" title="Ms2ger">
<style>
div {
margin-top: -2px;
width: 50px;
height: 100px;
float: left;
}
.fuchsia {
background: fuchsia;
}
.orange {
background: orange;
}
</style>
</head><body><p>The test passes if there is a vertical fuchsia stripe to the left of an orange stripe. You should see no red.</p>
<div class="fuchsia"></div>
<div class="orange"></div>
</body></html>

2
tests/wpt/css-tests/css-transforms-1_dev/html/reference/transform-propagate-inherit-boolean-ref.htm
View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html><head>
<title>CSS Reftest Reference</title>
<link href="http://dbaron.org/" rel="author" title="L. David Baron">
<link href="https://dbaron.org/" rel="author" title="L. David Baron">
<link href="mailto:ayg@aryeh.name" rel="author" title="Aryeh Gregor">
<style>
p {

1
tests/wpt/css-tests/css-transforms-1_dev/html/reference/transform3d-rotatex-ref.htm
View file

@ -3,6 +3,7 @@
<title>CSS Reftest Reference</title>
<link href="mailto:mwoodrow@mozilla.com" rel="author" title="Matt Woodrow">
<link href="mailto:ayg@aryeh.name" rel="author" title="Aryeh Gregor">
<link href="reference/transform-lime-square-ref.htm" rel="mismatch">
</head>
<body>
<div style="transform: rotatex(45deg); width: 100px; height: 100px;

2
tests/wpt/css-tests/css-transforms-1_dev/html/reference/translate-ref.htm
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Reference File</title>
<link href="xiatian@ebay.com" rel="author" title="Ebay Inc.">
<link href="mailto:xiatian@ebay.com" rel="author" title="Ebay Inc.">
<style type="text/css">
.container {
border: 1px solid gray;

2
tests/wpt/css-tests/css-transforms-1_dev/html/reference/ttwf-reftest-transform-skewx-001.htm
View file

@ -14,7 +14,7 @@
<body>
<p>The test passes if there is a green shape and no red.</p>
<div class="greenSquare">
<svg xmlns:xmlns="http://www.w3.org/2000/svg" xmlns:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" height="100px" width="200px" version="1.1" y="0px" x="0px" viewBox="0 0 200 100">
<svg xmlns:space="preserve" xmlns:xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="100px" width="200px" version="1.1" y="0px" x="0px" viewBox="0 0 200 100">
<polygon points="200,100 100,100 0,0 100,0 " fill="green"></polygon>
</svg>
</div>

2
tests/wpt/css-tests/css-transforms-1_dev/html/reference/ttwf-reftest-transform-skewy-001.htm
View file

@ -14,7 +14,7 @@
<body>
<p>The test passes if there is a green shape and no red.</p>
<div class="greenSquare">
<svg xmlns:xmlns="http://www.w3.org/2000/svg" xmlns:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" height="200px" width="100px" version="1.1" y="0px" x="0px" viewBox="0 0 100 200">
<svg xmlns:space="preserve" xmlns:xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="200px" width="100px" version="1.1" y="0px" x="0px" viewBox="0 0 100 200">
<polygon points="100,200 0,99.999 0,0 100,100 " fill="green"></polygon>
</svg>
</div>