Official Sponsor

社内IT・情シス業務でお困りですか? 月額1,650円〜の情シス代行「Lapis Tech」

無料相談・IT診断はこちら
プログラミング 2026-04-08

Jest(ジェスト)

MetaがReact向けに開発したJavaScript/TypeScriptのテストフレームワーク。ゼロ設定で動作・スナップショットテスト・モック機能を標準搭載し、フロントエンドテストのデファクトスタンダード。

Jestとは?

Jestは、Metaが開発したJavaScript/TypeScript向けのテストフレームワークです。ゼロ設定で即座に使い始められ、スナップショットテスト・モック機能・コードカバレッジ計測を標準搭載しています。ReactはもちろんNode.jsのバックエンドテストにも広く使われます。

主な機能

機能説明
テストランナーテストファイルを自動発見・並列実行
アサーションexpect().toBe()等の直感的なAPI
モック関数・モジュール・タイマーのモック化
スナップショットUIコンポーネントの出力を記録・比較
コードカバレッジテストがカバーしているコードの割合を測定

基本的なテストの書き方

// sum.js
export const sum = (a, b) => a + b;

// sum.test.js
import { sum } from './sum';

describe('sum関数', () => {
  test('1 + 2 は 3 になる', () => {
    expect(sum(1, 2)).toBe(3);
  });

  test('負の数も扱える', () => {
    expect(sum(-1, -2)).toBe(-3);
  });
});

よく使うマッチャー

expect(value).toBe(3)           // 厳密一致
expect(value).toEqual({ a: 1 }) // オブジェクトの深い比較
expect(value).toBeTruthy()      // truthy値
expect(fn).toHaveBeenCalled()   // 関数が呼ばれたか
expect(value).toMatchSnapshot() // スナップショット一致

まとめ

Jestはフロントエンドテストのデファクトスタンダードです。TypeScriptプロジェクトではts-jestまたは@swc/jestと組み合わせて使います。テストを書く習慣はバグ発見コストを劇的に下げます。

おすすめの高速レンタルサーバー PR
🎓

ITスキルを動画でマスター

\ 新規受講生 割引実施中 /

React、AWS、Pythonなど、現役エンジニアから直接学べる世界最大級の動画講座。

人気のコースを見る

PR: スポンサーリンク

法人・個人向けサポート 受付中

インフラ構築やトラブル対応で お困りではありませんか?

AWSの構築、社内ネットワーク(VPN/NW)の改善、その他原因不明のITトラブルまで、現役インフラエンジニアが直接サポートします。単発でのご相談や、毎月のスポット顧問契約も可能です。

Sponsored Link

バグ・要望を報告する