mirror of
https://github.com/servo/servo.git
synced 2025-08-03 12:40:06 +01:00
Update web-platform-tests to revision cdd3b613e1e108d805ae9441e9827777f1d7072c
This commit is contained in:
parent
4edd1590f4
commit
e6a0d5b0bd
163 changed files with 7225 additions and 191 deletions
|
@ -0,0 +1,39 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>Animation composite order</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-animations-2/#animation-composite-order">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="support/testcommon.js"></script>
|
||||
<style>
|
||||
@keyframes margin50 {
|
||||
from {
|
||||
margin-left: 50px;
|
||||
}
|
||||
to {
|
||||
margin-left: 50px;
|
||||
}
|
||||
}
|
||||
@keyframes margin100 {
|
||||
from {
|
||||
margin-left: 100px;
|
||||
}
|
||||
to {
|
||||
margin-left: 100px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div id="log"</div>
|
||||
<script>
|
||||
'use strict';
|
||||
|
||||
promise_test(async t => {
|
||||
const div = addDiv(t);
|
||||
div.style.animation = 'margin100 100s';
|
||||
assert_equals(getComputedStyle(div).marginLeft, '100px');
|
||||
div.style.animation = 'margin50 100s, margin100 100s';
|
||||
// The margin should be unaffected by margin50 since it is named earlier
|
||||
// in the animation list.
|
||||
assert_equals(getComputedStyle(div).marginLeft, '100px');
|
||||
}, "Animations are composited by their order in the animation-name property.");
|
||||
</script>
|
Loading…
Add table
Add a link
Reference in a new issue