test(e2e): Test building a create-react-app app with Sentry SDK

[lforst]

Ref: #5506

Create first E2E test that tests adding Sentry to a create-react-app application.

It tests the following things:

• Installing @sentry/react and @sentry/tracing
• Importing various APIs init, BrowserTracing integration, ErrorBoundary, withProfile
• Typings of these APIs (yarn build runs tsc/typechecking under the hood)

[AbhiPrasad]

Nice

[AbhiPrasad]

lol it's es5 by default??

[AbhiPrasad]

🚀

[AbhiPrasad]

Let's make us of the more fleshed out fallback.

Suggested change

	<Sentry.ErrorBoundary fallback={<p>An error has occurred</p>}>
	<Sentry.ErrorBoundary
	fallback={({ error, componentStack, resetError }) => (
	<React.Fragment>
	<div>You have encountered an error</div>
	<div>{error.toString()}</div>
	<div>{componentStack}</div>
	<button
	onClick={() => {
	this.setState({ message: "This is my app" });
	{/* When resetError() is called it will remove the Fallback component */}
	{/* and render the Sentry ErrorBoundary's children in their initial state */}
	resetError();
	}}
	>
	Click here to reset!
	</button>
	</React.Fragment>
	)}
	>

[github-actions]

size-limit report 📦

Path	Size
@sentry/browser - ES5 CDN Bundle (gzipped + minified)	19.49 KB (+0.01% 🔺)
@sentry/browser - ES5 CDN Bundle (minified)	60.29 KB (0%)
@sentry/browser - ES6 CDN Bundle (gzipped + minified)	18.11 KB (+0.02% 🔺)
@sentry/browser - ES6 CDN Bundle (minified)	53.22 KB (0%)
@sentry/browser - Webpack (gzipped + minified)	19.83 KB (0%)
@sentry/browser - Webpack (minified)	64.56 KB (0%)
@sentry/react - Webpack (gzipped + minified)	19.85 KB (0%)
@sentry/nextjs Client - Webpack (gzipped + minified)	44.75 KB (0%)
@sentry/browser + @sentry/tracing - ES5 CDN Bundle (gzipped + minified)	25.94 KB (+0.01% 🔺)
@sentry/browser + @sentry/tracing - ES6 CDN Bundle (gzipped + minified)	24.38 KB (+0.01% 🔺)