The best testing setup for frontends, with Playwright and NextJS

• testing-setup-nextjs-playwright

  2 1 7.3 CSS

  Testing setup using NextJS and Playwright

  

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

• chokidar

  23 10,542 5.0 JavaScript

  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.

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• Playwright

  379 61,799 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 });

• Next.js

  2,044 120,572 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.

• Infinite Table React DataGrid

  6 63 9.3 TypeScript

  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.

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

Suggest a related project