Merge pull request #190 from asidelnik/32-e2e-testing-setup

32 - Playwright testing setup

Author: asidelnik

.eslintrc.cjs

@@ -5,7 +5,8 @@ module.exports = {
     'eslint:recommended',
     'plugin:@typescript-eslint/recommended',
     'plugin:react-hooks/recommended',
-    "plugin:@tanstack/query/recommended"
+    "plugin:@tanstack/query/recommended",
+    "plugin:react/recommended",
   ],
   ignorePatterns: ['dist', '.eslintrc.cjs'],
   parser: '@typescript-eslint/parser',
@@ -15,6 +16,16 @@ module.exports = {
       'warn',
       { allowConstantExport: true },
     ],
-    'no-console': 'warn'
+    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'warn',
+    '@typescript-eslint/no-explicit-any': 'warn',
+    '@typescript-eslint/no-unused-vars': 'warn',
+    'react/react-in-jsx-scope': 'off',
+    'react/prop-types': 'off',
   },
+  "overrides": [
+    {
+      "files": "tests/**",
+      "extends": "plugin:playwright/recommended"
+    }
+  ]
 }

.githooks/pre-commit

@@ -1,19 +1,19 @@
-#!/bin/sh
+# #!/bin/sh
 
-# Run linting
-npm run lint
+# # Run linting
+# npm run lint
 
-# Check if linting passed
-if [ $? -ne 0 ]; then
-  echo "Linting failed. Please fix the issues before committing."
-  exit 1
-fi
+# # Check if linting passed
+# if [ $? -ne 0 ]; then
+#   echo "Linting failed. Please fix the issues before committing."
+#   exit 1
+# fi
 
-# Run build
-npm run build
+# # Run build
+# npm run build
 
-# Check if build passed
-if [ $? -ne 0 ]; then
-  echo "Build failed. Please fix the issues before committing."
-  exit 1
-fi
+# # Check if build passed
+# if [ $? -ne 0 ]; then
+#   echo "Build failed. Please fix the issues before committing."
+#   exit 1
+# fi

.githooks/pre-push

@@ -0,0 +1,19 @@
+#!/bin/sh
+
+# Run linting
+npm run lint
+
+# Check if linting passed
+if [ $? -ne 0 ]; then
+  echo "Linting failed. Please fix the issues before pushing."
+  exit 1
+fi
+
+# Run build
+npm run build
+
+# Check if build passed
+if [ $? -ne 0 ]; then
+  echo "Build failed. Please fix the issues before pushing."
+  exit 1
+fi

.github/workflows/playwright.yml

@@ -0,0 +1,27 @@
+name: Playwright Tests
+on:
+  push:
+    branches: [ main, master ]
+  pull_request:
+    branches: [ main, master ]
+jobs:
+  test:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v4
+    - uses: actions/setup-node@v4
+      with:
+        node-version: lts/*
+    - name: Install dependencies
+      run: npm ci
+    - name: Install Playwright Browsers
+      run: npx playwright install --with-deps
+    - name: Run Playwright tests
+      run: npx playwright test
+    - uses: actions/upload-artifact@v4
+      if: ${{ !cancelled() }}
+      with:
+        name: playwright-report
+        path: playwright-report/
+        retention-days: 30

.gitignore

@@ -32,3 +32,8 @@ src/**/*.css
 !src/**/index.css
 src/**/*.css.map
 
+# Playwright
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/