https://github.com/dferber90/nextjs-playwright-example

Shows how to use Playwright to test Next.js
https://github.com/dferber90/nextjs-playwright-example

nextjs playwright

Last synced: 30 days ago
JSON representation

Shows how to use Playwright to test Next.js

• Host: GitHub
• URL: https://github.com/dferber90/nextjs-playwright-example
• Owner: dferber90
• Created: 2021-06-13T09:06:45.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-02-08T21:47:56.000Z (almost 2 years ago)
• Last Synced: 2024-12-26T22:51:39.094Z (about 1 month ago)
• Topics: nextjs, playwright
• Language: JavaScript
• Homepage: https://frontend-digest.com/using-playwright-to-test-next-js-applications-80a767540091?source=friends_link&sk=033775ad20645fa607c27d73c0dd561b
• Size: 621 KB
• Stars: 20
• Watchers: 3
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Playwright Example

[Playwright](https://playwright.dev/) enables reliable end-to-end testing for modern web apps.

This repo was created as a starting point so you can follow along the [Testing Next.js using Playwright](https://frontend-digest.com/using-playwright-to-test-next-js-applications-80a767540091?source=friends_link&sk=033775ad20645fa607c27d73c0dd561b) article.

If you want to jump straight to the finished setup, check out the [completed-setup](https://github.com/dferber90/nextjs-playwright-example/tree/completed-setup) branch.

## Deploy your own

Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example):

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https://github.com/vercel/next.js/tree/canary/examples/with-playwright&project-name=with-playwright&repository-name=with-playwright)

## How to use

Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:

```bash

npx create-next-app --example with-playwright with-playwright-app

# or

yarn create next-app --example with-playwright with-playwright-app

```

Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).