зеркало из https://github.com/mozilla/gecko-dev.git
Bug 1908993 [wpt PR 47207] - view-transition: Handle case with no named elements, a=testonly
Automatic update from web-platform-tests view-transition: Handle case with no named elements If there are no named elements, we should still generate ::view-transition as per spec. Fix that in the implementation. Change-Id: Ia7a56a43ae1b4da89b8badb48756720bb83ef2fd Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/5725764 Reviewed-by: Noam Rosenthal <nrosenthal@chromium.org> Auto-Submit: Khushal Sagar <khushalsagar@chromium.org> Commit-Queue: Khushal Sagar <khushalsagar@chromium.org> Cr-Commit-Position: refs/heads/main@{#1333652} -- wpt-commits: eff595b4be280f6e97df5895fc17c40ee2a771a4 wpt-pr: 47207
This commit is contained in:
Родитель
1a6f3b49dd
Коммит
5d4ce879b0
|
@ -0,0 +1,9 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<title>View transitions: no named elements</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-view-transitions-1/">
|
||||
<link rel="author" href="mailto:khushalsagar@chromium.org">
|
||||
<style>
|
||||
body { background: blue; }
|
||||
</style>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html>
|
||||
<html class=reftest-wait>
|
||||
<title>View transitions: no named elements</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-view-transitions-1/">
|
||||
<link rel="author" href="mailto:khushalsagar@chromium.org">
|
||||
<link rel="match" href="no-named-elements-ref.html">
|
||||
|
||||
<script src="/common/reftest-wait.js"></script>
|
||||
<script src="/common/rendering-utils.js"></script>
|
||||
<style>
|
||||
body { background: red; }
|
||||
|
||||
:root { view-transition-name: none; }
|
||||
|
||||
@keyframes no-op {
|
||||
from {opacity: 1;}
|
||||
to {opacity: 1;}
|
||||
}
|
||||
|
||||
:root::view-transition {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: blue;
|
||||
animation: no-op 300s;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
failIfNot(document.startViewTransition, "Missing document.startViewTransition");
|
||||
|
||||
async function runTest() {
|
||||
let transition = document.startViewTransition();
|
||||
transition.ready.then(takeScreenshot);
|
||||
}
|
||||
onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
|
||||
</script>
|
||||
|
Загрузка…
Ссылка в новой задаче