refactor(common): Add hashchange event for traversals (#60682)

atscott · atscott · commit 1b36f6e1e067 · 2025-04-03T16:54:57.000-07:00
This commit adds the logic to emit the `hashchange` event for traversals. PR Close #60682
diff --git a/packages/core/primitives/dom-navigation/testing/fake_navigation.ts b/packages/core/primitives/dom-navigation/testing/fake_navigation.ts
@@ -493,13 +493,17 @@ export class FakeNavigation implements Navigation {
    * @internal
    */
   userAgentTraverse(navigateEvent: InternalFakeNavigateEvent) {
+    const oldUrl = this.currentEntry.url!;
     this.updateNavigationEntriesForSameDocumentNavigation(navigateEvent);
     // Happens as part of "updating the document" steps https://whatpr.org/html/10919/browsing-the-web.html#updating-the-document
     const popStateEvent = createPopStateEvent({
       state: navigateEvent.destination.getHistoryState(),
     });
     this.window.dispatchEvent(popStateEvent);
-    // TODO(atscott): If oldURL's fragment is not equal to entry's URL's fragment, then queue a global task to fire an event named hashchange
+    if (navigateEvent.hashChange) {
+      const hashchangeEvent = createHashChangeEvent(oldUrl, this.currentEntry.url!);
+      this.window.dispatchEvent(hashchangeEvent);
+    }
   }
 
   /**
@@ -1061,6 +1065,16 @@ function createPopStateEvent({state}: {state: unknown}) {
   return event as PopStateEvent;
 }
 
+function createHashChangeEvent(newURL: string, oldURL: string) {
+  const event = new Event('hashchange', {
+    bubbles: false,
+    cancelable: false,
+  }) as {-readonly [P in keyof HashChangeEvent]: HashChangeEvent[P]};
+  event.newURL = newURL;
+  event.oldURL = oldURL;
+  return event as HashChangeEvent;
+}
+
 /**
  * Fake equivalent of `NavigationDestination`.
  */
