• ..

NextJS

    TypeScript と使う設定

    依存のインストール

    以下の3つをインストールします。

    yarn add -D @types/jest jest ts-jest 

    設定ファイルを作る

    以下はsrc/以下のすべての.tsまたは.tsxファイルをテストの対象にするという意味になる設定です。その時の環境に合わせてtestRegexを書き換えることでいろんな環境に合わせれます。

    module.exports = {
      moduleFileExtensions: ['ts', 'tsx', 'js'],
      transform: {
        '^.+\\.tsx?$': 'ts-jest',
      },
      testRegex: 'src/.*(/__tests__/.*|.test).tsx?$',
    };

    テストを試す

    適当にsrc/index.test.ts辺りでこんなファイルを作ります。

    test('test', () => {
      expect(1).toBe(1);
    });

    そしてyarn jestでテストが通れば完了です。

    グローバルにインストールして使う

    グローバルに Jest をインストール

    yarnの人は、

    yarn global add jest

    npmの人は多分、

    npm i -g jest

    で入ると思います。

    実行する

    グローバルの Jest を実行するには設定ファイルを指定する必要があります。Jest を TypeScript と使う設定のような感じでどこかのディレクトリに環境を作り、その環境にあるjest.config.jsを指定してあげれば大丈夫です。

    以下のような感じです。

    jest --config=~/a-project/jest.config.js

    --config 指定を省略する

    shell の設定などでエイリアスとしてjestjest --config=~/a-project/jest.config.jsとなるようなエイリアスを登録します。

    fish shell

    fishでの設定は以下のコマンドを実行します。

    echo "alias jest='jest --config=$HOME/environment/workbook/jest.config.js'" >> ~/.config/fish/config.fish

    bash

    bashの場合は~/.config/fish/config.fishの代わりに~/.bashrcに変えるだけです。