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

Update web-platform-tests to revision b'1d9b01e2fad6af3a057d571b1e088e15fa9bc8e6'

Browse source
This commit is contained in:
WPT Sync Bot 2023-04-07 01:27:34 +00:00
parent cfef75c99b
commit bb34f95b33
1683 changed files with 37170 additions and 4252 deletions
Download patch file Download diff file Expand all files Collapse all files

32
tests/wpt/web-platform-tests/css/css-transitions/transition-events-with-document-change.html Normal file
View file

@ -0,0 +1,32 @@
<!DOCTYPE html>
<title>CSS Transitions: transition events for an element changing document</title>
<link rel="help" href="https://drafts.csswg.org/css-transitions">
<script src="/resources/testharness.js" type="text/javascript"></script>
<script src="/resources/testharnessreport.js" type="text/javascript"></script>
<div id="target"></div>
<iframe src="about:blank"></iframe>
<script>
promise_test(async () => {
const target = document.getElementById("target");
target.style.transition = "margin-left 100ms";
const transitionMarginLeft = async value => {
getComputedStyle(target).marginLeft;
target.style.marginLeft = value;
await target.getAnimations()[0].ready;
}
// start an initial transition.
await transitionMarginLeft("100px");
// move the target to new frame, this should cancel the transition.
const transitionWasCanceled = new Promise(resolve => target.addEventListener("transitioncancel", resolve, { once: true }));
document.querySelector("iframe").contentDocument.body.appendChild(target);
await transitionWasCanceled;
// Start a new transition and ensure it triggers a transitionend event.
const transitionEnded = new Promise(resolve => target.addEventListener("transitionend", resolve, { once: true }));
await transitionMarginLeft("0px");
await transitionEnded;
}, "transition events for an element changing document");
</script>