Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-07 14:35:33 +01:00
Code Issues Projects Releases Packages Wiki Activity

Add tests for rotation animation

Browse source
This commit is contained in:
Michael Howell 2016-06-26 09:10:31 -07:00
parent e10288ec1c
commit cab6260c32
3 changed files with 61 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -4516,6 +4516,18 @@
"url": "/_mozilla/css/root_pseudo_a.html" "url": "/_mozilla/css/root_pseudo_a.html"
} }
], ],
"css/rotate_anim.html": [
{
"path": "css/rotate_anim.html",
"references": [
[
"/_mozilla/css/rotate_anim_ref.html",
"=="
]
],
"url": "/_mozilla/css/rotate_anim.html"
}
],
"css/rtl_body.html": [ "css/rtl_body.html": [
{ {
"path": "css/rtl_body.html", "path": "css/rtl_body.html",
@ -11604,6 +11616,18 @@
"url": "/_mozilla/css/root_pseudo_a.html" "url": "/_mozilla/css/root_pseudo_a.html"
} }
], ],
"css/rotate_anim.html": [
{
"path": "css/rotate_anim.html",
"references": [
[
"/_mozilla/css/rotate_anim_ref.html",
"=="
]
],
"url": "/_mozilla/css/rotate_anim.html"
}
],
"css/rtl_body.html": [ "css/rtl_body.html": [
{ {
"path": "css/rtl_body.html", "path": "css/rtl_body.html",

26
tests/wpt/mozilla/tests/css/rotate_anim.html Normal file
View file

@ -0,0 +1,26 @@
<!doctype html>
<html>
<meta charset="utf-8">
<title>Rotation transformation</title>
<link rel="match" href="rotate_anim_ref.html">
<style>
div {
padding: 200px;
transform: rotate(90deg);
transition: transform 0s linear;
}
div.active {
transform: rotate(180deg);
}
</style>
<div>Hello Servo!</div>
<script>
var html = document.getElementsByTagName("html")[0];
var div = document.getElementsByTagName("div")[0];
requestAnimationFrame(function() {
div.className = "active";
requestAnimationFrame(function() {});
});
</script>

11
tests/wpt/mozilla/tests/css/rotate_anim_ref.html Normal file
View file

@ -0,0 +1,11 @@
<!DOCTYPE html>
<title>Rotation transformation reference</title>
<style>
div {
padding: 200px;
transform: rotate(180deg);
transition: transform 1s linear;
}
</style>
<div>Hello Servo!</div>