npm - Jest JS テストを監視して再実行する

Question

Jestのドキュメントではnpm test、テストの実行に使用することが提案されています。

ソースとテストを監視して、関連するファイルが変更されたときに Jest テストを自動的に再実行する方法はありますか?

Answer 1

この例では、gulp を使用して を使用して Jest テストを実行する方法とjest-cli、tddgulp タスクを使用してファイルを監視し、ファイルが変更されたときに Jest テストを再実行する方法を示します。

var gulp = require('gulp');
var jest = require('jest-cli');

var jestConfig = {
    rootDir: 'source'
};

gulp.task('test', function(done) {
    jest.runCLI({ config : jestConfig }, ".", function() {
        done();
    });
});

gulp.task('tdd', function(done) {
    gulp.watch([ jestConfig.rootDir + "/**/*.js" ], [ 'test' ]);
});

gulp.task('default', function() {
    // place code for your default task here
});

Answer 2

単一のファイルを監視モードで実行する場合:

yarn run test --watch FileName.test.jsx

Answer 3

私は個人的に npm パッケージjest-watch-typeahead を使用しています。

次の 3 つの手順を実行する必要があります。

1. npm パッケージをインストールします。

npm install --save-dev jest jest-watch-typeahead

2. jest.config.js に次のコードを追加します。

module.exports = {
  watchPlugins: [
    'jest-watch-typeahead/filename',
    'jest-watch-typeahead/testname',
  ],
};

3. Jest を監視モードで実行する

ヤーン・ジェスト --watch