ava vs jest vs tape: フロントエンド開発者が選ぶべきテストフレームワーク

ava、jest、tape はすべて JavaScript 向けのテストツールですが、それぞれ根本的に異なる哲学を持っています。この記事では、実際の開発現場で直面する課題 — 高速実行、モック、非同期処理、設定の複雑さ — に焦点を当て、各ツールがどう対応するかを深く掘り下げます。

⚡ 実行モデル：並列 vs シリアル vs 単純実行

ava はテストファイルごとにプロセスを分離し、完全に並列で実行します。各テストは独立したコンテキストで動作するため、グローバル状態の汚染が起きません。

// ava: テストは自動的に並列実行
import test from 'ava';

test('first', async t => {
  const result = await fetchData();
  t.is(result, 'expected');
});

test('second', async t => {
  const result = await fetchOtherData();
  t.is(result, 'other');
});

jest はデフォルトで 1つのプロセス内でシリアル実行しますが、--maxWorkers オプションで並列化できます。ただし、並列化はワーカー単位であり、同一ファイル内のテストは依然として順次実行されます。

// jest: 同一ファイル内ではシリアル実行
import { test } from '@jest/globals';

test('first', async () => {
  const result = await fetchData();
  expect(result).toBe('expected');
});

test('second', async () => {
  const result = await fetchOtherData();
  expect(result).toBe('other');
});

tape は 完全にシリアル実行し、並列実行の仕組みを一切提供しません。これはシンプルさを追求した設計によるものです。

// tape: 常にシリアル実行
const test = require('tape');

test('first', async t => {
  const result = await fetchData();
  t.equal(result, 'expected');
  t.end();
});

test('second', async t => {
  const result = await fetchOtherData();
  t.equal(result, 'other');
  t.end();
});

🧪 アサーションとテスト構文

ava は t オブジェクトを通じて豊富なアサーションメソッドを提供します。.is()、.deepEqual()、.throws() などが利用可能です。

// ava
import test from 'ava';

test('object comparison', t => {
  t.deepEqual({ a: 1 }, { a: 1 });
  t.throws(() => { throw new Error('boom'); }, { message: 'boom' });
});

jest は expect() マッチャーを使用します。チェーン可能な構文で柔軟な検証が可能です。

// jest
import { test, expect } from '@jest/globals';

test('object comparison', () => {
  expect({ a: 1 }).toEqual({ a: 1 });
  expect(() => { throw new Error('boom'); }).toThrow('boom');
});

tape は最小限のアサーションメソッド（.equal()、.deepEqual()、.ok() など）のみを提供します。高度な検証には追加のライブラリが必要です。

// tape
const test = require('tape');

test('object comparison', t => {
  t.deepEqual({ a: 1 }, { a: 1 });
  // throws の検証は直接サポートされない
  t.end();
});

🎭 モックとスパイ

ava は 組み込みのモック機能がありません。モックが必要な場合は sinon や mock-require などの外部ライブラリを使用します。

// ava + sinon
import test from 'ava';
import sinon from 'sinon';

test('with mock', t => {
  const stub = sinon.stub().returns('mocked');
  // ... use stub
  t.is(stub(), 'mocked');
});

jest は 強力な組み込みモック機能を備えています。jest.fn()、jest.mock()、spyOn などが利用可能です。

// jest
import { test, jest } from '@jest/globals';

test('with mock', () => {
  const mockFn = jest.fn().mockReturnValue('mocked');
  expect(mockFn()).toBe('mocked');
});

tape は モック機能を一切提供しません。すべて手動で実装する必要があります。

// tape: 手動でモックを実装
const test = require('tape');

test('manual mock', t => {
  const original = global.fetch;
  global.fetch = () => Promise.resolve({ json: () => ({ data: 'mocked' }) });
  // ... test
  global.fetch = original;
  t.end();
});

📸 スナップショットテスト

ava は snap-shot-it などのサードパーティ製パッケージ経由でスナップショットテストをサポートしますが、公式サポートはありません。

// ava + snap-shot-it (例)
import test from 'ava';
import snap from 'snap-shot-it';

