test: add e2e infra with playwright and a sample test (#235)

* test: add e2e infra with playwright and a sample test

* test: add github action for e2e test

* test: add config for framework spin-up

.github/workflows/e2e-ci.yml

@@ -0,0 +1,15 @@
+name: "Tests: E2E"
+on: [pull_request]
+jobs:
+  tests_e2e:
+    name: Run end-to-end tests
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+      - name: install dependencies
+        run: npm ci
+      - name: install playwright browsers
+        run: npx playwright install --with-deps
+      - name: npm run test:e2e
+        run: npm run test:e2e

e2e/home.spec.ts

@@ -0,0 +1,8 @@
+import { test, expect } from '@playwright/test'
+
+test('page should have title of "קהילת Pull Request"', async ({page}) => {
+    await page.goto('http://localhost:3000/')
+    const title = await page.title()
+    expect(title).toBe('קהילת Pull Request')
+});
+

package.json

@@ -6,9 +6,10 @@
     "dev": "npm run open-browser && next dev",
     "open-browser": "node ./scripts/open-browser.js",
     "build": "next build",
-    "start": "next start",
+    "start": "npm run build && next start",
     "prepare": "husky install",
-    "lint": "next lint"
+    "lint": "next lint",
+    "test:e2e": "playwright test"
   },
   "dependencies": {
     "@mdi/js": "^5.6.55",
@@ -22,6 +23,7 @@
     "uuid": "^8.3.2"
   },
   "devDependencies": {
+    "@playwright/test": "^1.22.2",
     "@types/node": "^14.11.2",
     "@types/react": "^16.9.50",
     "eslint": "^7.32.0",

playwright.config.ts

@@ -0,0 +1,10 @@
+import { PlaywrightTestConfig } from "@playwright/test";
+
+const config: PlaywrightTestConfig = {
+    webServer: {
+        command: "npm run start",
+        url: "http://localhost:3000",
+    }
+};
+
+export default config;