0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

TypeScriptでJestを使う

Posted at

Jestの環境構築を行う。

  1. パッケージのインストール.
  2. TypeScriptに対応する

雛形を作成

npx tsc --init

パッケージをインストール

npm i -D jest @types/jest ts-jest

tsconfg.jsonの作成

npx ts-jest config:init

関数を定義したファイルを配置する。ファイル1枚ならどこでもいい。

自作した関数のsum.ts

export function sum(a: number, b: number): number {
  return a + b;
}

テストコードを書いたsum.test.tsを作成。testとファイル名にはつける。

import { sum } from './sum';

// itとはテストケースのこと
it("1と2を足すと3になる", () => {
  // expect関数にテストの結果を渡す
  // expect(関数の戻り値).toBe(期待値)
  expect(sum(1, 2)).toBe(3);
})

VScode にJestという拡張機能を入れておくと、RunボタンとDebugボタンが表示されるようになり、毎回コマンドを入力せずに済むようになるので便利です。

スクリーンショット 2023-10-25 8.09.44.png

テストが成功するとターミナルに結果が表示されます。
スクリーンショット 2023-10-25 8.11.24.png

最後に

最近携わっている仕事で、TypeScriptのテストコードを書く機会が出てきたので、Jestの勉強始めました。
品質の良いソフトウェアを開発するには、テスト大事ですね。

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?