Development Skill
Angular Migration
Migrate from AngularJS to Angular using hybrid mode, incremental component rewriting, and…
$15
JavaScript Testing Patterns
Implement comprehensive testing strategies using Jest, Vitest, and Testing Library for unit…
A comprehensive testing playbook for JavaScript and TypeScript using Jest, Vitest, and Testing Library. It covers unit, integration, and component tests with mocking, fixtures, dependency injection, and TDD workflows, all built on the Arrange-Act-Assert structure and test-isolation discipline.
$15 one-time
Add to a kit → Prices include 20% VAT. · Forged on real agency work · one-time, no lock-in
- Type Skill
- Category Development
- Delivery Email · instant
- License One-time
Inside the run · no black box
See the actual work before you buy it.
Coverage thresholds fail CI at 80 percent, shared state is treated as the top flake source, and every snapshot update needs a written reason. The suite is built so a green run actually means something.
- Sets the framework config as a quality gate, not boilerplate: Jest or Vitest with coverageThreshold pinned at 80 percent for branches, functions, lines and statements, a setup file, and v8 coverage reporting. Anything below the threshold fails CI.
- Structures every test as Arrange-Act-Assert: beforeEach builds a fresh service instance and calls vi.clearAllMocks(), the act phase calls one behavior, the assert phase checks it. Shared state between tests is treated as the number-one cause of flaky runs.
- Chooses the test double level deliberately: vi.fn() when you only need to know a call happened, vi.mock() to stub a whole module like nodemailer, an injected mock repository when the design uses dependency injection. Wrong level means either a slow test or false confidence.
- Writes integration tests against real infrastructure: supertest drives the actual HTTP app, the database table is truncated before each test, and the suite covers the unhappy paths too, invalid email 400, duplicate 409, missing auth 401.
- Tests UI the way a user sees it: Testing Library queries by role and text instead of implementation details, renderHook plus act() for custom hooks, and snapshots only for stable components with a written reason on every snapshot update.
- Closes with behavior-first review: every test must answer 'which behavior does this verify', faker-based fixtures replace hand-rolled data, and timers run on vi.useFakeTimers so nothing sleeps in CI.
One power source. 6 lines out.
javascript-testing-patterns · core
core active · 6 lines
- ✓ setting up jest or vitest
Setting up Jest or Vitest test infrastructure with coverage thresholds
- ✓ writing unit tests for p…
Writing unit tests for pure functions, classes, and async code
- ✓ mocking modules, fetch
Mocking modules, fetch, and dependencies with spies and stubs
- ✓ testing react components
Testing React components and hooks with Testing Library
- ✓ writing api and database
Writing API and database integration tests with supertest
- ✓ building test fixtures and
Building test fixtures and factories for consistent data
Yours to keep.
Drag time forward. Watch what stays.
Forever
That's what owning means.
The rented stack
ai writing tool: subscription
expired · access lostanalytics suite: subscription
expired · access lostdesign platform: subscription
expired · access lost(nothing left)
Your forge
-
Catch real behavior bugs, not just line coverage, with behavior-first tests
license: perpetual -
Avoid flaky tests through strict isolation and mock cleanup
license: perpetual -
Test components the way users interact with them via semantic queries
license: perpetual -
Spend effort where it pays off by targeting critical business logic first
license: perpetual
subscriptions expire · deeds don't
Everything in the box.
Pick a piece up. Watch it work.
Jest and Vitest configuration with coverage thresholds and v8 provider
6 parts · one working system · ships instantly by email
This wasn't forged for everyone.
- Not for you if you'd rather rent a tool than own one.
- Not for you if you want someone else to run your stack.
- Not for you if you're happy guessing.
JavaScript and TypeScript developers building reliable test suites for backends, APIs, and React front-ends with modern tooling.
then this was forged for you.Works with
Universal by design: these run in any AI. Delivered in the open Agent Skills + MCP format (native in Claude); ChatGPT, Gemini, Cursor and Copilot adapt the same files their own way.
- Claude Native format
- ChatGPT Adapts via open standards
- Gemini Adapts via open standards
- Cursor Adapts via open standards
- Copilot Adapts via open standards
Catch what's on your mind.
the air is clear. nothing between you and the forge.
catch a spark: the forge will answer
-
We're mid-migration from Jest to Vitest. Does it cover both?
Yes. There are configurations with coverage thresholds for both runners, and the patterns themselves, the Arrange-Act-Assert structure, mock cleanup, fixtures and factories, are runner-agnostic. Both sides of your migration share the same discipline.
-
How does it prevent flaky tests?
Through isolation discipline: each test arranges its own state, mocks are cleaned up after every test, and time-dependent code is controlled with fake timers. Component tests use Testing Library's semantic queries, so internal refactors don't break tests that describe user behavior.
-
Does it cover browser E2E with Playwright or Cypress?
No. The scope is unit, integration, and component testing, with API and database integration handled through supertest patterns. Browser-driven end-to-end automation is outside this playbook.
-
How is it delivered?
By email right after purchase: ready to run, downloaded instantly, no setup wait.
-
One-time or subscription?
A one-time purchase; no subscription or hidden fees. VAT (20%) is included.
-
Can I get a refund?
As a digital product, it can’t be refunded once downloaded. That’s why we show exactly what’s inside and who it’s for, right here.