mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-26 03:35:33 +00:00
ffc4667148
This was a test case for bug 1379203 (Google Inbox issue), but to pass this test also needs the fix in this series to cancel animations when changing animation-name to 'none' in the specified CSS rule. Actually the fix in this series also fixes the Google Inbox issue so that this test can pass without the fix for the Google Inbox issue. But even so without the fix for bug 1379203, the style data for the first div element in this test is cached and the second div element uses the cached data. MozReview-Commit-ID: GfKSDfTZef4 --HG-- extra : rebase_source : caad72ed69e4ebeec8b8cad25949ea69e3bb652e
27 lines
582 B
HTML
27 lines
582 B
HTML
<!DOCTYPE html>
|
|
<html class="reftest-wait">
|
|
<style>
|
|
.animation {
|
|
animation: anim 100s forwards;
|
|
}
|
|
@keyframes anim {
|
|
0% { background-color: red; }
|
|
100% { background-color: red; }
|
|
}
|
|
div {
|
|
background-color: green;
|
|
width: 100px;
|
|
height: 100px;
|
|
}
|
|
</style>
|
|
<div class="animation"></div>
|
|
<div class="animation"></div>
|
|
<script>
|
|
document.addEventListener('MozReftestInvalidate', () => {
|
|
requestAnimationFrame(() => {
|
|
document.styleSheets[0].cssRules[0].style.animationName = 'none';
|
|
document.documentElement.classList.remove('reftest-wait');
|
|
});
|
|
}, false);
|
|
</script>
|