fix: invoke initialNavigation in zone (#315)

Author: timdeschryver

projects/testing-library/src/lib/testing-library.ts

@@ -122,31 +122,35 @@ export async function render<SutType, WrapperType = SutType>(
 
   const router = inject(Router);
   if (typeof router?.initialNavigation === 'function') {
-    router?.initialNavigation();
+    if (zone) {
+      zone.run(() => router?.initialNavigation());
+    } else {
+      router?.initialNavigation();
+    }
   }
 
   const navigate = async (elementOrPath: Element | string, basePath = ''): Promise<boolean> => {
     const href = typeof elementOrPath === 'string' ? elementOrPath : elementOrPath.getAttribute('href');
     const [path, params] = (basePath + href).split('?');
     const queryParams = params
       ? params.split('&').reduce((qp, q) => {
-        const [key, value] = q.split('=');
-        const currentValue = qp[key];
-        if (typeof currentValue === 'undefined') {
-          qp[key] = value;
-        } else if (Array.isArray(currentValue)) {
-          qp[key] = [...currentValue, value];
-        } else {
-          qp[key] = [currentValue, value];
-        }
-        return qp;
-      }, {} as Record<string, string | string[]>)
+          const [key, value] = q.split('=');
+          const currentValue = qp[key];
+          if (typeof currentValue === 'undefined') {
+            qp[key] = value;
+          } else if (Array.isArray(currentValue)) {
+            qp[key] = [...currentValue, value];
+          } else {
+            qp[key] = [currentValue, value];
+          }
+          return qp;
+        }, {} as Record<string, string | string[]>)
       : undefined;
 
     const navigateOptions: NavigationExtras | undefined = queryParams
       ? {
-        queryParams,
-      }
+          queryParams,
+        }
       : undefined;
 
     const doNavigate = () => {
@@ -411,7 +415,7 @@ if (typeof process === 'undefined' || !process.env?.ATL_SKIP_AUTO_CLEANUP) {
 }
 
 @Component({ selector: 'atl-wrapper-component', template: '' })
-class WrapperComponent { }
+class WrapperComponent {}
 
 /**
  * Wrap findBy queries to poke the Angular change detection cycle