зеркало из https://github.com/mozilla/gecko-dev.git
Bug 1824392 [wpt PR 39183] - WebKit export of https://bugs.webkit.org/show_bug.cgi?id=254401, a=testonly
Automatic update from web-platform-tests WebKit export of https://bugs.webkit.org/show_bug.cgi?id=254401 (#39183) -- wpt-commits: cb2b2f3bc52dd7c61057cead5bc42f1f72d6828e wpt-pr: 39183
This commit is contained in:
Родитель
b70d61889b
Коммит
93adddb24b
|
@ -0,0 +1,35 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Animations: animation should be canceled when a parent details element is closed</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-animations/">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="support/testcommon.js"></script>
|
||||
<style>
|
||||
|
||||
@keyframes anim {
|
||||
to { margin-left: 100px }
|
||||
}
|
||||
|
||||
</style>
|
||||
<div id="log"></div>
|
||||
<script>
|
||||
|
||||
promise_test(async t => {
|
||||
// create a <div> contained within a <details> element
|
||||
const details = addElement(t, "details", { "open": "open" });
|
||||
const div = addDiv(t);
|
||||
details.appendChild(div);
|
||||
|
||||
// start an animation on the <div>
|
||||
div.style.animation = 'anim 1s';
|
||||
const animation = div.getAnimations()[0];
|
||||
await animation.ready;
|
||||
|
||||
// ensure the animation running on the <div> is canceled as a result of closing the <details>
|
||||
const canceled = new Promise(resolve => animation.addEventListener("cancel", resolve));
|
||||
details.removeAttribute("open");
|
||||
await canceled;
|
||||
}, 'A CSS Animation running on an element within a <details> element is canceled after the <details> element is closed.');
|
||||
|
||||
</script>
|
Загрузка…
Ссылка в новой задаче