Writing Effective Unit Tests: Best Practices

May 29, 2025

Writing Effective Unit Tests: Best Practices

Master unit testing in JavaScript with Jest. Learn AAA pattern, mocking, isolation, test coverage, edge cases, and TDD with clear, maintainable examples.

If you have ever stared at a failing test and wondered, "What is this even testing?", you're not alone.

Passing tests is only part of the story. Truly effective unit tests are readable, maintainable, and meaningful. In this post, we'll break down what makes a good unit test and how to write them well using Jest.

Why Unit Tests Matter

Before diving into the how, let’s talk about the why:

  • Catch bugs early: Finding issues during development is significantly cheaper than post-release.
  • Enable safe refactoring: Good tests give you confidence to change code without unintended breakage.
  • Serve as documentation: Tests explain how your code should behave.
  • Improve team collaboration: New developers understand code faster by reading tests.
  • Save money: A Microsoft study showed proper testing can reduce bug-related costs by 30–50%.

In fact, teams with strong testing practices ship features up to 30% faster, thanks to less debugging and smoother maintenance.

What You’ll Learn

  • AAA pattern (Arrange, Act, Assert)
  • Test isolation & avoiding test pollution
  • Proper mocking of dependencies
  • Handling edge cases & error conditions
  • Writing maintainable, readable tests
  • Coverage metrics & goals
  • Intro to TDD (Test-Driven Development)
  • Jest-powered examples throughout

The AAA Pattern: Arrange, Act, Assert

A simple, structured way to write readable tests:

  1. Arrange: Set up test data and environment
  2. Act: Invoke the code under test
  3. Assert: Verify the result

Example with Jest

// calculator.ts
export function add(a: number, b: number): number {
  return a + b;
}
// calculator.test.ts
describe('add()', () => {
  it('adds two numbers', () => {
    // Arrange
    const a = 2;
    const b = 3;

    // Act
    const result = add(a, b);

    // Assert
    expect(result).toBe(5);
  });
});

This structure makes the test intent crystal clear.

Test Isolation & Avoiding Pollution

Each test must be independent. Shared state, side-effects, or flaky setups lead to brittle tests.

Problematic Example

let counter = 0;

it('increments once', () => {
  counter++;
  expect(counter).toBe(1); // might pass
});

it('increments again', () => {
  counter++;
  expect(counter).toBe(1); // fails if previous test ran
});

Fix with Isolation

let counter: number;

beforeEach(() => {
  counter = 0;
});

Pro Tip: Avoid relying on external databases, files, or services in unit tests.

Mocking Dependencies

Mocks help you isolate the unit under test by simulating external behavior.

Types of Test Doubles

Type

Use Case

Mock

Expect certain calls or behavior

Stub

Provide canned responses

Spy

Observe calls without changing behavior

Fake

Lightweight implementation (e.g. in-memory DB)

Dummy

Placeholder not actually used in the test

Example: Jest Mocking

// userService.ts
import { db } from './db';

export async function getUserName(userId: string) {
  const user = await db.findUser(userId);
  return user?.name;
}
// userService.test.ts
jest.mock('./db');
import * as db from './db';
import { getUserName } from './userService';

it('returns user name', async () => {
  (db.findUser as jest.Mock).mockResolvedValue({ name: 'Alice' });
  const name = await getUserName('123');
  expect(name).toBe('Alice');
});

Don’t overuse mocks—they can create false confidence and tie tests to implementation details.

Testing Edge Cases & Errors

Most bugs live in edge cases. Cover them.

Boundary Values

it('applies discount at $100', () => {
  expect(calculateDiscount(100)).toBe(10);
});

Error Handling

it('throws when dividing by zero', () => {
  expect(() => divideNumbers(10, 0)).toThrow('Cannot divide by zero');
});

Unexpected Inputs

it('returns error on malformed JSON', () => {
  expect(parseUserInput('{bad json}')).toEqual({ valid: false, reason: 'invalid format' });
});

Testing Async Code

it('resolves user data', async () => {
  global.fetch = jest.fn().mockResolvedValue({
    json: () => Promise.resolve({ id: 1, name: 'John' })
  });

  const result = await fetchUserData(1);
  expect(result).toEqual({ id: 1, name: 'John' });
});

Testing Side Effects

beforeEach(() => {
  jest.spyOn(console, 'log').mockImplementation(() => {});
});

afterEach(() => {
  jest.restoreAllMocks();
});

