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

Update web-platform-tests to revision ac4274136e9a034628a3a469890c8e37babbc902

Browse source
This commit is contained in:
WPT Sync Bot 2018-12-14 20:35:55 -05:00
parent c9229f3f99
commit b0862d9cc1
68 changed files with 2064 additions and 135 deletions
Download patch file Download diff file Expand all files Collapse all files

39
tests/wpt/web-platform-tests/css/css-transitions/transition-reparented.html Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Transition should cancel when an element is reparented</title>
<link rel="help" href="https://www.w3.org/TR/css-transitions-1/#starting">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
.animated-div {
margin-left: 100px;
transition: margin-left 10s -5s linear;
}
</style>
<div id="parent1">
<div id="target" class='animated-div'></div>
</div>
<div id="parent2"></div>
<script>
'use strict';
test(t => {
assert_equals(getComputedStyle(target).marginLeft, '100px');
target.style.marginLeft = '200px';
// Because the start delay is -50% of the transition duration, we should
// immediately be (approximately) at the halfway point. What we really care
// about checking is that the transition has started but has not ended.
assert_not_equals(getComputedStyle(target).marginLeft, '100px');
assert_not_equals(getComputedStyle(target).marginLeft, '200px');
// Now change the target's parent. This should cancel the transition and
// skip straight to the end state.
parent2.appendChild(target);
assert_equals(getComputedStyle(target).marginLeft, '200px');
}, 'When an element is reparented, any CSS Transition on it should be cancelled');
</script>