Sharon Yang
0fb87af7bc
Automatic update from web-platform-tests Remove redundant -crash from crash tests The following tests are already in a crashtest/ directory, so having them end in '-crash' is redundant. Rename them to remove '-crash' from the end of the test name. Change-Id: I9842d706ea484b40b123155eab58a8bd359fa893 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/8023285 Commit-Queue: Sharon Yang <yangsharon@igalia.com> Reviewed-by: Christian Biesinger <cbiesinger@chromium.org> Cr-Commit-Position: refs/heads/main@{#1655135} -- wpt-commits: 3582abdc1082de164b0661b87bf1a85f20317b9c wpt-pr: 61011
46 lines
1.3 KiB
HTML
46 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html class="test-wait">
|
|
<meta charset="utf-8">
|
|
<title>Pause and resume animation should not crash</title>
|
|
<link rel="help" href="https://bugs.webkit.org/show_bug.cgi?id=67510">
|
|
<style>
|
|
.box {
|
|
height: 100px;
|
|
width: 100px;
|
|
margin: 10px;
|
|
background-color: blue;
|
|
animation-duration: 2s;
|
|
animation-direction: alternate;
|
|
animation-iteration-count: infinite;
|
|
}
|
|
|
|
@keyframes anim {
|
|
from { transform: matrix3d(1,0,0,0, 0,1,0,0, 0,0,1,0, 0,0,0,1); }
|
|
to { transform: matrix3d(1,0,0,0, 0,1,0,0, 0,0,1,0, 400,0,0,1); }
|
|
}
|
|
</style>
|
|
<div id="container">
|
|
<div id="box1" class="box"></div>
|
|
</div>
|
|
<script>
|
|
function animationStarted() {
|
|
requestAnimationFrame(() => {
|
|
document.getElementById('box1').style.animationPlayState = "paused";
|
|
requestAnimationFrame(() => {
|
|
document.getElementById('box1').style.animationPlayState = "running";
|
|
requestAnimationFrame(() => {
|
|
document.documentElement.classList.remove('test-wait');
|
|
});
|
|
});
|
|
});
|
|
}
|
|
|
|
function startTest() {
|
|
document.getElementById('box1').addEventListener('animationstart', animationStarted);
|
|
document.getElementById('box1').style.animationName = "anim";
|
|
}
|
|
|
|
window.addEventListener('load', startTest, false);
|
|
</script>
|
|
</html>
|