Test Automation
Stryker Mutator is the leading mutation testing framework for JavaScript and TypeScript. It supports Jest, Vitest, Jasmine, Mocha, and Karma test runners, and works with React, Angular, Node.js, and any other JS/TS project. Installation # Install Stryker CLI npm install -D @stryker-mutator/core # Add Jest runner npm install
Gauge
gauge-js is the official JavaScript plugin for the Gauge test framework. It lets you write step implementations in Node.js, supports async/await natively, and works well with Playwright, Puppeteer, or any other Node.js testing library. If your team is JavaScript-first and you want Gauge's
Testing
Property-based testing with fast-check generates random inputs for pure functions. But JavaScript applications have state — React components maintain it, Redux stores track it, caches hold it, queues process it. Model-based testing generates random sequences of operations and verifies that your system stays consistent with a simple reference
Property-Based Testing
fast-check is the leading property-based testing library for JavaScript and TypeScript. While many tutorials show basic integer and string properties, real-world use requires custom arbitraries, model-based testing, async support, and proper TypeScript typing. This post covers the advanced patterns. Why fast-check Over Other JS Options
Sinon.js
Sinon.js predates Jest's built-in mocking by years, and it still shows up in large codebases — particularly those using Mocha, Jasmine, or any test runner without first-class mock support. Understanding Sinon is also useful as a conceptual foundation: the spy/stub/mock distinction it makes explicit
Testing
Sanity Studio has three testable layers: schema definitions (TypeScript/JavaScript), GROQ queries (data fetching logic), and content pipelines (transformations). Testing all three gives you confidence that schema changes don't break queries, queries return the expected shape, and your transformation code handles all content states correctly. Key Takeaways Test
Visual Testing
ResembleJS is an open-source JavaScript library for image analysis and comparison. It compares two images pixel by pixel, returns a similarity percentage, and generates a visual diff highlighting the differences. Unlike Percy or Applitools, ResembleJS is a library you integrate directly into your tests — no external service, no API
Real-Time Testing
Video calling features built on WebRTC SDKs like Daily.co and 100ms are notoriously difficult to test. The real-time nature, browser API dependencies, and multi-participant complexity create challenges that don't exist in typical web development. But skipping tests means discovering join failures, audio bugs, and token
Local-first
Replicache is the local-first sync framework that made optimistic UI updates on top of server-authoritative state mainstream. Its core bet: every mutation applies optimistically on the client, gets rebased when the server responds, and conflict resolution happens through a deterministic rebase algorithm. Testing this correctly requires understanding the
Cypress
Cypress custom commands let you extract repeated test logic into named, reusable commands that read like domain language: cy.login(), cy.createOrder(), cy.assertProductCard(). They live in cypress/support/commands.js, are available in all test files automatically, and accept parameters like regular functions. Well-designed custom commands reduce test
Contract Testing
Pact is a consumer-driven contract testing library that lets you define what a consumer (e.g., a frontend app or microservice) expects from a provider (e.g., an API), generate a contract file from those expectations, and verify the provider actually fulfills them — without spinning up both services at
Astro
Astro's hybrid rendering model is one of its most powerful features — you can mix static site generation (SSG) and server-side rendering (SSR) in the same project, choosing per page. A blog index might be static, a user dashboard SSR, and a product page somewhere in between with