navigate-double-intercept.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:
- /navigation-api/ordering-and-transition/navigate-double-intercept.html?currententrychange - WPT Dashboard Interop Dashboard
- /navigation-api/ordering-and-transition/navigate-double-intercept.html?no-currententrychange - WPT Dashboard Interop Dashboard

<!doctype html>

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

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

<meta name="variant" content="?no-currententrychange">

<meta name="variant" content="?currententrychange">

<script type="module">

import { Recorder, hasVariant } from "./resources/helpers.mjs";

promise_test(async t => {

  // Wait for after the load event so that the navigation doesn't get converted

  // into a replace navigation.

  await new Promise(resolve => window.onload = () => t.step_timeout(resolve, 0));

  const fromStart = navigation.currentEntry;

  let fromHash1;

  const recorder = new Recorder({

    skipCurrentChange: !hasVariant("currententrychange"),

    finalExpectedEvent: "transition.finished fulfilled"

});

  recorder.setUpNavigationAPIListeners();

  navigation.addEventListener("navigate", e => {

    e.intercept({ handler() {

      recorder.record("handler run");

      return new Promise(r => t.step_timeout(r, 1));

    }});

    if (location.hash === "#1") {

      fromHash1 = navigation.currentEntry;

});

  const result1 = navigation.navigate("/common/blank.html#1");

  recorder.setUpResultListeners(result1, " 1");

  const result2 = navigation.navigate("/common/blank.html#2");

  recorder.setUpResultListeners(result2, " 2");

  Promise.resolve().then(() => recorder.record("promise microtask"));

  await recorder.readyToAssert;

  recorder.assert([

    /* event name, location.hash value, navigation.transition properties */

    ["navigate", "", null],

    ["currententrychange", "#1", { from: fromStart, navigationType: "push" }],

    ["handler run", "#1", { from: fromStart, navigationType: "push" }],

    ["AbortSignal abort", "#1", { from: fromStart, navigationType: "push" }],

    ["navigateerror", "#1", { from: fromStart, navigationType: "push" }],

    ["navigate", "#1", null],

    ["currententrychange", "#2", { from: fromHash1, navigationType: "push" }],

    ["handler run", "#2", { from: fromHash1, navigationType: "push" }],

    ["committed fulfilled 1", "#2", { from: fromHash1, navigationType: "push" }],

    ["finished rejected 1", "#2", { from: fromHash1, navigationType: "push" }],

    ["transition.finished rejected", "#2", { from: fromHash1, navigationType: "push" }],

    ["committed fulfilled 2", "#2", { from: fromHash1, navigationType: "push" }],

    ["promise microtask", "#2", { from: fromHash1, navigationType: "push" }],

    ["navigatesuccess", "#2", { from: fromHash1, navigationType: "push" }],

    ["finished fulfilled 2", "#2", null],

    ["transition.finished fulfilled", "#2", null]

]);

  recorder.assertErrorsAreAbortErrors();

}, "event and promise ordering when navigate() is called repeatedly and handled by intercept()");

</script>