Skip to content

test(e2e): Add a static trace lifecycle React Router E2E app - #23840

Open
andreiborza wants to merge 2 commits into
developfrom
ab/js-3482/static-coverage
Open

test(e2e): Add a static trace lifecycle React Router E2E app#23840
andreiborza wants to merge 2 commits into
developfrom
ab/js-3482/static-coverage

Conversation

@andreiborza

@andreiborza andreiborza commented Sep 1, 2026

Copy link
Copy Markdown
Member

What

Adds react-router-7-framework-static, a copy of react-router-7-framework that keeps traceLifecycle: 'static' and its transaction-based specs. Also re-exports SerializedStreamedSpan from @sentry-internal/test-utils.

Why

The rest of the React Router E2E group moves to span streaming in the PRs above this one, so this copy is what keeps the static trace lifecycle covered. The copy drops the latest build variant so it costs one CI job rather than two.

Part of #23798

@linear-code

linear-code Bot commented Sep 1, 2026

Copy link
Copy Markdown

JS-3482

Comment on lines +15 to +19
Sentry.startSpan({ name: 'authMiddleware', op: 'middleware.auth' }, async () => {
const user: User = await getUser();
context.set(userContext, user);
await next();
});

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Bug: The authMiddleware function doesn't await the Sentry.startSpan call, causing a race condition where the user context is not set before the loader runs.
Severity: CRITICAL

Suggested Fix

The Promise returned by Sentry.startSpan must be awaited to ensure the user context is set before the middleware chain continues. Modify the middleware to return Sentry.startSpan(...) so that the framework correctly awaits the entire asynchronous operation, including the next() call within the span.

Prompt for AI Agent
Review the code at the location below. A potential bug has been identified by an AI
agent. Verify if this is a real issue. If it is, propose a fix; if not, explain why it's
not valid.

Location:
dev-packages/e2e-tests/test-applications/react-router-7-framework-static/app/routes/performance/with-middleware.tsx#L15-L19

Potential issue: In `authMiddleware`, the call to `Sentry.startSpan` is not awaited. The
callback passed to `startSpan` is asynchronous and contains the logic to set the user
context with `context.set(userContext, user)` and proceed to the next middleware with
`await next()`. Because the `startSpan` call is not awaited, the middleware function
returns and resolves before the user context is set. This creates a race condition where
the loader executes before the context is populated, resulting in
`context.get(userContext)` returning `undefined` instead of the fetched user.

Did we get this right? 👍 / 👎 to inform future reviews.

@github-actions

github-actions Bot commented Sep 1, 2026

Copy link
Copy Markdown
Contributor

size-limit report 📦

