Code coverage for a Next.js app using Playwright tests

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • Playwright

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

  • // tests/foo.spec.js const { test, expect } = require("playwright-test-coverage"); // Use test and expect as usual test('basic test', async ({ page }) => { await page.goto('https://playwright.dev/'); const title = page.locator('.navbar__inner .navbar__title'); await expect(title).toHaveText('Playwright'); });

  • playwright-test-coverage-demo

    Demonstrates usage of playwright-test-coverage - a Playwright extension that collects code coverage from running end-to-end tests

  • View on GitHub

  • SurveyJS

    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.

    SurveyJS logo
  • playwright-test-coverage

    Extends Playwright test to measure code coverage

  • Demonstrates usage of playwright-test-coverage - a Playwright extension that collects code coverage from running end-to-end tests.

  • babel-plugin-istanbul

    A babel plugin that adds istanbul instrumentation to ES6 code

  • A Playwright extension that collects code coverage from running end-to-end tests. Assumes that code has been instrumented with babel-plugin-istanbul during the build process.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts