Playwright + Next.js Example

This is a really simple project that shows the usage building an E2E test with Playwright.

This was a reduced test case to see if GitHub Actions could run the E2E tests with the headless browswer; also uses TypeScript and MongoDB.

Install MongoDB

brew tap mongodb/brew

brew install mongodb-community

Install the project dependencies:

npm install

Install playwright:

npx playwright install --with-deps

Build the project first:

npm run build

Notes

Tests are meant to be simple, doesn't focus on doing evaluation for assertion but to see if one of the operations catches and fails to continue.

test("should find link", async ({ page }) => {
  await page.goto("/");

  await page.click("text=About");
  await expect(page).toHaveURL("/about");
  await expect(page.locator("h1")).toContainText("About");
});