Path Size % Change Change
@sentry/browser 28.57 kB - -
@sentry/browser - with treeshaking flags 26.94 kB - -
@sentry/browser - with treeshaking flags tracing without tracing 26.83 kB - -
@sentry/browser (incl. Tracing) 48.87 kB - -
@sentry/browser (incl. Tracing + Span Streaming) 48.88 kB - -
@sentry/browser (incl. Tracing, Profiling) 51.8 kB - -
@sentry/browser (incl. Tracing, Replay) 88.36 kB - -
@sentry/browser (incl. Tracing, Replay) - with treeshaking flags 77.76 kB - -
@sentry/browser (incl. Tracing, Replay with Canvas) 93.05 kB - -
@sentry/browser (incl. Tracing, Replay, Feedback) 106.02 kB - -
@sentry/browser (incl. Feedback) 46.06 kB - -
@sentry/browser (incl. sendFeedback) 33.64 kB - -
@sentry/browser (incl. FeedbackAsync) 38.74 kB - -
@sentry/browser (incl. Metrics) 29.52 kB - -
@sentry/browser (incl. Logs) 29.81 kB - -
@sentry/browser (incl. Metrics & Logs) 30.45 kB - -
@sentry/react 30.32 kB - -
@sentry/react (incl. Tracing) 51.08 kB - -
@sentry/vue 35.74 kB - -
@sentry/vue (incl. Tracing) 51.14 kB - -
@sentry/svelte 28.6 kB - -
CDN Bundle 30.36 kB - -
CDN Bundle (incl. Tracing) 49.52 kB - -
CDN Bundle (incl. Logs, Metrics) 32.59 kB - -
CDN Bundle (incl. Tracing, Logs, Metrics) 51.43 kB - -
CDN Bundle (incl. Replay, Logs, Metrics) 73.19 kB - -
CDN Bundle (incl. Tracing, Replay) 87.01 kB - -
CDN Bundle (incl. Tracing, Replay, Logs, Metrics) 88.88 kB - -
CDN Bundle (incl. Tracing, Replay, Feedback) 92.94 kB - -
CDN Bundle (incl. Tracing, Replay, Feedback, Logs, Metrics) 94.84 kB - -
CDN Bundle - uncompressed 89.97 kB - -
CDN Bundle (incl. Tracing) - uncompressed 147.58 kB - -
CDN Bundle (incl. Logs, Metrics) - uncompressed 96.27 kB - -
CDN Bundle (incl. Tracing, Logs, Metrics) - uncompressed 153.27 kB - -
CDN Bundle (incl. Replay, Logs, Metrics) - uncompressed 225.43 kB - -
CDN Bundle (incl. Tracing, Replay) - uncompressed 267.07 kB - -
CDN Bundle (incl. Tracing, Replay, Logs, Metrics) - uncompressed 272.75 kB - -
CDN Bundle (incl. Tracing, Replay, Feedback) - uncompressed 280.77 kB - -
CDN Bundle (incl. Tracing, Replay, Feedback, Logs, Metrics) - uncompressed 286.44 kB - -
@sentry/nextjs (client) 53.7 kB - -
@sentry/sveltekit (client) 49.3 kB - -
@sentry/core/server 40.74 kB - -
@sentry/core/browser 13.42 kB - -
@sentry/node 123.87 kB +0.02% +19 B 🔺
@sentry/node/import (ESM hook with diagnostics-channel injection) 81.4 kB - -
@sentry/node - without tracing 88.2 kB +0.03% +22 B 🔺
@sentry/node - without channel injection 103.3 kB +0.02% +16 B 🔺
@sentry/aws-serverless 96.56 kB +0.03% +24 B 🔺
@sentry/cloudflare (withSentry) - minified 201.23 kB - -
@sentry/cloudflare (withSentry) 500.94 kB - -

View base workflow run

@cursor cursor Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cursor Bugbot has reviewed your changes and found 1 potential issue.

Fix All in Cursor

❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.

Reviewed by Cursor Bugbot for commit 9dd059d. Configure here.

});

await page.goto('/performance');
await page.waitForTimeout(1000);

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Sleep wait can flake filter test

Low Severity

This test sleeps with waitForTimeout after goto instead of waiting on a concrete signal such as the pageload transaction. That matches the testing-conventions flake pattern (timeouts or sleeps in tests) from the review rules, and the delay can expire before the page is ready to navigate.

Fix in Cursor Fix in Web

Triggered by project rule: PR Review Guidelines for Cursor Bot

Reviewed by Cursor Bugbot for commit 9dd059d. Configure here.

andreiborza and others added 2 commits September 1, 2026 18:43
Copies `react-router-7-framework` into `react-router-7-framework-static`,
which keeps `traceLifecycle: 'static'` and its transaction-based specs. The
rest of the React Router group moves to span streaming in the PRs above, so
this copy is what keeps the static lifecycle covered.

Also re-exports `SerializedStreamedSpan` from `@sentry-internal/test-utils`,
which the ported specs need to type their span helpers.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Spans are buffered per trace before they flush, so an earlier page load's spans
can still be arriving when a test starts collecting. This resolves with only the
spans sharing the matched segment's trace, so tests asserting on one request's
children cannot pick up leftovers.
@andreiborza
andreiborza force-pushed the ab/js-3482/static-coverage branch from 9dd059d to e4cc238 Compare September 1, 2026 16:51
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants