Checkpoint

.github/workflows/ci.yml

@@ -19,11 +19,11 @@ jobs:
         run: npx playwright install --with-deps
       - name: Run ESLint
         run: npm run lint
-    # - name: Run Playwright tests
-    # run: npx playwright test
-    # - uses: actions/upload-artifact@v4
-    # if: always()
-    # with:
-    # name: playwright-report
-    # path: playwright-report/
-    # retention-days: 30
+      - name: Run Playwright tests
+        run: npx playwright test
+      - uses: actions/upload-artifact@v4
+        if: always()
+        with:
+          name: playwright-report
+          path: playwright-report/
+          retention-days: 30

tests/list-stuff-page.spec.ts

@@ -0,0 +1,20 @@
+import { test, expect } from '@playwright/test';
+
+test.use({
+  storageState: 'john-auth.json',
+});
+
+test('test', async ({ page }) => {
+  await page.goto('http://localhost:3000/list');
+  await expect(page.getByRole('navigation')).toBeVisible();
+  await page.getByRole('heading', { name: 'Stuff' }).click();
+  await expect(page.getByRole('cell', { name: 'Name' })).toBeVisible();
+  await expect(page.getByRole('cell', { name: 'Quantity' })).toBeVisible();
+  await expect(page.getByRole('cell', { name: 'Condition' })).toBeVisible();
+  await expect(page.getByRole('cell', { name: 'Actions' })).toBeVisible();
+  await expect(page.getByRole('cell', { name: 'Basket' })).toBeVisible();
+  await expect(page.getByRole('cell', { name: 'Bicycle' })).toBeVisible();
+  await expect(page.getByRole('link', { name: 'Add Stuff' })).toBeVisible();
+  await expect(page.getByRole('link', { name: 'List Stuff' })).toBeVisible();
+  await expect(page.getByRole('button', { name: '[email protected]' })).toBeVisible();
+});