Add End to end testing to main branch

.github/workflows/playwright.yml

@@ -0,0 +1,29 @@
+name: Playwright Tests
+on:
+  push:
+    branches: [ main ]
+  pull_request:
+    branches: [ main ]
+jobs:
+  test:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v4
+    - uses: actions/setup-node@v4
+      with:
+        node-version: v20.11.1
+    - name: Install dependencies
+      run: npm ci
+    - name: Install Playwright Browsers
+      run: npx playwright install --with-deps
+    - name: Run build
+      run: npm run build
+    - name: Run Playwright tests
+      run: npx playwright test
+    - uses: actions/upload-artifact@v4
+      if: always()
+      with:
+        name: playwright-report
+        path: playwright-report/
+        retention-days: 30

.gitignore

@@ -3,4 +3,7 @@ node_modules
 .vscode
 dist
 *.zip
-dev
+playwright-report/
+test-results/
+playwright/.cache/
+dev/

dev/index.html

@@ -13,7 +13,7 @@ <h1>Form Validation Library</h1>
   </header>
   <main>
     <!-- Custom Form -->
-    <!-- Edit this one to test your changes if you need to, but remember to remove changes before committing -->
+    <!-- Edit this one to test your changes if you need to, changes made to this file shouldn't be committed -->
     <style>
       /* Add your custom styles here */
     </style>