From 682a6d588289803e10a4bf58bd3de0ecc9fd1d29 Mon Sep 17 00:00:00 2001
From: Andrew Kaster <akaster@serenityos.org>
Date: Fri, 3 Nov 2023 19:18:56 -0600
Subject: [PATCH] Tests: Add tests for navigation.navigate()

---
 .../navigation/navigation-navigate-iframe.txt |  0
 .../navigation/navigation-navigate.txt        |  7 ++
 .../navigation-navigate-iframe.html           | 83 +++++++++++++++++++
 .../input/navigation/navigation-navigate.html | 24 ++++++
 4 files changed, 114 insertions(+)
 create mode 100644 Tests/LibWeb/Text/expected/navigation/navigation-navigate-iframe.txt
 create mode 100644 Tests/LibWeb/Text/expected/navigation/navigation-navigate.txt
 create mode 100644 Tests/LibWeb/Text/input/navigation/navigation-navigate-iframe.html
 create mode 100644 Tests/LibWeb/Text/input/navigation/navigation-navigate.html

diff --git a/Tests/LibWeb/Text/expected/navigation/navigation-navigate-iframe.txt b/Tests/LibWeb/Text/expected/navigation/navigation-navigate-iframe.txt
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/Tests/LibWeb/Text/expected/navigation/navigation-navigate.txt b/Tests/LibWeb/Text/expected/navigation/navigation-navigate.txt
new file mode 100644
index 0000000000..37efdd7b58
--- /dev/null
+++ b/Tests/LibWeb/Text/expected/navigation/navigation-navigate.txt
@@ -0,0 +1,7 @@
+  Initial history length is 1
+NavigateEvent for Push navigation-navigate-iframe.html#1 (Same document? true) with info: 42
+currententrychange for change to navigation-navigate-iframe.html#1 of type Push from navigation-navigate-iframe.html
+Committed to navigation to navigation-navigate-iframe.html#1
+Finished navigation to navigation-navigate-iframe.html#1
+History length after navigate is 2
+DONE
diff --git a/Tests/LibWeb/Text/input/navigation/navigation-navigate-iframe.html b/Tests/LibWeb/Text/input/navigation/navigation-navigate-iframe.html
new file mode 100644
index 0000000000..30eee251a5
--- /dev/null
+++ b/Tests/LibWeb/Text/input/navigation/navigation-navigate-iframe.html
@@ -0,0 +1,83 @@
+<script src="../include.js"></script>
+<script>
+    function filename(path) {
+        url = new URL(path)
+        return url.pathname.split('/').pop() + url.hash
+    }
+    asyncTest(async done => {
+    if (window.self === window.top) {
+        test(() => {});
+        return;
+    }
+
+    try {
+        parent.postMessage(`Initial history length is ${navigation.entries().length}`, "*");
+
+        navigation.oncurrententrychange = (e) => {
+            parent.postMessage(`${e.type} for change to ${filename(navigation.currentEntry.url)} of type ${e.navigationType} from ${filename(e.from.url)}`, "*");
+        }
+
+        navigation.onnavigate = (e) => {
+            parent.postMessage(`NavigateEvent for ${e.navigationType} ${filename(e.destination.url)} (Same document? ${e.destination.sameDocument}) with info: ${e.info}`, "*")
+        }
+
+        // Navigate to fragment
+        let a = navigation.navigate("navigation-navigate-iframe.html#1", { info: 42, history: "push" });
+
+        await a.committed.then((f) => {
+           parent.postMessage(`Committed to navigation to ${filename(f.url)}`, "*");
+        },
+        (e) => {
+            parent.postMessage("ERROR:" + e, "*", "*");
+        })
+
+        await a.finished.then((f) => {
+           parent.postMessage(`Finished navigation to ${filename(f.url)}`, "*");
+        },
+        (e) => {
+            parent.postMessage("ERROR:" + e, "*");
+        })
+
+        parent.postMessage(`History length after navigate is ${navigation.entries().length}`, "*");
+
+        // FIXME: Enable these tests 😅
+        // Navigate backwards
+        // let b = navigation.back()
+        // await b.committed.then((f) => {
+        //    parent.postMessage(`Committed to back navigation to ${filename(f.url)}`, "*");
+        // },
+        // (e) => {
+        //     parent.postMessage("ERROR:" + e, "*", "*");
+        // })
+        // await b.finished.then((f) => {
+        //    parent.postMessage(`Finished back navigation to ${filename(f.url)}`, "*");
+        // },
+        // (e) => {
+        //     parent.postMessage("ERROR:" + e, "*");
+        // })
+
+        // parent.postMessage(`History length after back is ${navigation.entries().length}`, "*");
+
+        // Navigate forwards
+        // let c = navigation.forward()
+        // await c.committed.then((f) => {
+        //    parent.postMessage(`Committed to forward navigation to ${filename(f.url)}`, "*");
+        // },
+        // (e) => {
+        //     parent.postMessage("ERROR:" + e, "*", "*");
+        // })
+        // await c.finished.then((f) => {
+        //    parent.postMessage(`Finished forward navigation to ${filename(f.url)}`, "*");
+        // },
+        // (e) => {
+        //     parent.postMessage("ERROR:" + e, "*");
+        // })
+
+        // parent.postMessage(`History length after forward is ${navigation.entries().length}`, "*");
+        
+    } catch (e) {
+        parent.postMessage("ERROR:" + e, "*");
+    }
+    parent.postMessage("DONE", "*");
+    });
+</script>
diff --git a/Tests/LibWeb/Text/input/navigation/navigation-navigate.html b/Tests/LibWeb/Text/input/navigation/navigation-navigate.html
new file mode 100644
index 0000000000..b478e54cef
--- /dev/null
+++ b/Tests/LibWeb/Text/input/navigation/navigation-navigate.html
@@ -0,0 +1,24 @@
+<script src="../include.js"></script>
+<iframe id="testIframe" src="about:blank"></iframe>
+<script>
+    asyncTest(async done => {
+        const iframe = document.getElementById("testIframe");
+
+        function navigateIframe(src) {
+            return new Promise(resolve => {
+                iframe.addEventListener("load", () => {
+                    resolve();
+                });
+                iframe.src = src;
+            });
+        }
+
+        window.addEventListener("message", event => {
+            println(event.data);
+            if (event.data === "DONE")
+                done();
+        });
+
+        await navigateIframe("./navigation-navigate-iframe.html");
+    }); 
+</script>