v13.9.9


Mockaton is an HTTP mock server for simulating APIs, designed for testing difficult to reproduce backend states with minimal setup.

Dashboard

Mockaton Dashboard

Demo (Docker)

This will spin up Mockaton with the sample directory included in the repo mounted on the container.

git clone https://github.com/ericfortis/mockaton.git --depth 1
cd mockaton
make docker

Test it:

curl localhost:2020/api/user

Dashboard: localhost:2020/mockaton

Basic Usage

npx mockaton my-mocks-dir/

Mockaton will serve the files on the given directory. It's a file-system based router, so filenames can have dynamic parameters. Also, filenames can have comments, which are anything within parentheses, this way each route can have different mock file variants. Similarly, each route can have different response status code variants.

Route Filename Description
/api/company/123 api/company/[id].GET.200.json [id] is a dynamic parameter
/media/avatar.png media/avatar.png Statics assets don’t need the above extension
/api/login api/login(invalid attempt).POST.401.json Anything within parenthesis is a comment, they are ignored when routing
/api/login api/login(default).GET.200.json (default) is a special comment; otherwise, the first mock variant in alphabetical order wins
/api/login api/login(locked out user).POST.423.ts TypeScript or JavaScript mocks are sent as JSON by default

Docs

How to scrape your backend APIs?

Mockaton has a Browser Extension that lets you download in bulk all your API responses following Mockaton’s filename convention.

Skills

npx skills add ericfortis/mockaton

Installation more options ↗

npm install mockaton

How to create mocks?

Write it to your mocks directory. Alternatively, there’s an API PATCH /mockaton/write-mock.

mkdir -p my-mocks-dir/api
echo "export default { name: 'John' }" > my-mocks-dir/api/user.GET.200.ts

Example A: JSON

For JSON responses, use TypeScript (or JS), and export default an Object, Array, or String.

interface Company {
  name: string
}

export default {
  name: 'Acme, Inc.'
} satisfies Company

Example B: Non-JSON

<company>
 <name>Acme, Inc.</name>
</company>

Example C: Function Mocks

With a function mock you can do pretty much anything you could do with a normal backend handler. For example, you can handle complex logic, URL parsing, saving to a database, etc.

import { IncomingMessage, OutgoingMessage } from 'node:http'
import { parseSegments } from 'mockaton'

export default async function (req: IncomingMessage, response: OutgoingMessage) {
  const { companyId, userId } = parseSegments(req.url, import.meta.filename)
  const foo = await getFoo()
  return JSON.stringify({
    foo,
    companyId,
    userId,
    name: 'Acme, Inc.'
  })
}