Skip to content

test(e2e): Port React Router data router E2E apps to span streaming - #23842

Open
andreiborza wants to merge 2 commits into
ab/js-3482/react-router-v5-v6from
ab/js-3482/data-routers
Open

test(e2e): Port React Router data router E2E apps to span streaming#23842
andreiborza wants to merge 2 commits into
ab/js-3482/react-router-v5-v6from
ab/js-3482/data-routers

Conversation

@andreiborza

@andreiborza andreiborza commented Sep 1, 2026

Copy link
Copy Markdown
Member

What

Ports react-create-browser-router, react-create-hash-router and react-create-memory-router to span streaming.

Why

Span streaming is the default now, so the E2E suite has to exercise it. Two attribute groups moved and the assertions follow them: the navigator data is now device.memory.estimated_capacity, device.processor_count and network.connection.effective_type, and the pageload timings are browser.performance.*. LCP is streamed as its own ui.webvital.lcp span once the page hides, so it is no longer asserted on the pageload span.

Part of #23798

@linear-code

linear-code Bot commented Sep 1, 2026

Copy link
Copy Markdown

JS-3482

@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.31 kB +0.02% +17 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

@andreiborza
andreiborza marked this pull request as ready for review September 1, 2026 14:53
@andreiborza
andreiborza force-pushed the ab/js-3482/data-routers branch from 450d0d3 to 361c467 Compare September 1, 2026 14:56
Removes the `traceLifecycle: 'static'` pin from `react-create-browser-router`,
`react-create-hash-router` and `react-create-memory-router`, and rewrites their
specs against streamed span v2.

Two attribute groups moved under streaming and the assertions follow them: the
navigator data is now `device.memory.estimated_capacity`,
`device.processor_count` and `network.connection.effective_type`, and the
pageload timings are `browser.performance.*`. LCP is streamed as its own
`ui.webvital.lcp` span once the page hides, so it is no longer asserted on the
pageload span.
Streamed spans always carry the common sdk/release/environment and segment
attributes on top of what a test names, and a pageload span also carries the web
vitals, so the exhaustive attribute match could not hold. Scope the lazy-route
resource spans to their own segment's trace, so the initial pageload's bundle
scripts cannot satisfy the count.
@andreiborza
andreiborza force-pushed the ab/js-3482/data-routers branch from 361c467 to a0463ab Compare September 1, 2026 16:51

@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 a0463ab. Configure here.

const childSpans = spans.filter(
span => !span.is_segment && !(span.attributes['url.full']?.value as string | undefined)?.includes('favicon'),
);
expect(childSpans).toEqual([]);

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Navigation tests pick the wrong span

Medium Severity

These navigation tests violate the flake-prone wait convention and the relaxed-assertion rule for payloads that must exclude children. waitForStreamedSpans returns one envelope, then spans.find takes the first is_segment span without checking sentry.op. Pageload and navigation can share an envelope, so the wrong segment is selected or leftover children fail the empty-child check; if they flush separately the empty-child assertion never sees the rest of the trace.

Additional Locations (2)
Fix in Cursor Fix in Web

Triggered by project rule: PR Review Guidelines for Cursor Bot

Reviewed by Cursor Bugbot for commit a0463ab. Configure here.

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.

2 participants