Skip to content

Add Playwright E2E tests for client-side behavior - #153

Merged
clue merged 2 commits into
clue:mainfrom
clue-labs:playwright
Sep 27, 2026
Merged

clue merged 2 commits into
clue:mainfrom
clue-labs:playwright

Conversation

@clue

@clue clue commented Sep 27, 2026

Copy link
Copy Markdown
Owner

This changeset adds Playwright E2E tests for client-side behavior, covering that every page loads without errors, plus the home page, blog and contact form. The suite runs in its own container against the local Docker container, both locally and in CI before deploying.

The setup mirrors the Playwright suite from https://github.com/clue-engineering/justkanban/pull/261 (private). In CI, the Playwright image is built in the background while the website is built and tested, so the job grows from ~35s to ~57s instead of ~77s when run sequentially, with the tests themselves taking around 4s. The website itself is unchanged.

Builds on top of #147 and #136
Refs https://github.com/clue-engineering/justkanban/pull/261 (private), https://github.com/clue-engineering/justkanban/pull/281 (private) and https://github.com/clue-engineering/icalforcalendly/pull/227 (private)

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot review overview

🟡 Changes recommended

Replace the unsupported GitHub Actions background properties with a supported background-process pattern.

Review effort: Lite
Findings: 1 High severity

Open (1)
What changed in this PR

Adds containerized Playwright E2E tests for page loading, homepage, blog, and contact behavior, with local Docker and CI integration.

Changes:

  • Added Playwright tests, configuration, helpers, and Docker setup.
  • Added Compose service and local usage documentation.
  • Integrated E2E execution into CI.
File Summary
tests/​playwright/​playwright.config.ts Configures the test base URL.
tests/​playwright/​pages.spec.ts Tests page loading.
tests/​playwright/​home.spec.ts Tests styles and mobile behavior.
tests/​playwright/​helpers.ts Collects errors and stubs analytics.
tests/​playwright/​Dockerfile Defines the Playwright test image.
tests/​playwright/​contact.spec.ts Tests contact interactions and honeypot behavior.
tests/​playwright/​blog.spec.ts Tests blog rendering and filtering.
README.md Documents local E2E execution.
compose.yaml Adds the Playwright service.
.github/​workflows/​ci.yml Runs Playwright tests in CI; the unsupported background property at lines 18 and 28 is a critical workflow-blocking issue.

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

Comment thread .github/workflows/ci.yml Resolved
@clue
clue merged commit 0c942b4 into clue:main Sep 27, 2026
2 checks passed
@clue
clue deleted the playwright branch September 27, 2026 10:09
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants