Skip to content
Cloudflare Docs
Miniflare
Cloudflare Docs
Miniflare
Search icon (depiction of a magnifying glass)
GitHub icon
Visit Miniflare on GitHub
Set theme to dark (⇧+D)

⚡️ Vitest Environment

Miniflare includes a custom Vitest environment that allows you to run your unit tests within the Miniflare sandbox. Note that Vitest 0.23.0 is required.

Setup

The Miniflare environment isn't installed by default, install it and Vitest with:

$ npm install -D vitest-environment-miniflare vitest

In the following examples, we'll assume your package.json contains "type": "module", and that you're using a tool to bundle your worker. See ⚡️ Developing with esbuild for an example.

To enable the Miniflare environment, set the environment option in your Vitest configuration:

vitest.config.ts
import { defineConfig } from "vitest/config";


export default defineConfig({
  test: {
    environment: "miniflare",
    // Configuration is automatically loaded from `.env`, `package.json` and
    // `wrangler.toml` files by default, but you can pass any additional Miniflare
    // API options here:
    environmentOptions: {
      bindings: { KEY: "value" },
      kvNamespaces: ["TEST_NAMESPACE"],
    },
  },
})

Writing and Running Tests

The Miniflare environment lets us import our worker's functions with regular import syntax. We can write a test for the following worker like so:

src/index.js
addEventListener("fetch", (event) => {
  event.respondWith(handleRequest(event.request));
});


// Assuming you've got a build tool that removes `export`s when you actually
// deploy your worker (e.g. https://esbuild.github.io/api/#format-iife)
export async function handleRequest(request) {
  return new Response(`URL: ${request.url} KEY: ${KEY}`);
}
test/index.spec.js
import { expect, test } from "vitest";
import { handleRequest } from "../src/index.js";


test("responds with url", async () => {
  const req = new Request("http://localhost/");
  const res = await handleRequest(req);
  expect(await res.text()).toBe("URL: http://localhost/ KEY: value");
});

To run this test:

$ NODE_OPTIONS=--experimental-vm-modules npx vitest run

Isolated Storage

The Miniflare environment will use isolated storage for KV namespaces, caches, and Durable Objects in each test. This essentially means any changes you make in a test or describe-block are automatically undone afterwards. The isolated storage is copied from the parent describe-block, allowing you to seed data in beforeAll hooks.

As an example, consider the following tests:

import { expect, test } from "vitest";
const describe = setupMiniflareIsolatedStorage();


// Gets the array
async function get() {
  const jsonValue = await TEST_NAMESPACE.get("array");
  return JSON.parse(jsonValue ?? "[]");
}


// Pushes an item onto the end of the array
async function push(item) {
  const value = await get();
  value.push(item);
  await TEST_NAMESPACE.put("array", JSON.stringify(value));
}


beforeAll(async () => {
  await push("beforeAll");
});


beforeEach(async () => {
  // This runs in each tests' isolated storage environment
  await push("beforeEach");
});


test("test 1", async () => {
  // This push(1) will only mutate the isolated environment
  await push(1);
  expect(await get()).toEqual(["beforeAll", "beforeEach", 1]);
});


test("test 2", async () => {
  await push(2);
  // Note that push(1) from the previous test has been "undone"
  expect(await get()).toEqual(["beforeAll", "beforeEach", 2]);
});


describe("describe", () => {
  beforeAll(async () => {
    await push("describe: beforeAll");
  });


  beforeEach(async () => {
    await push("describe: beforeEach");
  });


  test("test 3", async () => {
    await push(3);
    expect(await get()).toEqual([
      // All beforeAll's run before beforeEach's
      "beforeAll",
      "describe: beforeAll",
      "beforeEach",
      "describe: beforeEach",
      3,
    ]);
  });


  test("test 4", async () => {
    await push(4);
    expect(await get()).toEqual([
      "beforeAll",
      "describe: beforeAll",
      "beforeEach",
      "describe: beforeEach",
      4,
    ]);
  });
});

Note that bindings (e.g. variables, KV namespaces, etc) are only included in the global scope when you're using a service-worker format worker. In modules mode, you can use the getMiniflareBindings global method:

const { TEST_NAMESPACE } = getMiniflareBindings();

Note also that storage persistence options (kvPersist, cachePersist, and durableObjectsPersist) are ignored by the Miniflare Vitest environment.

Durable Objects

When testing Durable Objects, Miniflare needs to run your script itself to extract exported Durable Object classes. Miniflare should be able to auto-detect your script from your package.json or wrangler.toml file, but you can also set it manually in Vitest configuration:

