test(react-router): add regression test for catch-all redirect with no ionPageElement

Author: ShaneK

packages/react-router/test/base/src/pages/redirect-params/RedirectParams.tsx

@@ -1,8 +1,3 @@
-/**
- * Verifies that useParams() returns correct values after a Navigate
- * (catch-all redirect) fires inside IonRouterOutlet.
- */
-
 import {
   IonTabs,
   IonRouterOutlet,
@@ -23,11 +18,6 @@ import { Route, Navigate, useParams } from 'react-router-dom';
 
 /**
  * Scenario 1: Tabs with catch-all Navigate redirect
- *
- * Structure:
- *   /redirect-params/tabs → redirects to /redirect-params/tabs/tab2
- *   /redirect-params/tabs/tab1/:id → Tab1 with param
- *   /redirect-params/tabs/tab2 → Tab2
  */
 const TabsWithRedirect: React.FC = () => {
   return (
@@ -88,11 +78,6 @@ const Tab2Page: React.FC = () => {
 
 /**
  * Scenario 2: Flat outlet with catch-all Navigate redirect
- *
- * Structure:
- *   /redirect-params/flat → redirects to /redirect-params/flat/home
- *   /redirect-params/flat/home → Home page
- *   /redirect-params/flat/details/:id → Details with param
  */
 const FlatOutletWithRedirect: React.FC = () => {
   return (
@@ -120,6 +105,9 @@ const HomePage: React.FC = () => {
         <IonButton routerLink="/redirect-params/flat/details/99" id="go-to-details-99">
           Go to Details 99
         </IonButton>
+        <IonButton routerLink="/redirect-params/flat/this-route-does-not-exist" id="go-to-non-existing">
+          Go to Non-Existing Route
+        </IonButton>
       </IonContent>
     </IonPage>
   );

packages/react-router/test/base/tests/e2e/playwright/redirect-params.spec.ts

@@ -0,0 +1,29 @@
+import { test, expect } from '@playwright/test';
+import { ionPageVisible, withTestingMode } from './utils/test-utils';
+
+test.describe('Redirect Params', () => {
+
+  test.describe('Flat outlet with catch-all Navigate redirect', () => {
+
+    test('should redirect to home when navigating to a non-existing route covered by catch-all', async ({ page }, testInfo) => {
+      testInfo.annotations.push({
+        type: 'issue',
+        description: 'https://github.com/ionic-team/ionic-framework/issues/30081',
+      });
+
+      // 1. Navigate to flat outlet — catch-all redirects to /flat/home
+      await page.goto(withTestingMode('/redirect-params/flat'));
+      await ionPageVisible(page, 'home-page');
+      await expect(page).toHaveURL(/\/redirect-params\/flat\/home/);
+
+      // 2. Click a link to a non-existing route — catch-all fires, leaving view has no ionPageElement
+      await page.locator('#go-to-non-existing').click();
+
+      // 3. Should redirect back to home without crashing
+      await expect(page).toHaveURL(/\/redirect-params\/flat\/home/);
+      await ionPageVisible(page, 'home-page');
+    });
+
+  });
+
+});