The best testing setup for frontends, with Playwright and NextJS

1. testing-setup-nextjs-playwright

   1 2 3 7.3 CSS

   Testing setup using NextJS and Playwright

   

   Check out our repo for this stage of the setup - Step 1 - setting up NextJS.

2. Sevalla

   sevalla.com featured

   Deploy and host your apps and databases, now with $50 credit! Sevalla is the PaaS you have been looking for! Advanced deployment pipelines, usage-based pricing, preview apps, templates, human support by developers, and much more!

   

3. chokidar

   2 27 11,598 8.0 TypeScript

   Minimal and efficient cross-platform file watching library

   

   For this, we'll use chokidar - more specifically the chokidar-cli package. chokidar is probably the most useful file watching library for the nodejs ecosystem and it will serve us well.

4. Playwright

   3 490 76,349 9.9 TypeScript

   Playwright is a framework for Web Testing and Automation. It allows testing Chromium, Firefox and WebKit with a single API.

   

   // playwright.config.ts import { defineConfig } from "@playwright/test"; /** * See https://playwright.dev/docs/test-configuration. */ export default defineConfig({ testDir: "./src/pages", reporter: "list", use: { baseURL: "http://localhost:5432/", }, timeout: process.env.CI ? 10000 : 4000, // ... more options });

5. Next.js

   4 2,381 134,062 10.0 JavaScript

   The React Framework

   

   We want to share with you the best testing setup we've experienced - and this includes using Playwright and NextJS. It's a setup we've come up with for Infinite React DataGrid, which is a complex component, with lots of things to test, but this configuration has helped us ship with more confidence and speed.

6. Infinite Table React DataGrid

   5 8 86 9.2 JavaScript

   Infinite Table is the modern DataGrid for building React apps — faster.

   

   This is the same setup we've been using for developing and testing the Infinite Table React DataGrid and it has been serving us really well.

7. InfluxDB

   www.influxdata.com featured

   InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

   

Suggest a related project