diff --git a/.github/workflows/test.yaml b/.github/workflows/test.yaml
index 0662c60..28cdb60 100644
--- a/.github/workflows/test.yaml
+++ b/.github/workflows/test.yaml
@@ -35,3 +35,13 @@ jobs:
       - name: "Report coverage"
         if: always()
         uses: davelosert/vitest-coverage-report-action@v2
+      - name: Install Playwright Browsers
+        run: pnpm exec playwright install --with-deps
+      - name: Run Playwright tests
+        run: pnpm test:e2e
+      - uses: actions/upload-artifact@v4
+        if: always()
+        with:
+          name: playwright-report
+          path: playwright-report/
+          retention-days: 30
diff --git a/.gitignore b/.gitignore
index 8f322f0..75c6a76 100644
--- a/.gitignore
+++ b/.gitignore
@@ -33,3 +33,9 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+# playwright
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/
diff --git a/package.json b/package.json
index 483bb40..dd36017 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,12 @@
     "dev": "next dev",
     "lint": "next lint",
     "start": "next start",
-    "test": "vitest"
+    "test": "vitest",
+    "test:e2e": "playwright test",
+    "test:e2e:ui": "playwright test --ui",
+    "test:e2e:headed": "playwright test --headed",
+    "test:e2e:update": "playwright test --update-snapshots",
+    "test:e2e:report": "playwright show-report"
   },
   "dependencies": {
     "diff": "5.1.0",
@@ -18,6 +23,7 @@
     "tailwindcss": "3.3.3"
   },
   "devDependencies": {
+    "@playwright/test": "1.53.1",
     "@types/diff": "5.2.3",
     "@types/node": "20.17.12",
     "@types/react": "18.3.18",
diff --git a/playwright.config.ts b/playwright.config.ts
new file mode 100644
index 0000000..349dec5
--- /dev/null
+++ b/playwright.config.ts
@@ -0,0 +1,28 @@
+import { defineConfig, devices } from '@playwright/test';
+
+export default defineConfig({
+  testDir: './tests/e2e',
+  fullyParallel: true,
+  forbidOnly: !!process.env.CI,
+  retries: process.env.CI ? 2 : 0,
+  workers: process.env.CI ? 1 : undefined,
+  reporter: [['html', { open: 'never' }]],
+  use: {
+    baseURL: 'http://localhost:3000',
+    trace: 'on-first-retry',
+    screenshot: 'only-on-failure',
+  },
+
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    }
+  ],
+
+  webServer: {
+    command: 'pnpm dev',
+    url: 'http://localhost:3000',
+    reuseExistingServer: !process.env.CI,
+  },
+});
\ No newline at end of file
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index cf3c39f..1d03342 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -27,6 +27,9 @@ importers:
         specifier: 3.3.3
         version: 3.3.3
     devDependencies:
+      '@playwright/test':
+        specifier: 1.53.1
+        version: 1.53.1
       '@types/diff':
         specifier: 5.2.3
         version: 5.2.3
@@ -381,6 +384,11 @@ packages:
     resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
     engines: {node: '>=14'}
 
+  '@playwright/test@1.53.1':
+    resolution: {integrity: sha512-Z4c23LHV0muZ8hfv4jw6HngPJkbbtZxTkxPNIg7cJcTc9C28N/p2q7g3JZS2SiKBBHJ3uM1dgDye66bB7LEk5w==}
+    engines: {node: '>=18'}
+    hasBin: true
+
   '@rollup/rollup-android-arm-eabi@4.29.1':
     resolution: {integrity: sha512-ssKhA8RNltTZLpG6/QNkCSge+7mBQGUqJRisZ2MDQcEGaK93QESEgWK2iOpIDZ7k9zPVkG5AS3ksvD5ZWxmItw==}
     cpu: [arm]
@@ -1040,6 +1048,11 @@ packages:
   fs.realpath@1.0.0:
     resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
 
+  fsevents@2.3.2:
+    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
   fsevents@2.3.3:
     resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
