зеркало из 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>
|
Загрузка…
Ссылка в новой задаче