Merge pull request #4 from PascalHonegger/snapshot-tests

feat(test): add snapshot tests

Author: PascalHonegger

.gitignore

@@ -3,6 +3,8 @@ node_modules
 /build
 /.svelte-kit
 /package
+/test-results
 .env
 .env.*
 !.env.example
+.pnpm-store

package.json

@@ -8,6 +8,7 @@
 		"preview": "vite preview",
 		"postinstall": "svelte-kit sync",
 		"test": "playwright test",
+		"test:update": "playwright test --update-snapshots",
 		"check": "svelte-check --tsconfig ./tsconfig.json",
 		"check:watch": "svelte-check --tsconfig ./tsconfig.json --watch",
 		"lint": "prettier --check --plugin-search-dir=. . && eslint .",

tests/test.ts

@@ -55,3 +55,18 @@ test('navigation between pages works', async ({ page }) => {
 	await about.click();
 	await expect(page).toHaveURL('/');
 });
+
+test('index page snapshot', async ({ page }) => {
+	await page.goto('/');
+	await expect(page).toHaveScreenshot('index.png');
+});
+
+test('setup page snapshot', async ({ page }) => {
+	await page.goto('/setup');
+	await expect(page).toHaveScreenshot('setup.png');
+});
+
+test('projects page snapshot', async ({ page }) => {
+	await page.goto('/projects');
+	await expect(page).toHaveScreenshot('projects.png');
+});