Added Playwright

.gitignore

@@ -9,3 +9,7 @@
 /dist/*.mts
 /dist/stats.json
 /dist/example-assets/migrations.js
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/

e2e/demo.spec.ts

@@ -0,0 +1,9 @@
+import {test, expect} from '@playwright/test';
+
+test.describe('Demo page', () => {
+	// A very basic test to assess the availability of the dev server.
+	test('should have a title', async ({page}) => {
+		await page.goto('/');
+		await expect(page).toHaveTitle(/Orejime/);
+	});
+});

package.json

@@ -33,7 +33,10 @@
   "scripts": {
     "start": "rspack --watch",
     "serve": "rspack serve",
-    "test": "NODE_OPTIONS=--experimental-vm-modules jest src",
+    "test-unit": "NODE_OPTIONS=--experimental-vm-modules jest src",
+    "test-e2e": "playwright test",
+    "test-e2e-ui": "npm run test-e2e -- --ui",
+    "test": "npm run test-unit && npm run test-e2e",
     "clean-build": "shx rm -Rf ./lib ./es ./dist/*.js ./dist/*.css ./dist/*.scss ./dist/stats.json",
     "build-commonjs": "tsc -p ./build/tsconfig.commonjs.json",
     "build-module": "tsc -p ./build/tsconfig.module.json",
@@ -53,6 +56,7 @@
     "js-cookie": "^3.0.1"
   },
   "devDependencies": {
+    "@playwright/test": "^1.48.0",
     "@rspack/cli": "^1.0.3",
     "@rspack/core": "^1.0.3",
     "@swc/core": "^1.7.23",
@@ -61,6 +65,7 @@
     "@types/jest": "^27.5.0",
     "@types/js-cookie": "^3.0.2",
     "@types/micromodal": "^0.3.5",
+    "@types/node": "^22.7.5",
     "cross-env": "^5.2.0",
     "css-loader": "^0.28.11",
     "jest": "^28.1.3",

playwright.config.ts

@@ -0,0 +1,29 @@
+import {defineConfig, devices} from '@playwright/test';
+
+export default defineConfig({
+	testDir: './e2e',
+	fullyParallel: true,
+	forbidOnly: !!process.env.CI,
+	retries: process.env.CI ? 2 : 0,
+	workers: process.env.CI ? 1 : undefined,
+	reporter: 'html',
+	use: {
+		baseURL: 'http://127.0.0.1:3000',
+		trace: 'on-first-retry'
+	},
+	projects: [
+		{
+			name: 'chromium',
+			use: {...devices['Desktop Chrome']}
+		},
+		{
+			name: 'firefox',
+			use: {...devices['Desktop Firefox']}
+		}
+	],
+	webServer: {
+		command: 'npm run serve',
+		url: 'http://127.0.0.1:3000',
+		reuseExistingServer: !process.env.CI
+	}
+});