1 files changed, 46 insertions, 0 deletions
diff --git a/testing/web-platform/tests/soft-navigation-heuristics/soft-navigation-detection-web-component-lifecycle.tentative.html b/testing/web-platform/tests/soft-navigation-heuristics/soft-navigation-detection-web-component-lifecycle.tentative.html
new file mode 100644
index 0000000000..7e27b0073c
--- /dev/null
+++ b/testing/web-platform/tests/soft-navigation-heuristics/soft-navigation-detection-web-component-lifecycle.tentative.html
@@ -0,0 +1,46 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Detect simple soft navigation.</title>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/testdriver.js"></script>
+<script src="/resources/testdriver-vendor.js"></script>
+<script src="resources/soft-navigation-helper.js"></script>
+</head>
+<body>
+  <script>
+    // Define a custom element
+    class SPAContent extends HTMLDivElement {
+      constructor() {
+        super();
+      }
+      connectedCallback() {
+        // Change the URL
+        history.pushState({}, '', "/foobar.html");
+      }
+    }
+    customElements.define("spa-content", SPAContent, { extends: "div"});
+
+  </script>
+  <main id=main>
+  <a id=link>Click me!</a>
+  </main>
+  <script>
+    const link = document.getElementById("link");
+    testSoftNavigation({
+      addContent: () => {
+        const main = document.getElementById("main");
+        const spaContent = document.createElement("div", {is: "spa-content"});
+        const content = document.createTextNode("Lorem Ipsum");
+        spaContent.appendChild(content);
+        main.appendChild(spaContent);
+      },
+      link: link,
+      test: "Test that a soft navigation is detected when the click is done  "
+        + "on a custom element."});
+  </script>
+</body>
+</html>
+