src/index.mjs
export class TestObject {
  constructor(state) {
    this.storage = state.storage;
  }


  async fetch() {
    const count = (await this.storage.get("count")) + 1;
    this.storage.put("count", count);
    return new Response(count.toString());
  }
}
vitest.config.ts
import { defineConfig } from "vitest/config";


export default defineConfig({
  test: {
    environment: "miniflare",
    environmentOptions: {
      modules: true,
      scriptPath: "./src/index.mjs",
      durableObjects: {
        TEST_OBJECT: "TestObject",
      },
    },
  },
})

To access Durable Object storage in tests, use the getMiniflareDurableObjectStorage() global function:

import { expect, test } from "vitest";
const describe = setupMiniflareIsolatedStorage();


test("increments count", async () => {
  // Durable Objects requires modules mode so bindings aren't accessible via the
  // global scope
  const { TEST_OBJECT } = getMiniflareBindings();
  const id = TEST_OBJECT.newUniqueId();


  // Seed Durable Object storage (isolated storage rules from above also apply)
  const storage = await getMiniflareDurableObjectStorage(id);
  await storage.put("count", 3);


  // Increment the count
  const stub = TEST_OBJECT.get(id);
  const res = await stub.fetch("http://localhost/");
  expect(await res.text()).toBe("4");


  // Check storage updated
  expect(await storage.get("count")).toBe(4);
});

To immediately invoke ("flush") scheduled Durable Object alarms, use the flushMiniflareDurableObjectAlarms() global function:

import { expect, test } from "vitest";
const describe = setupMiniflareIsolatedStorage();


test("flushes alarms", async () => {
  // Get Durable Object stub
  const env = getMiniflareBindings();
  const id = env.TEST_OBJECT.newUniqueId();
  const stub = env.TEST_OBJECT.get(id);


  // Schedule Durable Object alarm
  await stub.fetch("http://localhost/");


  // Flush all alarms...
  await flushMiniflareDurableObjectAlarms();
  // ...or specify an array of `DurableObjectId`s to flush
  await flushMiniflareDurableObjectAlarms([id]);
});

Mocking Outbound fetch Requests

Miniflare allows you to substitute custom Responses for fetch() calls using undici's MockAgent API. This is useful for testing workers that make HTTP requests to other services. To obtain a correctly set-up MockAgent, use the getMiniflareFetchMock() global function.

import { expect, test } from "vitest";
const describe = setupMiniflareIsolatedStorage();


test("mocks fetch", async () => {
  // Get correctly set up `MockAgent`
  const fetchMock = getMiniflareFetchMock();


  // Throw when no matching mocked request is found
  // (see https://undici.nodejs.org/#/docs/api/MockAgent?id=mockagentdisablenetconnect)
  fetchMock.disableNetConnect();


  // Mock request to https://example.com/thing
  // (see https://undici.nodejs.org/#/docs/api/MockAgent?id=mockagentgetorigin)
  const origin = fetchMock.get("https://example.com");
  // (see https://undici.nodejs.org/#/docs/api/MockPool?id=mockpoolinterceptoptions)
  origin
    .intercept({ method: "GET", path: "/thing" })
    .reply(200, "Mocked response!");


  const res = await fetch("https://example.com/thing");
  const text = await res.text();
  expect(text).toBe("Mocked response!");
});

Waiting for waitUntiled Promises

To await the results of waitUntiled Promises, call the getMiniflareWaitUntil() global function on a FetchEvent, ScheduledEvent or ExecutionContext. This will return a Promise that resolves to an array of resolved waitUntiled Promise values:

src/index.js
export default {
  async fetch(request, env, ctx) {
    ctx.waitUntil(Promise.resolve(1));
    ctx.waitUntil(Promise.resolve(2));
    ctx.waitUntil(Promise.resolve(3));
    return new Response("body");
  }
}
test/index.spec.js
import { expect, test } from "vitest";
const describe = setupMiniflareIsolatedStorage();


import worker from "../src/index.js";


test("wait until", async () => {
  const request = new Request("http://localhost:8787/");
  const env = getMiniflareBindings();
  const ctx = new ExecutionContext();


  // Call module worker handler
  const response = worker.fetch(request, env, ctx);
  expect(await response.text()).toBe("body");


  // Check resolved values of waitUntil'ed Promises
  const waitUntils = await getMiniflareWaitUntil(ctx);
  expect(waitUntils).toEqual([1, 2, 3]);
});