From 6723f088b334987a45f0abb6eceff72847805530 Mon Sep 17 00:00:00 2001
From: jordan <jordan@doyle.la>
Date: Wed, 07 Sep 2022 03:28:07 +0100
Subject: [PATCH] Merge pull request #35 from w4/e2e-ui-tests

Add E2E UI tests in CI---
 .github/workflows/integration-tests.yml | 40 ++++++++++++++++++++++++++++++++++++++++
 chartered-frontend/tests/test.ts        | 35 +++++++++++++++++++++++++++++++++++
 2 files changed, 73 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/integration-tests.yml b/.github/workflows/integration-tests.yml
new file mode 100644
index 0000000..23d7a85 100644
--- /dev/null
+++ a/.github/workflows/integration-tests.yml
@@ -1,0 +1,40 @@
+on: [push, pull_request]
+
+name: CI - Integration Tests
+
+jobs:
+  e2e-ui-test:
+    name: End-to-end UI tests
+    runs-on: ubuntu-22.04 # needed for recent sqlite version
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions-rs/toolchain@v1
+        with:
+          profile: minimal
+          toolchain: stable
+          override: true
+      - uses: actions/setup-node@v2
+        with:
+          node-version: '18'
+      - uses: actions-rs/cargo@v1
+        with:
+          command: build
+          args: -p chartered-web -p chartered-db --features sqlite
+      - name: Install dependencies
+        working-directory: ./chartered-frontend
+        run: npm ci
+      - name: Install Playwright
+        working-directory: ./chartered-frontend
+        run: npx playwright install --with-deps
+      - name: Run tests
+        working-directory: ./chartered-frontend
+        run: |
+          ../target/debug/chartered-web -c ../chartered-web/config-example.toml &
+          sleep 5
+          npm test
+      - name: Upload test results
+        if: always()
+        uses: actions/upload-artifact@v2
+        with:
+          name: playwright-report
+          path: playwright-report
diff --git a/chartered-frontend/tests/test.ts b/chartered-frontend/tests/test.ts
index 8fb4a4f..4928e8a 100644
--- a/chartered-frontend/tests/test.ts
+++ a/chartered-frontend/tests/test.ts
@@ -1,6 +1,37 @@
 import { expect, test } from '@playwright/test';
 
-test('index page has expected h1', async ({ page }) => {
+test('redirect to login when unauthenticated', async ({ page }) => {
     await page.goto('/');
-    expect(await page.textContent('h1')).toBe('Welcome to SvelteKit');
+    expect(await page.textContent('h1')).toBe('chartered ✈️');
+    expect(await page.textContent('button')).toBe('Login');
+});
+
+test('register button takes user to register page', async ({ page }) => {
+    await page.goto('/');
+    await page.locator('text=Register').click();
+    await expect(page).toHaveURL(/.*register/);
+    expect(await page.textContent('h1')).toBe('chartered ✈️');
+    expect(await page.textContent('button')).toBe('Register');
+});
+
+test('can successfully register and login', async ({ page }) => {
+    const username = Math.random().toString(36).substring(2,7);
+    const password = 'aaaaaaaa';
+
+    await page.goto('/');
+    await page.locator('text=Register').click();
+
+    await page.locator('input[id="username"]').fill(username);
+    await page.locator('input[id="password"]').fill(password);
+    await page.locator('text=Register').click();
+
+    await expect(page.locator('[role="alert"]')).toHaveCount(0);
+
+    await expect(page).toHaveURL(/.*login/);
+    await page.locator('input[id="username"]').fill(username);
+    await page.locator('input[id="password"]').fill(password);
+    await page.locator('text=Username Password Login >> button').click();
+
+    await expect(page).not.toHaveURL(/.*login/);
+    expect(await page.textContent('h1')).toBe('Welcome to Chartered.');
 });
--
rgit 0.1.3