test

Author: AbhiPrasad

packages/e2e-tests/run.ts

@@ -22,9 +22,9 @@ async function run(): Promise<void> {
   };
 
   try {
-    registrySetup();
+    // registrySetup();
 
-    const recipePaths = glob.sync(`${__dirname}/test-applications/*/test-recipe.json`, { absolute: true });
+    const recipePaths = glob.sync(`${__dirname}/test-applications/sveltekit/test-recipe.json`, { absolute: true });
 
     await runAllTestApps(recipePaths, envVarsToInject);
   } catch (error) {

packages/e2e-tests/test-applications/sveltekit/.gitignore

@@ -0,0 +1,10 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*

packages/e2e-tests/test-applications/sveltekit/.npmrc

@@ -0,0 +1,2 @@
+@sentry:registry=http://localhost:4873
+@sentry-internal:registry=http://localhost:4873

packages/e2e-tests/test-applications/sveltekit/README.md

@@ -0,0 +1,38 @@
+# create-svelte
+
+Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).
+
+## Creating a project
+
+If you're seeing this, you've probably already done this step. Congrats!
+
+```bash
+# create a new project in the current directory
+npm create svelte@latest
+
+# create a new project in my-app
+npm create svelte@latest my-app
+```
+
+## Developing
+
+Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+
+```bash
+npm run dev
+
+# or start the server and open the app in a new browser tab
+npm run dev -- --open
+```
+
+## Building
+
+To create a production version of your app:
+
+```bash
+npm run build
+```
+
+You can preview the production build with `npm run preview`.
+
+> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.

packages/e2e-tests/test-applications/sveltekit/package.json

@@ -0,0 +1,29 @@
+{
+	"name": "sveltekit",
+	"version": "0.0.1",
+	"private": true,
+	"scripts": {
+		"dev": "vite dev",
+		"build": "vite build",
+		"preview": "vite preview",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+		"test:prod": "TEST_ENV=production playwright test",
+    "test:dev": "TEST_ENV=development playwright test"
+	},
+	"dependencies": {
+		"@sentry/sveltekit": "*"
+	},
+	"devDependencies": {
+		"@sveltejs/adapter-auto": "^2.0.0",
+		"@sveltejs/kit": "^1.5.0",
+		"svelte": "^3.54.0",
+		"svelte-check": "^3.0.1",
+		"tslib": "^2.4.1",
+		"typescript": "^5.0.0",
+		"vite": "^4.2.0",
+		"ts-node": "10.9.1",
+		"@playwright/test": "^1.27.1"
+	},
+	"type": "module"
+}

packages/e2e-tests/test-applications/sveltekit/playwright.config.ts

@@ -0,0 +1,68 @@
+import type { PlaywrightTestConfig } from '@playwright/test';
+import { devices } from '@playwright/test';
+
+const testEnv = process.env.TEST_ENV;
+
+if (!testEnv) {
+  throw new Error('No test env defined');
+}
+
+const port = Number(process.env.BASE_PORT) + Number(process.env.PORT_MODULO);
+
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+const config: PlaywrightTestConfig = {
+  testDir: './tests',
+  /* Maximum time one test can run for. */
+  timeout: 60 * 1000,
+  expect: {
+    /**
+     * Maximum time expect() should wait for the condition to be met.
+     * For example in `await expect(locator).toHaveText();`
+     */
+    timeout: 10000,
+  },
+  /* Run tests in files in parallel */
+  fullyParallel: true,
+  /* Fail the build on CI if you accidentally left test.only in the source code. */
+  forbidOnly: !!process.env.CI,
+  /* `next dev` is incredibly buggy with the app dir */
+  retries: testEnv === 'development' ? 3 : 0,
+  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
+  reporter: 'list',
+  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+  use: {
+    /* Maximum time each action such as `click()` can take. Defaults to 0 (no limit). */
+    actionTimeout: 0,
+    /* Base URL to use in actions like `await page.goto('/')`. */
+    baseURL: `http://localhost:${port}`,
+
+    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+    trace: 'on-first-retry',
+  },
+
+  /* Configure projects for major browsers */
+  projects: [
+    {
+      name: 'chromium',
+      use: {
+        ...devices['Desktop Chrome'],
+      },
+    },
+  ],
+
+  /* Run your local dev server before starting the tests */
+  webServer: [
+    {
+      command: testEnv === 'development' ? `yarn preview --port ${port}` : `yarn preview --port ${port}`,
+      port,
+    },
+    {
+      command: 'yarn ts-node --esm start-event-proxy.ts',
+      port: Number(process.env.BASE_PORT) + Number(process.env.PORT_MODULO) + Number(process.env.PORT_GAP),
+    },
+  ],
+};
+
+export default config;

packages/e2e-tests/test-applications/sveltekit/src/app.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
+		<meta name="viewport" content="width=device-width" />
+		%sveltekit.head%
+	</head>
+	<body data-sveltekit-preload-data="hover">
+		<div style="display: contents">%sveltekit.body%</div>
+	</body>
+</html>

