test(remix): Cover route resolution through the route provider

Author: logaretm

dev-packages/e2e-tests/test-applications/create-remix-app-express/app/routes/route-provider.$id.tsx

@@ -0,0 +1,12 @@
+import * as Sentry from '@sentry/remix';
+import { useEffect, useState } from 'react';
+
+export default function RouteProvider() {
+  const [route, setRoute] = useState<string>();
+
+  useEffect(() => {
+    setRoute(Sentry.resolveCurrentRoute() ?? 'unresolved');
+  }, []);
+
+  return <div id="resolved-route">{route}</div>;
+}

dev-packages/e2e-tests/test-applications/create-remix-app-express/tests/route-provider.test.ts

@@ -0,0 +1,9 @@
+import { expect, test } from '@playwright/test';
+
+// The route provider is backed by the manifest the Vite plugin injects into the client bundle, so this
+// fails if that manifest never reaches the browser.
+test('resolves the parameterized route through the route provider', async ({ page }) => {
+  await page.goto('/route-provider/123');
+
+  await expect(page.locator('#resolved-route')).toHaveText('/route-provider/:id');
+});