document-active-view-transition.html

Enable keyboard shortcuts

This test has a WPT meta file that expects 1 subtest issues.
This WPT test may be referenced by the following Test IDs:
- /css/css-view-transitions/document-active-view-transition.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<meta charset="utf-8">

<title>View Transition: document.activeViewTransition attribute</title>

<link rel="help" href="https://drafts.csswg.org/css-view-transitions-1/#dom-document-activeviewtransition">

<link rel="author" href="mailto:vmpstr@chromium.org">

<script src="/resources/testharness.js"></script>

<script src="/resources/testharnessreport.js"></script>

<script src="support/utils.js"></script>

<style>

#target {

  width: 100px;

  height: 100px;

  view-transition-name: target;

::view-transition-group(*) {

  animation-duration: 1ms;

</style>

<div id=target></div>

<script>

promise_test(async t => {

  assert_implements(document.startViewTransition, "View Transitions are not supported");

  assert_equals(document.activeViewTransition, null, "activeViewTransition is null initially");

  const transition = document.startViewTransition(() => {});

  assert_equals(document.activeViewTransition, transition, "activeViewTransition returns the running transition");

  await transition.finished;

  assert_equals(document.activeViewTransition, null, "activeViewTransition is null after transition finishes");

  const transition2 = document.startViewTransition(() => {});

  assert_equals(document.activeViewTransition, transition2, "activeViewTransition returns the running transition (2)");

  transition2.skipTransition();

  assert_equals(document.activeViewTransition, null, "activeViewTransition is null after transition is skipped");

}, "document.activeViewTransition returns the active transition");

</script>