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

Bug 1910514 [wpt PR 47348] - WebKit export of https://bugs.webkit.org/show_bug.cgi?id=277303, a=testonly 

Automatic update from web-platform-tests
WebKit export: REGRESSION (276531@main): State dropdown is invisible, unable to send feedback via Bunnings.com.au (#47348)

https://bugs.webkit.org/show_bug.cgi?id=277303
--

wpt-commits: 9b455c5e34be286ee4de66347782108645aefe6d
wpt-pr: 47348
This commit is contained in:
Tim Nguyen 2024-07-30 15:56:31 +00:00 коммит произвёл moz-wptsync-bot
Родитель 0f1559436e
Коммит 1381f122e9
3 изменённых файлов: 90 добавлений и 5 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

20
testing/web-platform/tests/css/css-animations/display-none-dont-cancel.tentative.html
Просмотреть файл

@ -17,7 +17,9 @@
}
</style>
<script>
promise_test(async () => {
promise_test(async (t) => {
t.add_cleanup(() => target1.classList.remove('animate1'));
let numAnimationstartFired = 0;
target1.addEventListener('animationstart', () => numAnimationstartFired++);
@ -46,7 +48,9 @@ promise_test(async () => {
}
</style>
<script>
promise_test(async () => {
promise_test(async (t) => {
t.add_cleanup(() => target2.classList.remove('animate2'));
let numAnimationstartFired = 0;
target2.addEventListener('animationstart', () => numAnimationstartFired++);
@ -72,7 +76,9 @@ promise_test(async () => {
}
</style>
<script>
promise_test(async () => {
promise_test(async (t) => {
t.add_cleanup(() => target3.classList.remove('animate3'));
let numAnimationstartFired = 0;
target3.addEventListener('animationstart', () => numAnimationstartFired++);
@ -101,7 +107,9 @@ promise_test(async () => {
}
</style>
<script>
promise_test(async () => {
promise_test(async (t) => {
t.add_cleanup(() => target4.classList.remove('animate4'));
let numAnimationstartFired = 0;
target4.addEventListener('animationstart', () => numAnimationstartFired++);
@ -130,7 +138,9 @@ promise_test(async () => {
}
</style>
<script>
promise_test(async () => {
promise_test(async (t) => {
t.add_cleanup(() => target5.classList.remove('animate5'));
let numAnimationstartFired = 0;
target5.addEventListener('animationstart', () => numAnimationstartFired++);

41
testing/web-platform/tests/css/css-animations/display-none-to-display-block-dont-cancel.tentative.html Normal file
Просмотреть файл

@ -0,0 +1,41 @@
<!DOCTYPE html>
<link rel="author" title="Tim Nguyen" href="https://github.com/nt1m">
<link rel="help" href="https://drafts.csswg.org/css-display-4/#display-animation">
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/6429">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/css-animations/support/testcommon.js"></script>
<div id="target">hello</div>
<style>
@keyframes display-animation {
0% { display: none; }
100% { display: block; }
}
#target {
display: none;
}
#target.animate {
animation: display-animation 1s;
display: block;
}
</style>
<script>
promise_test(async (t) => {
t.add_cleanup(() => target.classList.remove('animate'));
let numAnimationstartFired = 0;
target.addEventListener('animationstart', () => numAnimationstartFired++);
assert_equals(getComputedStyle(target).display, 'none',
'The display should be none before the animation.');
await waitForAnimationFrames(1);
target.classList.add('animate');
await waitForAnimationFrames(2);
assert_equals(getComputedStyle(target).display, 'block',
'The display should be block during the animation.');
assert_equals(numAnimationstartFired, 1,
'Only one animation should start.');
}, 'display:none animating to display:block should be block for the whole animation.');
</script>

34
testing/web-platform/tests/css/css-animations/display-none-to-display-block.html Normal file
Просмотреть файл

@ -0,0 +1,34 @@
<!DOCTYPE html>
<html class="reftest-wait">
<link rel="author" title="Tim Nguyen" href="https://github.com/nt1m">
<link rel="help" href="https://drafts.csswg.org/css-display-4/#display-animation">
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/6429">
<link rel="match" href="/css/reference/ref-filled-green-100px-square.xht">
<style>
@keyframes display-animation {
0% { display: none; }
100% { display: block; }
}
#target {
display: none;
width: 100px;
height: 100px;
background-color: green;
}
#target.animate {
animation: display-animation 1s;
display: block;
}
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="target"></div>
<script src="/css/css-animations/support/testcommon.js"></script>
<script>
onload = async () => {
await waitForAnimationFrames(1);
target.classList.add("animate");
await waitForAnimationFrames(2);
document.documentElement.classList.remove("reftest-wait");
};
</script>
</html>