Finding Seams
For writing tests that document existing behavior once you have seams, load the characterisation-tests skill. For test-driving new behavior, load the tdd skill. For general test patterns, load the testing skill. For refactoring after tests are in place, load the refactoring skill. Use codebase-design when deciding a module's lasting responsibility and caller-facing contract; this skill introduces the minimum enabling point needed to place existing behavior under test.
Deep-dive resources are in the resources/ directory. Load them on demand:
| Resource | Load when... |
|---|---|
seam-types.md |
Need detailed FP-first examples of each seam type in TypeScript |
creating-seams.md |
Need to introduce a seam where none exists, with before/after examples |
oop-patterns.md |
Encountering legacy class-based code -- object seams, subclass and override, constructor injection |
Core Concept
A seam is a place where you can alter behavior in your program without editing in that place.
Every seam has an enabling point -- the place where you choose which behavior to activate. The source code at the seam stays identical in production and test; only the enabling point differs.
A seam is not automatically a public module interface, port, or permanent abstraction. Introduce the narrowest safe substitution point first; once behavior is characterized, let codebase-design decide whether that point belongs in the durable contract or should remain private scaffolding.
-- Michael Feathers, Working Effectively with Legacy Code (2004)
Connection to hexagonal architecture: Ports are designed-in seams. A port defines a contract (the seam), and the composition root chooses which adapter to wire in (the enabling point). If your code already uses hex arch, you have seams everywhere -- this skill is for code that lacks them. See the hexagonal-architecture skill.
When to Use
- Cannot call a function in a test harness because it reaches for external systems directly
- A function hard-codes a dependency instead of accepting it as a parameter
- Global or static dependencies make isolation impossible
- Singleton access patterns couple code to shared mutable state
- React components fetch data internally instead of receiving it via props/context
Quick Reference: Seam Types for TypeScript/JS
| Seam Type | Mechanism | Enabling Point | Prefer When |
|---|---|---|---|
| Function Parameter | Pass dependency as argument | The argument list | Default choice. Functional code, pure functions, explicit contracts |
| Configuration | Receive config/env values as arguments | The argument list of the function that receives them | Infrastructure-level concerns. A process.env read left inside the function under test is a hidden dependency, not a Configuration seam -- move it out and let the default do the reading |
| Module | vi.mock() / jest.mock() replaces imports |
Test file mock configuration | Last resort. Quick scaffolding only -- bypasses type safety, implicit, requires cleanup. Do not write a new one when you can change the signature, and do not copy one from a neighbouring test: an existing module mock is scaffolding to migrate away from, not the house pattern |
| Object | Subclass and override, or DI via constructor | Where the object is created | Legacy class-based code (see resources/oop-patterns.md) |
Putting Existing Code Under Test
Work through this before writing a single test:
- List every hidden dependency the function reaches for -- collaborators it constructs,
Date.now()/new Date(),process.env, singletons. All of them, not just the one that annoys you most. - Move each one to the argument list with a production default that reproduces today's behaviour exactly -- the
newand the env read now live in the default, so production is unchanged. When you are done the function under test constructs nothing and reads no global. - Write the test by passing fakes in as arguments. A fake is a stand-in you hand-write in the test and fully control: a literal like
() => 1_700_000_000_000, or a small object implementing only the methods the seam's narrow type names. Never pass the real collaborator through the seam -- not the production client, driver or service object, however cheap, local or in-memory its implementation happens to be, and whatever its own comments claim. A test built on the real collaborator still breaks when that collaborator's shape changes, which is the coupling the seam exists to cut. If the test needsvi.mock(),vi.stubEnv()or fake timers to run, a dependency is still hidden: go back to step 2 instead of reaching for them. - Remove any module mock of that dependency the existing tests carry -- the seam replaces it, and leaving both means the old test still cannot see what the mock hides.
When you hand the work back, name the seam type you introduced and where its enabling point is (file and line of the parameter default, the ?? fallback, or the factory call), and confirm the existing call sites are unchanged.
How to Find Seams
Look for these in the code you need to test:
- Function parameters -- any parameter that could accept a different implementation
- Default parameter values --
(resolve = fetchFromApi)is already a seam - Module imports -- anything imported can potentially be mocked (but prefer parameter injection)
- Configuration -- env vars, config files, feature flags
- React props and context -- components receive dependencies as props; context providers can be swapped in tests
- Hard-coded
newor direct calls -- every direct dependency is a place where a seam could exist but doesn't yet
The Progression
Ordered from preferred to last-resort. Start with the most explicit option that works:
- Function parameter injection -- pass dependencies as arguments with production defaults (explicit, type-safe, no framework needed)
- Higher-order functions -- return a configured function from a factory (FP composition)
- Configuration injection -- pass config/env as parameter instead of reading globally
- Module mocking --
vi.mock()to replace imports (scaffolding only -- migrate away as you gain coverage) - Subclass and override -- for legacy class-based code only (see
resources/oop-patterns.md)
Steps 1-3 are candidates for a durable design only when the lasting contract earns them. Otherwise keep them private or remove them after characterisation. Steps 4-5 are normally temporary scaffolding.
Quick Example
Before you can characterise scheduleDelivery, you need a seam for its hidden dependency:
// BEFORE -- no seam, can't test without hitting real API
const scheduleDelivery = (delivery: Delivery): DeliveryPlan => {
const transitDays = fetchTransitDays(delivery.region);
return { ...delivery, totalDays: delivery.preparationDays + transitDays };
};
// AFTER -- function parameter seam with production default
type TransitDaysResolver = (region: string) => number;
const scheduleDelivery = (
delivery: Delivery,
resolveTransitDays: TransitDaysResolver = fetchTransitDays,
): DeliveryPlan => {
const transitDays = resolveTransitDays(delivery.region);
return { ...delivery, totalDays: delivery.preparationDays + transitDays };
};
// Test -- swap in a fake at the enabling point (the argument list)
const result = scheduleDelivery(testDelivery, () => 2);
Production code is unchanged at every call site (the default kicks in). Tests pass a fake. The seam is the parameter; the enabling point is the argument list.
Code Smell → Technique
| You see this in the code | Technique | Example |
|---|---|---|
new Foo() inside a function |
Parameterize function | Pass the dependency as a parameter with a default |
process.env.X read directly |
Wrap global call | (getEnv = () => process.env.X) |
import { thing } from './heavy-lib' used directly |
Extract type + parameterize | Define a narrow type, pass as parameter |
| Multiple hard-coded deps in one function | Higher-order function factory | createFn(deps) => (args) => result |
SingletonClass.getInstance() |
Wrap global call | (getSingleton = () => SingletonClass.getInstance()) |
Date.now() / Math.random() |
Wrap global call | (now = Date.now) as parameter |
| Class constructs its own collaborators | Parameterize constructor (OOP) | Accept via constructor, see oop-patterns.md |
| Can't change function signature yet | Module indirection (scaffolding) | Thin wrapper module + vi.mock(), migrate later |
Common Mistakes
| Mistake | Fix |
|---|---|
Using vi.mock() as permanent architecture |
Module mocks bypass type safety and create implicit coupling. Migrate to parameter injection as soon as you have tests. |
| Leading with class-based patterns (subclass, DI containers) | In TypeScript FP, function parameters provide natural seams. Classes and DI containers are rarely needed. |
| Mocking everything instead of finding real seams | Mock only at the seam boundary; test real logic |
| Creating seams that leak implementation details | Seam interfaces should describe what, not how |
| Forgetting the enabling point | Every seam needs a place to choose behavior; if there's no enabling point, it's not a seam |
| Breaking too many dependencies at once | Break one dependency at a time; get a test passing; then break the next |