@@ -1543,6 +1556,16 @@ packages:
     resolution: {integrity: sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==}
     engines: {node: '>= 6'}
 
+  playwright-core@1.53.1:
+    resolution: {integrity: sha512-Z46Oq7tLAyT0lGoFx4DOuB1IA9D1TPj0QkYxpPVUnGDqHHvDpCftu1J2hM2PiWsNMoZh8+LQaarAWcDfPBc6zg==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  playwright@1.53.1:
+    resolution: {integrity: sha512-LJ13YLr/ocweuwxyGf1XNFWIU4M2zUSo149Qbp+A4cpwDjsxRPj7k6H25LBrEHiEwxvRbD8HdwvQmRMSvquhYw==}
+    engines: {node: '>=18'}
+    hasBin: true
+
   postcss-import@15.1.0:
     resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
     engines: {node: '>=14.0.0'}
@@ -2229,6 +2252,10 @@ snapshots:
   '@pkgjs/parseargs@0.11.0':
     optional: true
 
+  '@playwright/test@1.53.1':
+    dependencies:
+      playwright: 1.53.1
+
   '@rollup/rollup-android-arm-eabi@4.29.1':
     optional: true
 
@@ -2797,7 +2824,7 @@ snapshots:
       eslint: 8.57.1
       eslint-import-resolver-node: 0.3.9
       eslint-import-resolver-typescript: 3.6.0(@typescript-eslint/parser@6.7.2(eslint@8.57.1)(typescript@5.7.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.28.1(eslint@8.57.1))(eslint@8.57.1)
-      eslint-plugin-import: 2.28.1(@typescript-eslint/parser@6.7.2(eslint@8.57.1)(typescript@5.7.3))(eslint-import-resolver-typescript@3.6.0)(eslint@8.57.1)
+      eslint-plugin-import: 2.28.1(@typescript-eslint/parser@6.7.2(eslint@8.57.1)(typescript@5.7.3))(eslint-import-resolver-typescript@3.6.0(@typescript-eslint/parser@6.7.2(eslint@8.57.1)(typescript@5.7.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.28.1(eslint@8.57.1))(eslint@8.57.1))(eslint@8.57.1)
       eslint-plugin-jsx-a11y: 6.7.1(eslint@8.57.1)
       eslint-plugin-react: 7.33.2(eslint@8.57.1)
       eslint-plugin-react-hooks: 4.6.0(eslint@8.57.1)
@@ -2820,8 +2847,8 @@ snapshots:
       debug: 4.4.0
       enhanced-resolve: 5.15.0
       eslint: 8.57.1
-      eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.7.2(eslint@8.57.1)(typescript@5.7.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.0)(eslint@8.57.1)
-      eslint-plugin-import: 2.28.1(@typescript-eslint/parser@6.7.2(eslint@8.57.1)(typescript@5.7.3))(eslint-import-resolver-typescript@3.6.0)(eslint@8.57.1)
+      eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.7.2(eslint@8.57.1)(typescript@5.7.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.0(@typescript-eslint/parser@6.7.2(eslint@8.57.1)(typescript@5.7.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.28.1(eslint@8.57.1))(eslint@8.57.1))(eslint@8.57.1)
+      eslint-plugin-import: 2.28.1(@typescript-eslint/parser@6.7.2(eslint@8.57.1)(typescript@5.7.3))(eslint-import-resolver-typescript@3.6.0(@typescript-eslint/parser@6.7.2(eslint@8.57.1)(typescript@5.7.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.28.1(eslint@8.57.1))(eslint@8.57.1))(eslint@8.57.1)
       fast-glob: 3.3.1
       get-tsconfig: 4.7.0
       is-core-module: 2.13.0
@@ -2832,7 +2859,7 @@ snapshots:
       - eslint-import-resolver-webpack
       - supports-color
 
-  eslint-module-utils@2.8.0(@typescript-eslint/parser@6.7.2(eslint@8.57.1)(typescript@5.7.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.0)(eslint@8.57.1):
+  eslint-module-utils@2.8.0(@typescript-eslint/parser@6.7.2(eslint@8.57.1)(typescript@5.7.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.0(@typescript-eslint/parser@6.7.2(eslint@8.57.1)(typescript@5.7.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.28.1(eslint@8.57.1))(eslint@8.57.1))(eslint@8.57.1):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
@@ -2843,7 +2870,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-import@2.28.1(@typescript-eslint/parser@6.7.2(eslint@8.57.1)(typescript@5.7.3))(eslint-import-resolver-typescript@3.6.0)(eslint@8.57.1):
+  eslint-plugin-import@2.28.1(@typescript-eslint/parser@6.7.2(eslint@8.57.1)(typescript@5.7.3))(eslint-import-resolver-typescript@3.6.0(@typescript-eslint/parser@6.7.2(eslint@8.57.1)(typescript@5.7.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.28.1(eslint@8.57.1))(eslint@8.57.1))(eslint@8.57.1):
     dependencies:
       array-includes: 3.1.7
       array.prototype.findlastindex: 1.2.3
@@ -2853,7 +2880,7 @@ snapshots:
       doctrine: 2.1.0
       eslint: 8.57.1
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.7.2(eslint@8.57.1)(typescript@5.7.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.0)(eslint@8.57.1)
+      eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.7.2(eslint@8.57.1)(typescript@5.7.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.0(@typescript-eslint/parser@6.7.2(eslint@8.57.1)(typescript@5.7.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.28.1(eslint@8.57.1))(eslint@8.57.1))(eslint@8.57.1)
       has: 1.0.3
       is-core-module: 2.13.0
       is-glob: 4.0.3
@@ -3040,6 +3067,9 @@ snapshots:
 
   fs.realpath@1.0.0: {}
 
+  fsevents@2.3.2:
+    optional: true
+
   fsevents@2.3.3:
     optional: true
 
@@ -3561,6 +3591,14 @@ snapshots:
 
   pirates@4.0.6: {}
 
+  playwright-core@1.53.1: {}
+
+  playwright@1.53.1:
+    dependencies:
+      playwright-core: 1.53.1
+    optionalDependencies:
+      fsevents: 2.3.2
+
   postcss-import@15.1.0(postcss@8.4.49):
     dependencies:
       postcss: 8.4.49
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7589ec3..edbe8a9 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,6 +1,6 @@
 "use client";
 import { useSearchParams } from "next/navigation";
-import { Fragment, useState } from "react";
+import { Fragment, useState, useEffect } from "react";
 import { diffLines } from "diff";
 import lz from "lz-string";
 import { createShareUrl } from "@/create-share-url";
@@ -26,6 +26,11 @@ export default function Home() {
   const [text2, setText2] = useState<string>(textB);
   const [diffs, setDiffs] = useState<DiffResult[]>(diffLines(textA, textB));
   const [copyButtonText, setCopyButtonText] = useState<string>("Copy");
+  const [currentURL, setCurrentURL] = useState<string>("");
+
+  useEffect(() => {
+    setCurrentURL(window.location.href);
+  }, []);
 
   const calculateDiff = (a: string, b: string) => {
     setDiffs(diffLines(a, b));
@@ -33,7 +38,7 @@ export default function Home() {
 
   const copyUrl = () => {
     navigator.clipboard.writeText(
-      createShareUrl(window.location.href, text1, text2)
+      createShareUrl(currentURL, text1, text2)
     );
   };
 
@@ -105,7 +110,8 @@ export default function Home() {
         <input
           type="text"
           className="bg-gray-100 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-100 focus:border-blue-100 block w-full p-2.5"
-          value={createShareUrl(window.location.href, text1, text2)}
+          value={createShareUrl(currentURL, text1, text2)}
+          readOnly
         />
         <button
           type="button"
diff --git a/src/create-share-url.ts b/src/create-share-url.ts
index e4fb9b8..f1007d2 100644
--- a/src/create-share-url.ts
+++ b/src/create-share-url.ts
@@ -1,10 +1,18 @@
 import lz from "lz-string";
 
 export function createShareUrl(baseUrl: string, textA: string, textB: string) {
-  const url = new URL(baseUrl);
-  url.searchParams.set(
-    "data",
-    lz.compressToEncodedURIComponent(JSON.stringify({ textA, textB }))
-  );
-  return url.toString();
+  if (!baseUrl) {
+    return "";
+  }
+  
+  try {
+    const url = new URL(baseUrl);
+    url.searchParams.set(
+      "data",
+      lz.compressToEncodedURIComponent(JSON.stringify({ textA, textB }))
+    );
+    return url.toString();
+  } catch {
+    return "";
+  }
 }
diff --git a/tests/e2e/diff-viewer.spec.ts b/tests/e2e/diff-viewer.spec.ts
new file mode 100644
index 0000000..7f35d91
--- /dev/null
+++ b/tests/e2e/diff-viewer.spec.ts
@@ -0,0 +1,125 @@
+import { test, expect } from '@playwright/test';
+
+const isCI = !!process.env.CI;
+
+test.describe('Diff Viewer', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.goto('/');
+  });
+
+  test('初期画面表示', async ({ page }) => {
+    await expect(page.locator('h1')).toContainText('Diff Viewer');
+    await expect(page.locator('textarea').first()).toBeVisible();
+    await expect(page.locator('textarea').nth(1)).toBeVisible();
+    await expect(page.locator('pre')).toBeVisible();
+    
+    // 初期状態のスクリーンショット（CI以外）
+    if (!isCI) {
+      await expect(page).toHaveScreenshot('initial-state.png');
+    }
+  });
+
+  test('テキスト入力と差分表示', async ({ page }) => {
+    const textarea1 = page.locator('textarea').first();
+    const textarea2 = page.locator('textarea').nth(1);
+    
+    // テキストを入力
+    await textarea1.fill('Hello\nWorld\nTest');
+    await textarea2.fill('Hello\nUniverse\nTest');
+    
+    // 差分が表示されることを確認
+    await expect(page.locator('.bg-red-100')).toContainText('- World');
+    await expect(page.locator('.bg-green-100')).toContainText('+ Universe');
+    
+    // 差分表示のスクリーンショット（CI以外）
+    if (!isCI) {
+      await expect(page).toHaveScreenshot('diff-display.png');
+    }
+  });
+
+  test('URL生成とコピー機能', async ({ page }) => {
+    const textarea1 = page.locator('textarea').first();
+    const textarea2 = page.locator('textarea').nth(1);
+    const urlInput = page.locator('input[type="text"]');
+    const copyButton = page.locator('button:has-text("Copy")');
+    
+    // テキストを入力
+    await textarea1.fill('Text A');
+    await textarea2.fill('Text B');
+    
+    // URL生成フィールドに値が設定されることを確認（少し待つ）
+    await page.waitForTimeout(500);
+    await expect(urlInput).not.toHaveValue('');
+    
+    // コピーボタンの存在確認
+    await expect(copyButton).toBeVisible();
+    
+    // URL機能のスクリーンショット（CI以外）
+    if (!isCI) {
+      await expect(page).toHaveScreenshot('url-feature.png');
+    }
+  });
+
+  test('URLパラメータからの復元', async ({ page }) => {
+    // 事前に生成されたURLパラメータでアクセス
+    await page.goto('/?data=N4IgLgpgHmCCIC5zTARhAGmTAQo7YATCAL5A');
+    
+    const textarea1 = page.locator('textarea').first();
+    const textarea2 = page.locator('textarea').nth(1);
+    
+    // テキストが復元されることを確認
+    await expect(textarea1).toHaveValue('text1');
+    await expect(textarea2).toHaveValue('text2');
+    
+    // 復元状態のスクリーンショット（CI以外）
+    if (!isCI) {
+      await expect(page).toHaveScreenshot('url-restore.png');
+    }
+  });
+
+  test('レスポンシブデザイン - モバイル', async ({ page }) => {
+    await page.setViewportSize({ width: 375, height: 667 });
+    
+    await expect(page.locator('h1')).toBeVisible();
+    await expect(page.locator('textarea').first()).toBeVisible();
+    await expect(page.locator('textarea').nth(1)).toBeVisible();
+    
+    // モバイル表示のスクリーンショット（CI以外）
+    if (!isCI) {
+      await expect(page).toHaveScreenshot('mobile-view.png');
+    }
+  });
+
+  test('レスポンシブデザイン - タブレット', async ({ page }) => {
+    await page.setViewportSize({ width: 768, height: 1024 });
+    
+    await expect(page.locator('h1')).toBeVisible();
+    await expect(page.locator('textarea').first()).toBeVisible();
+    await expect(page.locator('textarea').nth(1)).toBeVisible();
+    
+    // タブレット表示のスクリーンショット（CI以外）
+    if (!isCI) {
+      await expect(page).toHaveScreenshot('tablet-view.png');
+    }
+  });
+
+  test('大量テキストでの動作確認', async ({ page }) => {
+    const longText1 = Array(50).fill('Line of text A').join('\n');
+    const longText2 = Array(50).fill('Line of text B').join('\n');
+    
+    const textarea1 = page.locator('textarea').first();
+    const textarea2 = page.locator('textarea').nth(1);
+    
+    await textarea1.fill(longText1);
+    await textarea2.fill(longText2);
+    
+    // 差分が表示されることを確認
+    await expect(page.locator('.bg-red-100').first()).toBeVisible();
+    await expect(page.locator('.bg-green-100').first()).toBeVisible();
+    
+    // 大量テキスト処理のスクリーンショット（CI以外）
+    if (!isCI) {
+      await expect(page).toHaveScreenshot('large-text.png');
+    }
+  });
+});
\ No newline at end of file
diff --git a/tests/e2e/diff-viewer.spec.ts-snapshots/diff-display-chromium-darwin.png b/tests/e2e/diff-viewer.spec.ts-snapshots/diff-display-chromium-darwin.png
new file mode 100644
index 0000000..3eabab0
Binary files /dev/null and b/tests/e2e/diff-viewer.spec.ts-snapshots/diff-display-chromium-darwin.png differ
diff --git a/tests/e2e/diff-viewer.spec.ts-snapshots/diff-display-chromium-linux.png b/tests/e2e/diff-viewer.spec.ts-snapshots/diff-display-chromium-linux.png
new file mode 100644
index 0000000..a6a3784
Binary files /dev/null and b/tests/e2e/diff-viewer.spec.ts-snapshots/diff-display-chromium-linux.png differ
diff --git a/tests/e2e/diff-viewer.spec.ts-snapshots/initial-state-chromium-darwin.png b/tests/e2e/diff-viewer.spec.ts-snapshots/initial-state-chromium-darwin.png
new file mode 100644
index 0000000..fd473f3
Binary files /dev/null and b/tests/e2e/diff-viewer.spec.ts-snapshots/initial-state-chromium-darwin.png differ
diff --git a/tests/e2e/diff-viewer.spec.ts-snapshots/initial-state-chromium-linux.png b/tests/e2e/diff-viewer.spec.ts-snapshots/initial-state-chromium-linux.png
new file mode 100644
index 0000000..fe93363
Binary files /dev/null and b/tests/e2e/diff-viewer.spec.ts-snapshots/initial-state-chromium-linux.png differ
diff --git a/tests/e2e/diff-viewer.spec.ts-snapshots/large-text-chromium-darwin.png b/tests/e2e/diff-viewer.spec.ts-snapshots/large-text-chromium-darwin.png
new file mode 100644
index 0000000..6da1d6e
Binary files /dev/null and b/tests/e2e/diff-viewer.spec.ts-snapshots/large-text-chromium-darwin.png differ
diff --git a/tests/e2e/diff-viewer.spec.ts-snapshots/large-text-chromium-linux.png b/tests/e2e/diff-viewer.spec.ts-snapshots/large-text-chromium-linux.png
new file mode 100644
index 0000000..0276c82
Binary files /dev/null and b/tests/e2e/diff-viewer.spec.ts-snapshots/large-text-chromium-linux.png differ
diff --git a/tests/e2e/diff-viewer.spec.ts-snapshots/mobile-view-chromium-darwin.png b/tests/e2e/diff-viewer.spec.ts-snapshots/mobile-view-chromium-darwin.png
new file mode 100644
index 0000000..2bfff3c
Binary files /dev/null and b/tests/e2e/diff-viewer.spec.ts-snapshots/mobile-view-chromium-darwin.png differ
diff --git a/tests/e2e/diff-viewer.spec.ts-snapshots/mobile-view-chromium-linux.png b/tests/e2e/diff-viewer.spec.ts-snapshots/mobile-view-chromium-linux.png
new file mode 100644
index 0000000..c6d6472
Binary files /dev/null and b/tests/e2e/diff-viewer.spec.ts-snapshots/mobile-view-chromium-linux.png differ
diff --git a/tests/e2e/diff-viewer.spec.ts-snapshots/tablet-view-chromium-darwin.png b/tests/e2e/diff-viewer.spec.ts-snapshots/tablet-view-chromium-darwin.png
new file mode 100644
index 0000000..eba872c
Binary files /dev/null and b/tests/e2e/diff-viewer.spec.ts-snapshots/tablet-view-chromium-darwin.png differ
diff --git a/tests/e2e/diff-viewer.spec.ts-snapshots/tablet-view-chromium-linux.png b/tests/e2e/diff-viewer.spec.ts-snapshots/tablet-view-chromium-linux.png
new file mode 100644
index 0000000..ed9e322
Binary files /dev/null and b/tests/e2e/diff-viewer.spec.ts-snapshots/tablet-view-chromium-linux.png differ
diff --git a/tests/e2e/diff-viewer.spec.ts-snapshots/url-feature-chromium-darwin.png b/tests/e2e/diff-viewer.spec.ts-snapshots/url-feature-chromium-darwin.png
new file mode 100644
index 0000000..7294b28
Binary files /dev/null and b/tests/e2e/diff-viewer.spec.ts-snapshots/url-feature-chromium-darwin.png differ
diff --git a/tests/e2e/diff-viewer.spec.ts-snapshots/url-feature-chromium-linux.png b/tests/e2e/diff-viewer.spec.ts-snapshots/url-feature-chromium-linux.png
new file mode 100644
index 0000000..df2e45e
Binary files /dev/null and b/tests/e2e/diff-viewer.spec.ts-snapshots/url-feature-chromium-linux.png differ
diff --git a/tests/e2e/diff-viewer.spec.ts-snapshots/url-restore-chromium-darwin.png b/tests/e2e/diff-viewer.spec.ts-snapshots/url-restore-chromium-darwin.png
new file mode 100644
index 0000000..298a260
Binary files /dev/null and b/tests/e2e/diff-viewer.spec.ts-snapshots/url-restore-chromium-darwin.png differ
diff --git a/tests/e2e/diff-viewer.spec.ts-snapshots/url-restore-chromium-linux.png b/tests/e2e/diff-viewer.spec.ts-snapshots/url-restore-chromium-linux.png
new file mode 100644
index 0000000..a248b5f
Binary files /dev/null and b/tests/e2e/diff-viewer.spec.ts-snapshots/url-restore-chromium-linux.png differ
diff --git a/vitest.config.ts b/vitest.config.ts
index f56e9a1..45f2026 100644
--- a/vitest.config.ts
+++ b/vitest.config.ts
@@ -2,6 +2,14 @@ import { defineConfig } from "vitest/config";
 
 export default defineConfig({
   test: {
+    exclude: [
+      "**/node_modules/**",
+      "**/dist/**",
+      "**/cypress/**",
+      "**/e2e/**",
+      "**/.{idea,git,cache,output,temp}/**",
+      "**/{karma,rollup,webpack,vite,vitest,jest,ava,babel,nyc,cypress,tsup,build}.config.*"
+    ],
     coverage: {
       reporter: ["text", "json-summary", "json"],
       reportOnFailure: true,