forked from mirrors/gecko-dev
1cb21b84af
Automatic update from web-platform-testsUpdate style before computing current animations This allows CSS animations to be in a proper state for the call. Bug: 813908 Change-Id: Ibd3870432b0c6fc8cc1766fe5c8abec3263db879 Reviewed-on: https://chromium-review.googlesource.com/927322 Commit-Queue: Stephen McGruer <smcgruer@chromium.org> Reviewed-by: Robert Flack <flackr@chromium.org> Cr-Commit-Position: refs/heads/master@{#538799} wpt-commits: 96bff4707999fe178331a9a6818f14703a9ae217 wpt-pr: 9611 wpt-commits: 96bff4707999fe178331a9a6818f14703a9ae217 wpt-pr: 9611
34 lines
1.2 KiB
HTML
34 lines
1.2 KiB
HTML
<meta charset=utf-8>
|
|
<title>CSS Animations Test: requirement on pending style changes - getAnimations</title>
|
|
<link rel="help" href="https://drafts.csswg.org/css-animations-2/#requirements-on-pending-style-changes">
|
|
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
|
|
<style>
|
|
@keyframes anim {}
|
|
|
|
.animate {
|
|
animation: anim 10s;
|
|
}
|
|
</style>
|
|
|
|
<div id="target"></div>
|
|
|
|
<script>
|
|
test (t => {
|
|
assert_equals(target.getAnimations().length, 0, 'Test precondition.');
|
|
target.classList.add('animate');
|
|
assert_equals(target.getAnimations().length, 1,
|
|
'target.getAnimations() should include the CSS animation after animate class added.');
|
|
target.classList.remove('animate');
|
|
}, 'Animatable::getAnimations() should be able to see a style-created CSS animation immediately');
|
|
|
|
test(t => {
|
|
assert_equals(document.getAnimations().length, 0, 'Test precondition.');
|
|
target.classList.add('animate');
|
|
assert_equals(document.getAnimations().length, 1,
|
|
'document.getAnimations() should include the CSS animation after animate class added.');
|
|
target.classList.remove('animate');
|
|
}, 'Document::getAnimations() should be able to see a style-created CSS animation immediately');
|
|
</script>
|