mozilla
/
gecko-dev
зеркало из https://github.com/mozilla/gecko-dev.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

Bug 1510030 - A reftest to make sure a background color animation is properly advanced without flushing. r=boris 

Differential Revision: https://phabricator.services.mozilla.com/D63606

--HG--
extra : moz-landing-system : lando
This commit is contained in:
Hiroyuki Ikezoe 2020-02-27 02:05:43 +00:00
Родитель d452f81282
Коммит ee2bc06eb8
3 изменённых файлов: 33 добавлений и 0 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

9
layout/reftests/css-animations/background-color-ref.html Normal file
Просмотреть файл

@ -0,0 +1,9 @@
<!DOCTYPE HTML>
<style>
#target {
width: 100px;
height: 100px;
background-color: green;
}
</style>
<div id="target"></div>

23
layout/reftests/css-animations/background-color.html Normal file
Просмотреть файл

@ -0,0 +1,23 @@
<!DOCTYPE HTML>
<html class="reftest-wait reftest-no-flush">
<style>
@keyframes anim {
from { background-color: green; }
to { background-color: red; }
}
#target {
width: 100px;
height: 100px;
background-color: black;
}
</style>
<div id="target"></div>
<script>
document.addEventListener("MozReftestInvalidate", () => {
target.style.animation = "anim 100s step-end reverse";
target.addEventListener("animationstart", () => {
document.documentElement.classList.remove("reftest-wait");
});
});
</script>
</html>

1
layout/reftests/css-animations/reftest.list
Просмотреть файл

@ -82,3 +82,4 @@ pref(layout.css.marker.restricted,false) == marker-reframe-and-animation-starts-
== opacity-animation-in-delay.html about:blank
== transform-animation-in-delay.html transform-animation-in-delay-ref.html
== containing-block-on-visibility-hidden.html containing-block-on-visibility-hidden-ref.html
== background-color.html background-color-ref.html