Test error boundary rendering on v2 integration tests.

Author: onurtemizkan

.github/workflows/build.yml

@@ -999,6 +999,7 @@ jobs:
             'create-remix-app',
             'create-remix-app-legacy',
             'create-remix-app-v2',
+            'create-remix-app-v2-legacy',
             'create-remix-app-express',
             'create-remix-app-express-vite-dev',
             'node-express-esm-loader',

packages/remix/test/integration/app_v2/root.tsx

@@ -8,7 +8,11 @@ export const ErrorBoundary: V2_ErrorBoundaryComponent = () => {
 
   captureRemixErrorBoundaryError(error);
 
-  return <div>error</div>;
+  return (
+    <div>
+      <span id="error-header">ErrorBoundary Error</span>
+    </div>
+  );
 };
 
 export const meta: V2_MetaFunction = ({ data }) => [

packages/remix/test/integration/test/client/errorboundary.test.ts

@@ -42,4 +42,9 @@ test('should capture React component errors.', async ({ page }) => {
   expect(errorEnvelope.transaction).toBe(
     useV2 ? 'routes/error-boundary-capture.$id' : 'routes/error-boundary-capture/$id',
   );
+
+  if (useV2) {
+    // The error boundary should be rendered
+    expect(await page.textContent('#error-header')).toBe('ErrorBoundary Error');
+  }
 });