mirror of
https://github.com/servo/servo.git
synced 2025-08-06 06:00:15 +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"
|
||||
}
|
||||
],
|
||||
"css/animations/basic-transition.html": [
|
||||
{
|
||||
"path": "css/animations/basic-transition.html",
|
||||
"url": "/_mozilla/css/animations/basic-transition.html"
|
||||
}
|
||||
],
|
||||
"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