mirror of
https://github.com/servo/servo.git
synced 2025-08-07 06:25:32 +01:00
Add tests for #12554
This commit is contained in:
parent
6a37877734
commit
f70b8c750c
2 changed files with 40 additions and 0 deletions
|
@ -6138,6 +6138,12 @@
|
||||||
"url": "/_mozilla/css/animations/basic-linear-width.html"
|
"url": "/_mozilla/css/animations/basic-linear-width.html"
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
|
"css/animations/basic-transition.html": [
|
||||||
|
{
|
||||||
|
"path": "css/animations/basic-transition.html",
|
||||||
|
"url": "/_mozilla/css/animations/basic-transition.html"
|
||||||
|
}
|
||||||
|
],
|
||||||
"css/empty-keyframes.html": [
|
"css/empty-keyframes.html": [
|
||||||
{
|
{
|
||||||
"path": "css/empty-keyframes.html",
|
"path": "css/empty-keyframes.html",
|
||||||
|
|
34
tests/wpt/mozilla/tests/css/animations/basic-transition.html
Normal file
34
tests/wpt/mozilla/tests/css/animations/basic-transition.html
Normal file
|
@ -0,0 +1,34 @@
|
||||||
|
<!doctype html>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Transition test</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<style>
|
||||||
|
#check-me, #check-me-2 {
|
||||||
|
background-color: #F00;
|
||||||
|
width: 10px;
|
||||||
|
height: 10px;
|
||||||
|
transition: background-color 1s linear;
|
||||||
|
}
|
||||||
|
#check-me-2 {
|
||||||
|
background-color: #000;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<div id=check-me><span>a</span></div>
|
||||||
|
<script>
|
||||||
|
var div = document.getElementById('check-me');
|
||||||
|
var span = div.childNodes[0];
|
||||||
|
async_test(function(t) {
|
||||||
|
window.addEventListener('load', function() {
|
||||||
|
assert_equals(getComputedStyle(div).getPropertyValue('background-color'), 'rgb(255, 0, 0)');
|
||||||
|
div.id = "check-me-2";
|
||||||
|
requestAnimationFrame(function() {
|
||||||
|
var test = new window.TestBinding();
|
||||||
|
test.advanceClock(2000);
|
||||||
|
span.innerHTML = "a";
|
||||||
|
assert_equals(getComputedStyle(div).getPropertyValue('background-color'), 'rgb(0, 0, 0)');
|
||||||
|
t.done();
|
||||||
|
});
|
||||||
|
})
|
||||||
|
})
|
||||||
|
</script>
|
Loading…
Add table
Add a link
Reference in a new issue