packages/e2e-tests/test-applications/sveltekit/src/hooks.client.ts

@@ -0,0 +1,15 @@
+import * as Sentry from '@sentry/sveltekit';
+
+Sentry.init({
+  dsn: process.env.E2E_TEST_DSN,
+  tunnel: `http://localhost:${
+    Number(process.env.BASE_PORT) + Number(process.env.PORT_MODULO) + Number(process.env.PORT_GAP)
+  }/`, // proxy server
+  tracesSampleRate: 1.0,
+});
+
+const myErrorHandler = ({ error, event }: any) => {
+  console.error('An error occurred on the client side:', error, event);
+};
+
+export const handleError = Sentry.handleErrorWithSentry(myErrorHandler);

packages/e2e-tests/test-applications/sveltekit/src/hooks.server.ts

@@ -0,0 +1,17 @@
+import * as Sentry from '@sentry/sveltekit';
+
+Sentry.init({
+  dsn: process.env.E2E_TEST_DSN,
+  tunnel: `http://localhost:${
+    Number(process.env.BASE_PORT) + Number(process.env.PORT_MODULO) + Number(process.env.PORT_GAP)
+  }/`, // proxy server
+  tracesSampleRate: 1.0,
+});
+
+const myErrorHandler = ({ error, event }: any) => {
+  console.error('An error occurred on the client side:', error, event);
+};
+
+export const handleError = Sentry.handleErrorWithSentry(myErrorHandler);
+
+export const handle = Sentry.sentryHandle;

packages/e2e-tests/test-applications/sveltekit/src/routes/+page.svelte

@@ -0,0 +1,2 @@
+<h1>Welcome to SvelteKit</h1>
+<p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p>

packages/e2e-tests/test-applications/sveltekit/start-event-proxy.ts

@@ -0,0 +1,6 @@
+import { startEventProxyServer } from '../../test-utils/event-proxy-server';
+
+startEventProxyServer({
+  port: Number(process.env.BASE_PORT) + Number(process.env.PORT_MODULO) + Number(process.env.PORT_GAP),
+  proxyServerName: 'sveltekit',
+});

packages/e2e-tests/test-applications/sveltekit/static/favicon.png

@@ -0,0 +1,18 @@
+import adapter from '@sveltejs/adapter-auto';
+import { vitePreprocess } from '@sveltejs/kit/vite';
+
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+	// Consult https://kit.svelte.dev/docs/integrations#preprocessors
+	// for more information about preprocessors
+	preprocess: vitePreprocess(),
+
+	kit: {
+		// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
+		// If your environment is not supported or you settled on a specific environment, switch out the adapter.
+		// See https://kit.svelte.dev/docs/adapters for more information about adapters.
+		adapter: adapter()
+	}
+};
+
+export default config;

packages/e2e-tests/test-applications/sveltekit/svelte.config.js

@@ -0,0 +1,15 @@
+{
+  "$schema": "../../test-recipe-schema.json",
+  "testApplicationName": "Sveltekit",
+  "buildCommand": "yarn install && yarn build",
+  "tests": [
+    {
+      "testName": "Prod Mode",
+      "testCommand": "yarn test:prod"
+    },
+    {
+      "testName": "Dev Mode",
+      "testCommand": "yarn test:dev"
+    }
+  ]
+}

packages/e2e-tests/test-applications/sveltekit/test-recipe.json

@@ -0,0 +1,19 @@
+{
+  "extends": "./.svelte-kit/tsconfig.json",
+  "compilerOptions": {
+    "allowJs": true,
+    "checkJs": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "sourceMap": true,
+    "strict": true
+    // "allowImportingTsExtensions": true
+  }
+  // "include": ["./start-event-proxy.ts", "../../test-utils/**/*"]
+  // Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
+  //
+  // If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
+  // from the referenced tsconfig.json - TypeScript does not merge them in
+}

packages/e2e-tests/test-applications/sveltekit/tsconfig.json

@@ -0,0 +1,12 @@
+import { sveltekit } from '@sveltejs/kit/vite';
+import { sentrySvelteKit } from '@sentry/sveltekit';
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  plugins: [
+    sentrySvelteKit({
+      autoUploadSourceMaps: false,
+    }),
+    sveltekit(),
+  ],
+});

packages/e2e-tests/test-applications/sveltekit/vite.config.js

@@ -247,3 +247,6 @@ async function retrieveCallbackServerPort(serverName: string): Promise<string> {
   const tmpFilePath = path.join(os.tmpdir(), `${TEMP_FILE_PREFIX}${serverName}`);
   return await readFile(tmpFilePath, 'utf8');
 }
+
+// /Users/abhijeetprasad/workspace/sentry-javascript/packages/e2e-tests/test-utils/event-proxy-server.ts
+// /Users/abhijeetprasad/workspace/sentry-javascript/packages/e2e-tests/test-utils/event-proxy-server