Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

test(react): Add tests for react-router createHashRouter usage. #8362

Merged
merged 5 commits into from
Jun 22, 2023

Conversation

onurtemizkan
Copy link
Collaborator

@onurtemizkan onurtemizkan commented Jun 19, 2023

See comment: #8317 (comment)

Resolves: #6251
Resolves: #8317

Docs Update: getsentry/sentry-docs#7218

@github-actions
Copy link
Contributor

github-actions bot commented Jun 19, 2023

size-limit report 📦

Path Size
@sentry/browser - ES5 CDN Bundle (gzipped + minified) 21.17 KB (+0.01% 🔺)
@sentry/browser - ES5 CDN Bundle (minified) 66.13 KB (0%)
@sentry/browser - ES6 CDN Bundle (gzipped + minified) 19.71 KB (-0.01% 🔽)
@sentry/browser - ES6 CDN Bundle (minified) 58.6 KB (0%)
@sentry/browser - Webpack (gzipped + minified) 21.33 KB (0%)
@sentry/browser - Webpack (minified) 69.52 KB (0%)
@sentry/react - Webpack (gzipped + minified) 21.36 KB (0%)
@sentry/nextjs Client - Webpack (gzipped + minified) 49.28 KB (0%)
@sentry/browser + @sentry/tracing - ES5 CDN Bundle (gzipped + minified) 28.79 KB (0%)
@sentry/browser + @sentry/tracing - ES6 CDN Bundle (gzipped + minified) 27.03 KB (+0.01% 🔺)
@sentry/replay ES6 CDN Bundle (gzipped + minified) 49.34 KB (0%)
@sentry/replay - Webpack (gzipped + minified) 43.08 KB (0%)
@sentry/browser + @sentry/tracing + @sentry/replay - ES6 CDN Bundle (gzipped + minified) 68.35 KB (+0.01% 🔺)
@sentry/browser + @sentry/replay - ES6 CDN Bundle (gzipped + minified) 61.26 KB (+0.01% 🔺)

@onurtemizkan onurtemizkan force-pushed the onur/createhashrouter-tests branch 3 times, most recently from df34772 to 98d0b71 Compare June 20, 2023 09:19
@onurtemizkan onurtemizkan marked this pull request as ready for review June 20, 2023 09:19
Copy link
Member

@AbhiPrasad AbhiPrasad left a comment

Choose a reason for hiding this comment

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

Can we add some integration tests that validate the transaction name being set correctly?

@onurtemizkan onurtemizkan changed the title test(e2e): Add tests for react-router createHashRouter usage. test(react): Add tests for react-router createHashRouter usage. Jun 21, 2023
@onurtemizkan onurtemizkan force-pushed the onur/createhashrouter-tests branch 2 times, most recently from 84f9466 to a6ce831 Compare June 21, 2023 14:57
.toBe(200);
});

test('Sends a pageload transaction to Sentry', async ({ page }) => {
Copy link
Member

Choose a reason for hiding this comment

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

Now that I see the integration test, I'm a bit hesistant to add the entire app + playwright under the react package tests for maintenance concerns.

Could we just check the transaction name in this test and the navigation test? Sorry for making you add the entire app - but not sure if it's worth to keep it.

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

No worries at all, I agree, this ended up with so much code quite fastly. Which I tested now with 2 lines in the e2e test. 😅 Anyways we now have a PoC in case we need to integration test wider extent of React SDK in the future.

Copy link
Member

@AbhiPrasad AbhiPrasad left a comment

Choose a reason for hiding this comment

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

Thanks @onurtemizkan!

@AbhiPrasad AbhiPrasad merged commit 9fd5016 into develop Jun 22, 2023
31 checks passed
@AbhiPrasad AbhiPrasad deleted the onur/createhashrouter-tests branch June 22, 2023 16:04
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.

Support createHashRouter Support createHashRouter from React Router 6.4
2 participants