mirror of
https://github.com/servo/servo.git
synced 2025-06-23 16:44:33 +01:00
Update CSS tests to revision 0698c2aa9ead844b6d7d10eafb096cb1118e13ef
This commit is contained in:
Ms2ger
parent
9aa1b1e408
commit
35c74aecc2
11290 changed files with 92400 additions and 49214 deletions
|
|
@ -10,19 +10,19 @@
|
|||
top: 220px;
|
||||
left: 60px;
|
||||
}
|
||||
article{
|
||||
article{
|
||||
border: 10px solid green;
|
||||
display: block;
|
||||
height: 100px;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
z-index: 2;
|
||||
cursor:pointer;
|
||||
}
|
||||
}
|
||||
section article{
|
||||
transform: rotate(30deg);
|
||||
transform-origin: 19% 197%;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@
|
|||
</head>
|
||||
<body>
|
||||
<p>Test passes if you see a rotating green square on top of a static blue square and no red.</p>
|
||||
|
||||
|
||||
<div class="region">
|
||||
<div class="transformed flow rotate once">
|
||||
xxxxx<br>
|
||||
|
|
@ -34,4 +34,5 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -18,11 +18,12 @@
|
|||
</head>
|
||||
<body>
|
||||
<p>Test passes if you see a cube (with blue, teal and purple sides) inside a black-bordered rectangle and no red.</p>
|
||||
|
||||
|
||||
<div class="region">
|
||||
<div class="flow" id="container">
|
||||
<!-- A WebGL <canvas> will be created here, via script (see static-cube.js) -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -5,10 +5,10 @@
|
|||
<link href="mailto:rhauck@adobe.com" rel="reviewer" title="Rebecca Hauck">
|
||||
<style type="text/css">
|
||||
div{
|
||||
position: absolute;
|
||||
position: absolute;
|
||||
}
|
||||
.greenSquare {
|
||||
|
||||
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
|
|
|
|||
|
|
@ -7,15 +7,15 @@
|
|||
div {
|
||||
left: 20px;
|
||||
position: absolute;
|
||||
top: 35px;
|
||||
top: 35px;
|
||||
}
|
||||
div.greensquare {
|
||||
background-color: green;
|
||||
border: 5px solid black;
|
||||
height: 120px;
|
||||
left: 15px;
|
||||
top: 90px;
|
||||
width: 120px;
|
||||
top: 90px;
|
||||
width: 120px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
|
|
|||
|
|
@ -5,11 +5,11 @@
|
|||
<link href="http://www.intel.com" rel="author" title="Intel">
|
||||
<style>
|
||||
div {
|
||||
height: 240px;
|
||||
height: 240px;
|
||||
left: 70px;
|
||||
position: absolute;
|
||||
top: 100px;
|
||||
width: 240px;
|
||||
width: 240px;
|
||||
}
|
||||
div.origin {
|
||||
background-color: green;
|
||||
|
|
@ -19,14 +19,14 @@
|
|||
height: 60px;
|
||||
left: 70px;
|
||||
top: 190px;
|
||||
width: 240px;
|
||||
width: 240px;
|
||||
}
|
||||
div.greensquare {
|
||||
background-color: green;
|
||||
height: 240px;
|
||||
left: 160px;
|
||||
top: 100px;
|
||||
width: 60px;
|
||||
width: 60px;
|
||||
transform: rotate3d(0,0,1,90deg);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@
|
|||
height: 200px;
|
||||
left: 65px;
|
||||
top: 45px;
|
||||
width: 200px;
|
||||
width: 200px;
|
||||
}
|
||||
div.blue {
|
||||
background-color: blue;
|
||||
|
|
@ -34,7 +34,7 @@
|
|||
<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>
|
||||
<div class="greensquare"></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -9,12 +9,12 @@
|
|||
height:100px;
|
||||
background-color: green;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<div id="result"></div>
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -7,8 +7,8 @@
|
|||
<style type="text/css">
|
||||
.green{
|
||||
width: 140px;
|
||||
height: 200px;
|
||||
background-color:green;
|
||||
height: 200px;
|
||||
background-color:green;
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
left:80px;
|
||||
|
|
|
|||
|
|
@ -15,12 +15,12 @@
|
|||
height: 100px;
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if:</p>
|
||||
<ul>
|
||||
<ul>
|
||||
<li>The two squares each contain five green horizontal stripes</li>
|
||||
<li>There are two green horizontal stripes below the square on right</li>
|
||||
<li>There is no red</li>
|
||||
|
|
@ -32,4 +32,5 @@
|
|||
XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -23,8 +23,8 @@
|
|||
height: 100px;
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
#failure {
|
||||
position: absolute;
|
||||
left: 25px;
|
||||
|
|
@ -33,9 +33,9 @@
|
|||
background-color: red;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
|
@ -51,4 +51,5 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -18,7 +18,7 @@
|
|||
background-color:green;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
|
|
@ -26,4 +26,5 @@
|
|||
</div>
|
||||
<p>45 degree rotate on y axis</p>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -18,7 +18,7 @@
|
|||
background-color:green;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<p>There is one green area in the box</p>
|
||||
|
|
@ -26,4 +26,5 @@
|
|||
<div class="transformed"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -18,13 +18,14 @@
|
|||
background-color:green;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<p>There is one green area in the box</p>
|
||||
<div class="container">
|
||||
<div class="transformed"></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -9,7 +9,7 @@
|
|||
margin-left: 450px;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<p>You should see only 1 green area, no red area.</p>
|
||||
|
|
@ -17,4 +17,5 @@
|
|||
<div class="transformed"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -21,11 +21,12 @@
|
|||
margin-top: 150px;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<p>You should see only 1 green box.</p>
|
||||
<div class="container">
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -5,11 +5,11 @@
|
|||
<link href="mailto:mymygo@gmail.com" rel="author" title="Myriam Goude">
|
||||
<meta content="svg" name="flags">
|
||||
<style>
|
||||
|
||||
|
||||
h4 {clear:both;}
|
||||
|
||||
|
||||
/* Test 1 - skew on block types */
|
||||
|
||||
|
||||
svg {
|
||||
position:absolute;
|
||||
}
|
||||
|
|
@ -17,7 +17,7 @@
|
|||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<h3>
|
||||
Test 1 - Tests with degrees on block elements.
|
||||
</h3>
|
||||
|
|
@ -27,7 +27,7 @@
|
|||
<svg version="1.1" xmlns:xmlns="http://www.w3.org/2000/svg">
|
||||
<polygon style="fill:lime" points="0,0 150,55 235,205 88,150"></polygon>
|
||||
</svg>
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<rect width="100%" fill="green" height="100%"></rect>
|
||||
<rect width="100%" fill="green" height="100%"></rect>
|
||||
</svg>
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<rect width="100%" fill="green" height="100%"></rect>
|
||||
<rect width="100%" fill="green" height="100%"></rect>
|
||||
</svg>
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html><head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link href="mailto:ayg@aryeh.name" rel="author" title="Aryeh Gregor">
|
||||
<link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze"> <!-- 2012-04-17 -->
|
||||
<link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze"> <!-- 2012-04-17 -->
|
||||
<style>
|
||||
div {
|
||||
width: 200px;
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html><head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link href="mailto:ayg@aryeh.name" rel="author" title="Aryeh Gregor">
|
||||
<link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze"> <!-- 2012-04-17 -->
|
||||
<link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze"> <!-- 2012-04-17 -->
|
||||
<style>
|
||||
html {
|
||||
background: url(support/transform-triangle-up.svg);
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@
|
|||
top:100px;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<p style="margin-top:70px;">You should see only one green area, no red area.</p>
|
||||
|
|
@ -27,6 +27,7 @@
|
|||
<div class="inner">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue