Issue/137 playwright setup

webapp/.gitignore

@@ -7,6 +7,10 @@
 
 # testing
 /coverage
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/
 
 # next.js
 /.next/

webapp/TESTING.md

@@ -0,0 +1,27 @@
+# Testing
+
+This contains information on how to run different tests and add new tests for Lyra.
+
+We are using Playwright to test integration of features.
+Read the documentation at [playwright.dev/docs](https://playwright.dev/docs)
+
+Jest is used to write both integration and unit tests.
+[jest.io/docs](https://jestjs.io/docs/getting-started)
+
+## Integration Tests
+
+Lyra uses Playwright together with Jest to test integration.
+
+All integration tests resources are located in the `/integrationTesting` folder. New tests should be added in the `/tests` folder.
+
+To run integration tests:
+
+`npm run playwright`
+
+## Unit tests
+
+Unit tests are written in Jest and located paralell to the unit they are written for.
+
+To run unit tests:
+
+`npm run test`

webapp/jest.config.js

@@ -5,4 +5,5 @@ module.exports = {
   moduleNameMapper: {
     '@/(.*)': '<rootDir>/src/$1',
   },
+  modulePathIgnorePatterns: ['<rootDir>/integrationTesting'],
 };

webapp/package.json

@@ -10,7 +10,8 @@
     "lint:eslint": "eslint .",
     "lint:eslint-fix": "eslint . --fix",
     "lint": "next lint",
-    "test": "jest"
+    "test": "jest",
+    "playwright": "npx playwright test"
   },
   "dependencies": {
     "@emotion/react": "^11.11.4",
@@ -28,5 +29,9 @@
     "simple-git": "^3.20.0",
     "yaml": "^2.3.3",
     "zod": "^3.22.4"
+  },
+  "devDependencies": {
+    "@playwright/test": "^1.48.2",
+    "@types/node": "^22.8.1"
   }
 }

webapp/playwright.config.ts

@@ -0,0 +1,6 @@
+import { defineConfig } from '@playwright/test';
+
+export default defineConfig({
+  reporter: [['html', { open: 'never' }]],
+  testDir: './integrationTesting/tests',
+});