Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-10-01 00:59:15 +01:00
Code Issues Projects Releases Packages Wiki Activity

Move transform_skew_a.html to wpt reftests.

Browse source
This commit is contained in:
Corey Farwell 2015-10-13 23:29:11 -04:00
parent 60000ea17c
commit 0ae55ed5cc
4 changed files with 25 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

24
tests/wpt/mozilla/meta/MANIFEST.json
View file

@ -603,6 +603,18 @@
"url": "/_mozilla/css/stacking_context_rtl.html"
}
],
"css/transform_skew_a.html": [
{
"path": "css/transform_skew_a.html",
"references": [
[
"/_mozilla/css/transform_skew_ref.html",
"=="
]
],
"url": "/_mozilla/css/transform_skew_a.html"
}
],
"css/transform_stacking_context_a.html": [
{
"path": "css/transform_stacking_context_a.html",
@ -2036,6 +2048,18 @@
"url": "/_mozilla/css/stacking_context_rtl.html"
}
],
"css/transform_skew_a.html": [
{
"path": "css/transform_skew_a.html",
"references": [
[
"/_mozilla/css/transform_skew_ref.html",
"=="
]
],
"url": "/_mozilla/css/transform_skew_a.html"
}
],
"css/transform_stacking_context_a.html": [
{
"path": "css/transform_stacking_context_a.html",

52
tests/wpt/mozilla/tests/css/transform_skew_a.html Normal file
View file

@ -0,0 +1,52 @@
<!DOCTYPE html>
<html>
<head>
<link rel='match' href='transform_skew_ref.html'>
<style>
div {
height: 150px;
width: 150px;
}
div>div {
background-color: blue;
}
.container {
border: 1px solid black;
margin: 20px;
}
.transformed1 {
transform: skewX(0.3rad);
}
.transformed2 {
transform: skewY(0.5rad);
}
.transformed3 {
transform: skew(0.3rad, 0.5rad);
}
</style>
</head>
<body>
<p>
<div class="container">
<div class="transformed1"></div>
</div>
</p>
<p>
<div class="container">
<div class="transformed2"></div>
</div>
</p>
<p>
<div class="container">
<div class="transformed3"></div>
</div>
</p>
</body>
</html>

52
tests/wpt/mozilla/tests/css/transform_skew_ref.html Normal file
View file

@ -0,0 +1,52 @@
<!DOCTYPE html>
<html>
<head>
<style>
div {
height: 150px;
width: 150px;
}
div>div {
background-color: blue;
}
.container {
border: 1px solid black;
margin: 20px;
}
.transformed1_ref {
transform: matrix(1, 0, 0.30933624961, 1, 0, 0);
}
.transformed2_ref {
transform: matrix(1, 0.54630248984, 0, 1, 0, 0);
}
.transformed3_ref {
transform: matrix(1, 0.54630248984, 0.30933624961, 1, 0, 0);
}
</style>
</head>
<body>
<p>
<div class="container">
<div class="transformed1_ref"></div>
</div>
</p>
<p>
<div class="container">
<div class="transformed2_ref"></div>
</div>
</p>
<p>
<div class="container">
<div class="transformed3_ref"></div>
</div>
</p>
</body>
</html>