git-truck · nimrossum · May 20, 2023 · May 8, 2023 · May 8, 2023 · May 17, 2023
diff --git a/.env.example b/.env.example
@@ -0,0 +1 @@
+LOG_LEVEL=debug
diff --git a/.github/workflows/playwright.yml b/.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@v3
+    - name: Fetch main branch
+      run: git fetch origin main:main
+    - uses: actions/setup-node@v3
+      with:
+        node-version: 16
+    - name: Install dependencies
+      run: npm ci
+    - name: Install Playwright Browsers
+      run: npx playwright install --with-deps
+    - name: Run Playwright tests
+      run: npm run test:e2e
+    - uses: actions/upload-artifact@v3
+      if: always()
+      with:
+        name: playwright-report
+        path: playwright-report/
+        retention-days: 30
diff --git a/.github/workflows/test-and-build.yml b/.github/workflows/test-and-build.yml
@@ -30,7 +30,7 @@ jobs:
         cache: 'npm'
 
     - run: npm ci
-    - run: npm test
+    - run: npm run test:unit
     - run: npm run build
     - run: npm run tsc
 

diff --git a/.gitignore b/.gitignore
@@ -9,3 +9,9 @@ data.json
 coverage
 .eslintcache
 cli.js
+/test-results/
+/playwright-report/
+/playwright/.cache/
+/test-results/
+/playwright-report/
+/playwright/.cache/
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
@@ -1,3 +1,8 @@
 {
-  "recommendations": ["esbenp.prettier-vscode", "bradlc.vscode-tailwindcss", "Orta.vscode-jest"]
+  "recommendations": [
+    "esbenp.prettier-vscode",
+    "bradlc.vscode-tailwindcss",
+    "Orta.vscode-jest",
+    "ms-playwright.playwright"
+  ]
 }
diff --git a/e2e/features/navigate-to-a-repository.spec.ts b/e2e/features/navigate-to-a-repository.spec.ts
@@ -0,0 +1,22 @@
+import { test, expect } from "@playwright/test"
+
+test("navigate to a repository", async ({ page }) => {
+  await page.goto("/")
+
+  // Expect a title "to contain" a substring.
+  await expect(page).toHaveTitle(/Git Truck/)
+
+  const gitTruckCard = page.locator(".card", { has: page.locator("text=git-truck") })
+
+  // Select an option from a <select> dropdown.
+  await gitTruckCard.locator("select").selectOption("main")
+  // Click the analyze button.
+  await gitTruckCard
+    .getByRole("link", {
+      name: "Analyze",
+    })
+    .click()
+
+  await page.waitForURL("/git-truck/main")
+  await page.waitForSelector("text=See more repositories")
+})
diff --git a/e2e/features/see-more-repositories.spec.ts b/e2e/features/see-more-repositories.spec.ts
@@ -0,0 +1,13 @@
+import { test, expect } from "@playwright/test"
+
+test("see more repositories", async ({ page }) => {
+  await page.goto("/git-truck/main")
+  // Expect a title "to contain" a substring.
+  await expect(page).toHaveTitle(/Git Truck/)
+  // Click the get started link.
+  await page.getByRole("link", { name: "See more repositories" }).click()
+  await page.waitForLoadState("domcontentloaded")
+  await page.waitForSelector("text=🚛 Git Truck")
+  // Expect to have navigated to the home page.
+  await expect(page).toHaveURL("/")
+})