test('snapshot', t => {
  snap({ hello: 'world' });
});

jest は スナップショットテストを標準でサポートしており、React コンポーネントのレンダリング結果などを簡単に保存・比較できます。

// jest
import { test, expect } from '@jest/globals';

test('snapshot', () => {
  const component = renderComponent();
  expect(component).toMatchSnapshot();
});

tape は スナップショットテストをサポートしていません。必要なら別途ツールを導入する必要があります。

🔌 設定と拡張性

ava は ava.config.* ファイル（JSON、YAML、JS）で設定します。Babel、TypeScript、ESM のサポートが組み込まれており、ほとんどのケースで追加設定不要です。

// ava.config.js
export default {
  files: ['test/**/*.test.js'],
  extensions: ['js', 'ts'],
  nodeArguments: ['--loader=ts-node/esm']
};

jest は jest.config.js または package.json 内の jest セクションで設定します。トランスパイラ、モジュールマッパー、カスタム環境など、非常に細かい制御が可能です。

// jest.config.js
export default {
  preset: 'ts-jest',
  testEnvironment: 'jsdom',
  moduleNameMapper: {
    '^@/(.*)$': '<rootDir>/src/$1'
  }
};

tape は 設定ファイルが不要です。コマンドライン引数やラッパースクリプトで振る舞いを変更します。

# tape
npx tape test/*.js | tap-spec

🔄 非同期テストの扱い

ava は Promise、async/await、コールバックスタイルをすべてネイティブサポートします。テスト関数が Promise を返せば、自動的に待機します。

// ava
import test from 'ava';

test('async/await', async t => {
  const data = await fetchData();
  t.is(data, 'expected');
});

test.cb('callback style', t => {
  fetchData((err, data) => {
    t.error(err);
    t.is(data, 'expected');
    t.end();
  });
});

jest も同様に Promise と async/await をサポートしますが、コールバックスタイルには done 引数が必要です。

// jest
import { test } from '@jest/globals';

test('async/await', async () => {
  const data = await fetchData();
  expect(data).toBe('expected');
});

test('callback style', done => {
  fetchData((err, data) => {
    expect(err).toBeNull();
    expect(data).toBe('expected');
    done();
  });
});

tape はコールバックスタイルが基本ですが、Promise を返すテストもサポートします（ただし、明示的に .end() を呼び出す必要があります）。

// tape
const test = require('tape');

test('promise style', async t => {
  const data = await fetchData();
  t.equal(data, 'expected');
  t.end(); // 必須
});

test('callback style', t => {
  fetchData((err, data) => {
    t.error(err);
    t.equal(data, 'expected');
    t.end();
  });
});

📊 実行結果と CI 連携

ava はカラフルなデフォルト出力を持ち、TAP 出力もサポートします（--tap オプション）。

npx ava --tap > results.tap

jest は詳細なデフォルト出力と、カバレッジレポートを標準で提供します。TAP 出力には jest-tap-reporter などのサードパーティ製レポーターが必要です。

npx jest --coverage

tape は TAP 形式で出力するのがデフォルトです。これは Unix パイプラインや CI ツールとの連携に最適です。

npx tape test.js | tap-diff

🛑 非推奨ステータスについて

2024年現在、tape は公式に非推奨されていませんが、開発は非常にゆっくりと進んでおり、新機能の追加はほとんどありません。一方、ava と jest はともに積極的にメンテナンスされています。新しいプロジェクトで tape を選ぶのは、極小のフットプリントや TAP への依存といった特定の要件がある場合に限るべきです。

💡 まとめ：どのツールを選ぶべきか

• 大規模なフロントエンドアプリケーション → jest（エコシステムと機能が豊富）
• 高速で軽量なテストを重視するライブラリ開発 → ava（並列実行と現代的な DX）
• シンプルさと移植性が最優先のユーティリティパッケージ → tape（ただし、新規プロジェクトでは慎重に検討）

最終的には、チームの好みとプロジェクトのスケールに合わせて選ぶのがベストです。ただし、モダンなフロントエンド開発においては、jest か ava のどちらかを選ぶのが現実的でしょう。