0
0

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.

JavaScriptのテストフレームワークであるJestを使ってみる

Posted at

開発環境は、

  • Windows10 Pro(64bit)
  • Node v16.16.0
  • npm 8.11.0

とりあえず、Jestの公式サイトのGetting Startedに書いてある単純な単体テストを実行してみる。

Cドライブ直下にjestディレクトリを作成し、カレントディレクトリにする。

cd c:\ && mkdir jest && cd jest

以下のコマンドでJestをインストール。バージョンは、28.1.3です。

npm install --save-dev jest

次に、jestディレクトリ内に、srcディレクトリと、testsディレクトリを作成。

mkdir src && mkdir tests

次に、以下のコードをsum.jsという名前で、srcディレクトリに保存。

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

module.exports = sum;

次に、以下のコードをsum.test.jsという名前で、testsディレクトリに保存。

const sum = require("../src/sum");

// 1+2が3になれば成功というテスト
test('adds 1 + 2 to equal 3', () => {
    expect(sum(1,2)).toBe(3);
});

// 1+2が3にならなければ成功というテスト
test('adds 1 + 2 to not equal 3', () => {
    expect(sum(1,2)).not.toBe(4);
});

次に、プログラムを実行するために、package.jsonを開き、以下のscriptsの欄を追加してます。これにより、npm testを入力すると、jestが実行されます。

{
  "devDependencies": {
    "jest": "^28.1.3"
  },

  "scripts": {
    "test": "jest"
  }
}

さっそく、実行してみましょう。

npm test

以下のような結果になりました。
image.png
どっちも成功ですね。

リンク

0
0
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
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?