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(e2e): Add Vue 3 E2E tests #10476

Merged
merged 4 commits into from Feb 2, 2024
Merged

test(e2e): Add Vue 3 E2E tests #10476

merged 4 commits into from Feb 2, 2024

Conversation

Lms24
Copy link
Member

@Lms24 Lms24 commented Feb 2, 2024

This PR adds e2e tests for a Vue 3 app using @sentry/vue

Specifically, we test

  • Catching an error
  • Pageload transaction
  • Navigation transaction
  • Preferring route name over route id

@@ -41,7 +41,9 @@
".next/**",
".svelte-kit/**",
".angular/**",
"angular.json"
"angular.json",
"ember/instance-initializers/**",
Copy link
Member Author

Choose a reason for hiding this comment

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

had some biome errors for ember files. decided to ignore these for now

@Lms24 Lms24 marked this pull request as ready for review February 2, 2024 15:14
Comment on lines +67 to +71
transaction_info: {
// So this is weird. The source is set to custom although the route doesn't have a name.
// This also only happens during a navigation. A pageload will set the source as 'route'.
// TODO: Figure out what's going on here.
source: 'custom',
Copy link
Member Author

@Lms24 Lms24 Feb 2, 2024

Choose a reason for hiding this comment

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

Something to maybe tackle in or after #10477: For some reason we set source 'custom' during a navigation.
Not sure why this is happening but IMO it should be 'route', also when navigating. My guess is it's because we set custom when we take the route name over the actual route "path". Probably this is an edge case, we just didn't test before.

cc @mydea if you find an easy fix for this. Otherwise we follow up on this later.

@Lms24 Lms24 requested a review from AbhiPrasad February 2, 2024 15:18
Copy link
Contributor

github-actions bot commented Feb 2, 2024

size-limit report 📦

Path Size
@sentry/browser (incl. Tracing, Replay, Feedback) - Webpack (gzipped) 78.2 KB (+0.08% 🔺)
@sentry/browser (incl. Tracing, Replay) - Webpack (gzipped) 69.43 KB (+0.09% 🔺)
@sentry/browser (incl. Tracing, Replay with Canvas) - Webpack (gzipped) 73.36 KB (+0.08% 🔺)
@sentry/browser (incl. Tracing, Replay) - Webpack with treeshaking flags (gzipped) 63.04 KB (+0.09% 🔺)
@sentry/browser (incl. Tracing) - Webpack (gzipped) 33.38 KB (0%)
@sentry/browser (incl. browserTracingIntegration) - Webpack (gzipped) 33.25 KB (0%)
@sentry/browser (incl. Feedback) - Webpack (gzipped) 31.33 KB (0%)
@sentry/browser (incl. sendFeedback) - Webpack (gzipped) 31.34 KB (0%)
@sentry/browser - Webpack (gzipped) 22.6 KB (0%)
@sentry/browser (incl. Tracing, Replay, Feedback) - ES6 CDN Bundle (gzipped) 76.17 KB (+0.08% 🔺)
@sentry/browser (incl. Tracing, Replay) - ES6 CDN Bundle (gzipped) 67.72 KB (+0.1% 🔺)
@sentry/browser (incl. Tracing) - ES6 CDN Bundle (gzipped) 33.5 KB (0%)
@sentry/browser - ES6 CDN Bundle (gzipped) 24.66 KB (0%)
@sentry/browser (incl. Tracing, Replay) - ES6 CDN Bundle (minified & uncompressed) 213.68 KB (+0.09% 🔺)
@sentry/browser (incl. Tracing) - ES6 CDN Bundle (minified & uncompressed) 101.49 KB (0%)
@sentry/browser - ES6 CDN Bundle (minified & uncompressed) 74.01 KB (0%)
@sentry/browser (incl. Tracing) - ES5 CDN Bundle (gzipped) 36.63 KB (0%)
@sentry/react (incl. Tracing, Replay) - Webpack (gzipped) 69.8 KB (+0.1% 🔺)
@sentry/react - Webpack (gzipped) 22.63 KB (0%)
@sentry/nextjs Client (incl. Tracing, Replay) - Webpack (gzipped) 86.56 KB (+0.07% 🔺)
@sentry/nextjs Client - Webpack (gzipped) 50.8 KB (0%)
@sentry-internal/feedback - Webpack (gzipped) 17.21 KB (0%)

@Lms24 Lms24 merged commit cc0fcb8 into develop Feb 2, 2024
122 checks passed
@Lms24 Lms24 deleted the lms/test-e2e-vue-3 branch February 2, 2024 16:00
onurtemizkan pushed a commit that referenced this pull request Feb 4, 2024
This PR adds e2e tests for a Vue 3 app using `@sentry/vue`

Specifically, we test
- Catching an error
- Pageload transaction
- Navigation transaction
- Preferring route name over route id
mydea added a commit that referenced this pull request Feb 5, 2024
This replaces the `vueRouterInstrumentation` and allows to deprecate
browser tracing in the vue package.

Waiting for #10476,
then we should put these changes on top of the E2E test to verify it
still works.
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.

None yet

2 participants