it('logs message', () => {
  logger.log('Test');
  expect(console.log).toHaveBeenCalledWith(expect.stringContaining('Test'));
});

Test Coverage

Types of Coverage

  • Line: Was each line executed?
  • Branch: Were all if/else paths run?
  • Function: Were all functions invoked?

Tips

  • Don’t chase 100%
  • Focus on critical logic, not trivial code

bash


jest --coverage

Writing Maintainable Tests

Readable tests = maintainable tests.

Guidelines

  • Descriptive test names
  • Use describe blocks for organization
  • Avoid duplication with helpers/factories
function createProduct(overrides = {}) {
  return { id: 'p1', name: 'Item', price: 10, ...overrides };
}

Embracing TDD: Red, Green, Refactor

  1. Red: Write a failing test
  2. Green: Make it pass with minimal code
  3. Refactor: Clean the implementation

Example

test('adds two numbers from string input', () => {
  const calc = new StringCalculator();
  expect(calc.add('1,2')).toBe(3);
});

TDD improves design, encourages modularity, and builds a natural test suite.

Bonus Tips

  • Use beforeEach/afterEach wisely
  •  Keep tests focused (one test = one behavior)
  • Don’t assert unrelated outcomes in one test
  • Use snapshot testing sparingly
  • Run in watch mode (jest-- watch)
  • Use pre-commit hooks to enforce testing discipline
  • Prioritize clarity over cleverness

Final Thoughts

Well-written unit tests are a long-term investment—they accelerate development, reduce bugs, and improve code quality.

Stick to principles like the AAA pattern, proper mocking, isolation, and meaningful naming. And always remember:

Test code is production code—treat it with the same care.

What’s your biggest challenge with writing unit tests? Drop a comment—I’d love to hear your thoughts!

Subscribe to Our Newsletter

More from the engineering frontline.

Dive deep into our research and insights on design, development, and the impact of various trends to businesses.
Insight
AntFlow AI: An Agentic Development Framework That Turns Software Requirements into Reviewed Code
Sep 15, 2026

AntFlow AI: An Agentic Development Framework That Turns Software Requirements into Reviewed Code

A look at how AntFlow AI turns software requirements into reviewed code using AI agents, human approval gates, dependency-aware execution, and end-to-end traceability from brief to pull request.

Insight
Building Local LLMs Using Dart FFI And llama.cpp: Beyond Wrapper Packages
Sep 11, 2026

Building Local LLMs Using Dart FFI And llama.cpp: Beyond Wrapper Packages

Build local LLMs in Flutter with Dart FFI and llama.cpp, and see how native bridges, GGUF models, memory management, and token streaming enable private, on-device AI.

Insight
My Flutter App Froze With Three Photos on Screen. Here's What I Was Doing Wrong
Sep 11, 2026

My Flutter App Froze With Three Photos on Screen. Here's What I Was Doing Wrong

This blog explains how rethinking Flutter’s image-processing architecture fixed severe performance issues and improved rendering efficiency.

Insight
Building a Production-Ready Canva-like Editor with Konva.js, React 19 and Next.js 15
Sep 10, 2026

Building a Production-Ready Canva-like Editor with Konva.js, React 19 and Next.js 15

This blog explains how to build a production-ready canvas editor with Konva.js, React, and Next.js, covering architecture, performance, and key engineering decisions.

Insight
What a PHP-to-NestJS Banking Migration Taught Us About Architecture, Security, and Trust
Sep 8, 2026

What a PHP-to-NestJS Banking Migration Taught Us About Architecture, Security, and Trust

This blog explores the architecture, security, performance, and documentation lessons from migrating a legacy PHP/Laravel banking platform to NestJS.

Insight
Building Production-Grade Video Thumbnail Scrubbing in the Browser: HLS, Frame Extraction, Caching, and Performance Trade-offs
Sep 7, 2026

Building Production-Grade Video Thumbnail Scrubbing in the Browser: HLS, Frame Extraction, Caching, and Performance Trade-offs

This blog explains how to build responsive video thumbnail scrubbing in the browser for local files and HLS streams, covering frame extraction, caching, and performance trade-offs.

Insight
The Agent Can See Your App. How Often Can It Look?
Sep 4, 2026

The Agent Can See Your App. How Often Can It Look?

AI coding agents can now interact with mobile apps, but their effectiveness depends on iteration speed. This blog explores how React Native architecture influences feedback loops and AI-driven developer productivity.

The Right Conversation Can

Save You Six Months.

Book a call