summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/navigation-api/ordering-and-transition/navigate-in-transition-finished.html
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-07 17:32:43 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-07 17:32:43 +0000
commit6bf0a5cb5034a7e684dcc3500e841785237ce2dd (patch)
treea68f146d7fa01f0134297619fbe7e33db084e0aa /testing/web-platform/tests/navigation-api/ordering-and-transition/navigate-in-transition-finished.html
parentInitial commit. (diff)
downloadthunderbird-6bf0a5cb5034a7e684dcc3500e841785237ce2dd.tar.xz
thunderbird-6bf0a5cb5034a7e684dcc3500e841785237ce2dd.zip
Adding upstream version 1:115.7.0.upstream/1%115.7.0upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/navigation-api/ordering-and-transition/navigate-in-transition-finished.html')
-rw-r--r--testing/web-platform/tests/navigation-api/ordering-and-transition/navigate-in-transition-finished.html69
1 files changed, 69 insertions, 0 deletions
diff --git a/testing/web-platform/tests/navigation-api/ordering-and-transition/navigate-in-transition-finished.html b/testing/web-platform/tests/navigation-api/ordering-and-transition/navigate-in-transition-finished.html
new file mode 100644
index 0000000000..9251cfe049
--- /dev/null
+++ b/testing/web-platform/tests/navigation-api/ordering-and-transition/navigate-in-transition-finished.html
@@ -0,0 +1,69 @@
+<!doctype html>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<meta name="variant" content="">
+<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",
+ finalExpectedEventCount: 2
+ });
+
+ recorder.setUpNavigationAPIListeners();
+
+ navigation.addEventListener("navigatesuccess", t.step_func(() => {
+ if (location.hash === "#1") {
+ navigation.transition.finished.then(() => {
+ const result2 = navigation.navigate("/common/blank.html#2");
+ recorder.setUpResultListeners(result2, " 2");
+ });
+ }
+ }));
+
+ navigation.addEventListener("navigate", e => {
+ e.intercept({ handler() { recorder.record("handler run"); } });
+
+ if (location.hash === "#1") {
+ fromHash1 = navigation.currentEntry;
+ }
+ });
+
+ const result1 = navigation.navigate("/common/blank.html#1");
+ recorder.setUpResultListeners(result1, " 1");
+
+ 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" }],
+ ["committed fulfilled 1", "#1", { from: fromStart, navigationType: "push" }],
+ ["promise microtask", "#1", { from: fromStart, navigationType: "push" }],
+ ["navigatesuccess", "#1", { from: fromStart, navigationType: "push" }],
+ ["finished fulfilled 1", "#1", null],
+ ["transition.finished fulfilled", "#1", null],
+
+ ["navigate", "#1", null],
+ ["currententrychange", "#2", { from: fromHash1, navigationType: "push" }],
+ ["handler run", "#2", { from: fromHash1, navigationType: "push" }],
+ ["committed fulfilled 2", "#2", { from: fromHash1, navigationType: "push" }],
+ ["navigatesuccess", "#2", { from: fromHash1, navigationType: "push" }],
+ ["finished fulfilled 2", "#2", null],
+ ["transition.finished fulfilled", "#2", null]
+ ]);
+}, "event and promise ordering when navigate() is called inside the transition.finished promise handler");
+</script>