test(sveltekit-cloudflare): simpler e2e test

Just test whether it builds successfully

Author: SG60

dev-packages/e2e-tests/test-applications/sveltekit-cloudflare-pages/.gitignore

@@ -1,11 +1,24 @@
-.DS_Store
+test-results
 node_modules
-/build
+
+# Output
+.output
+.vercel
+.netlify
+.wrangler
 /.svelte-kit
-/.wrangler
-/package
+/build
+
+# OS
+.DS_Store
+Thumbs.db
+
+# Env
 .env
 .env.*
 !.env.example
+!.env.test
+
+# Vite
 vite.config.js.timestamp-*
 vite.config.ts.timestamp-*

dev-packages/e2e-tests/test-applications/sveltekit-cloudflare-pages/.npmrc

@@ -1,2 +1,3 @@
 @sentry:registry=http://127.0.0.1:4873
 @sentry-internal:registry=http://127.0.0.1:4873
+engine-strict=true

dev-packages/e2e-tests/test-applications/sveltekit-cloudflare-pages/README.md

@@ -1,24 +1,22 @@
-# create-svelte
+# sv
 
-Everything you need to build a Svelte project, powered by
-[`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).
+Everything you need to build a Svelte project, powered by [`sv`](https://github.com/sveltejs/cli).
 
 ## 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
+npx sv create
 
 # create a new project in my-app
-npm create svelte@latest my-app
+npx sv create my-app
 ```
 
 ## Developing
 
-Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a
-development server:
+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
@@ -37,5 +35,4 @@ 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.
+> To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.

dev-packages/e2e-tests/test-applications/sveltekit-cloudflare-pages/e2e/demo.test.ts

@@ -0,0 +1,6 @@
+import { expect, test } from '@playwright/test';
+
+test('home page has expected h1', async ({ page }) => {
+	await page.goto('/');
+	await expect(page.locator('h1')).toBeVisible();
+});

dev-packages/e2e-tests/test-applications/sveltekit-cloudflare-pages/package.json

@@ -1,36 +1,31 @@
 {
-  "name": "sveltekit-cloudflare-pages",
-  "version": "0.0.1",
-  "private": true,
-  "scripts": {
-    "dev": "vite dev",
-    "build": "vite build",
-    "preview": "vite preview",
-    "proxy": "node start-event-proxy.mjs",
-    "clean": "npx rimraf node_modules pnpm-lock.yaml",
-    "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",
+	"name": "sveltekit-cloudflare-pages",
+	"private": true,
+	"version": "0.0.1",
+	"type": "module",
+	"scripts": {
+		"dev": "vite dev",
+		"build": "vite build",
+		"preview": "wrangler pages dev ./.svelte-kit/cloudflare --port 4173",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+		"test:e2e": "playwright test",
+		"test": "npm run test:e2e",
     "test:build": "pnpm install && pnpm build",
-    "test:assert": "pnpm test:prod"
-  },
+    "test:assert": "npm run test:e2e"
+	},
   "dependencies": {
-    "@sentry/sveltekit": "latest || *",
-    "@spotlightjs/spotlight": "2.0.0-alpha.1"
-  },
-  "devDependencies": {
-    "@playwright/test": "^1.44.1",
-    "@sentry-internal/test-utils": "link:../../../test-utils",
-    "@sentry/core": "latest || *",
-    "@sveltejs/adapter-cloudflare": "^4.0.0",
-    "@sveltejs/kit": "^2.0.0",
-    "@sveltejs/vite-plugin-svelte": "^4.0.0",
-    "svelte": "^5.0.0",
-    "svelte-check": "^3.6.0",
-    "tslib": "^2.4.1",
-    "typescript": "^5.0.0",
-    "vite": "^5.4.10",
-    "wrangler": "^3.95.0"
+    "@sentry/sveltekit": "latest || *"
   },
-  "type": "module"
+	"devDependencies": {
+		"@playwright/test": "^1.45.3",
+		"@sveltejs/adapter-cloudflare": "^4.8.0",
+		"@sveltejs/kit": "^2.9.0",
+		"@sveltejs/vite-plugin-svelte": "^5.0.0",
+		"svelte": "^5.0.0",
+		"svelte-check": "^4.0.0",
+		"typescript": "^5.0.0",
+		"vite": "^6.0.0",
+		"wrangler": "^3"
+	}
 }

dev-packages/e2e-tests/test-applications/sveltekit-cloudflare-pages/playwright.config.mjs

@@ -0,0 +1,10 @@
+import { defineConfig } from '@playwright/test';
+
+export default defineConfig({
+  webServer: {
+    command: 'npm run build && npm run preview',
+    port: 4173
+  },
+
+  testDir: 'e2e'
+});

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

@@ -1,13 +1,13 @@
-// See https://kit.svelte.dev/docs/types#app
+// See https://svelte.dev/docs/kit/types#app.d.ts
 // for information about these interfaces
 declare global {
-  namespace App {
-    // interface Error {}
-    // interface Locals {}
-    // interface PageData {}
-    // interface PageState {}
-    // interface Platform {}
-  }
+	namespace App {
+		// interface Error {}
+		// interface Locals {}
+		// interface PageData {}
+		// interface PageState {}
+		// interface Platform {}
+	}
 }
 
 export {};

dev-packages/e2e-tests/test-applications/sveltekit-cloudflare-pages/src/app.d.ts

@@ -1,23 +1,8 @@
 import { env } from '$env/dynamic/public';
 import * as Sentry from '@sentry/sveltekit';
-import * as Spotlight from '@spotlightjs/spotlight';
 
 Sentry.init({
-  environment: 'qa', // dynamic sampling bias to keep transactions
   dsn: env.PUBLIC_E2E_TEST_DSN,
-  debug: !!env.PUBLIC_DEBUG,
-  tunnel: `http://localhost:3031/`, // 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);
-
-if (import.meta.env.DEV) {
-  Spotlight.init({
-    injectImmediately: true,
-  });
-}
+export const handleError = Sentry.handleErrorWithSentry();

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

@@ -1,17 +1,12 @@
 import { E2E_TEST_DSN } from '$env/static/private';
-import * as Sentry from '@sentry/sveltekit';
+import { handleErrorWithSentry, initCloudflareSentryHandle, sentryHandle } from '@sentry/sveltekit';
 import { sequence } from '@sveltejs/kit/hooks';
 
-// not logging anything to console to avoid noise in the test output
-export const handleError = Sentry.handleErrorWithSentry(() => { });
+export const handleError = handleErrorWithSentry();
 
 export const handle = sequence(
-  Sentry.initCloudflareSentryHandle({
-    environment: 'qa', // dynamic sampling bias to keep transactions
+  initCloudflareSentryHandle({
     dsn: E2E_TEST_DSN,
-    debug: !!process.env.DEBUG,
-    tunnel: `http://localhost:3031/`, // proxy server
-    tracesSampleRate: 1.0,
   }),
-  Sentry.sentryHandle(),
+  sentryHandle(),
 );