Плагіни спостереження

Система плагінів спостереження Jest надає спосіб зайти до певних частин Jest та визначити запити меню режиму спостереження, які виконуватимуть код при натисканні клавіш. У поєднанні, ці функції дозволяють розвивати інтерактивний досвід користувача для вашого робочого процесу.

Інтерфейс плагіну спостереження

class MyWatchPlugin {
  // Додавання хуку в події життєвого циклу Jest
  apply(jestHooks) {}

  // Отримання інформацію за запитом щодо інтерактивних плагінів
  getUsageInfo(globalConfig) {}

  // Виконання при натисканні ключів з `getUsageInfo`
  run(globalConfig, updateConfigAndRun) {}
}

Хуки в Jest

To connect your watch plugin to Jest, add its path under watchPlugins in your Jest configuration:

jest.config.js

module.exports = {
  // ...
  watchPlugins: ['path/to/yourWatchPlugin'],
};

Користувацькі плагіни спостереження можуть додавати хуки до подій Jest. Ці хуки можна додати з/без інтерактивного ключа в меню режиму спостереження.

apply(jestHooks)

Jest hooks can be attached by implementing the apply method. This method receives a jestHooks argument that allows the plugin to hook into specific parts of the lifecycle of a test run.

class MyWatchPlugin {
  apply(jestHooks) {}
}

Нижче наведені хуки, доступні в Jest.

jestHooks.shouldRunTestSuite(testSuiteInfo)

Returns a boolean (or Promise<boolean> for handling asynchronous operations) to specify if a test should be run or not.

Наприклад:

class MyWatchPlugin {
  apply(jestHooks) {
    jestHooks.shouldRunTestSuite(testSuiteInfo => {
      return testSuiteInfo.testPath.includes('my-keyword');
    });

    // or a promise
    jestHooks.shouldRunTestSuite(testSuiteInfo => {
      return Promise.resolve(testSuiteInfo.testPath.includes('my-keyword'));
    });
  }
}

jestHooks.onTestRunComplete(results)

Викликається в кінці кожного запуску тесту. За аргумент має результати тестів.

Наприклад:

class MyWatchPlugin {
  apply(jestHooks) {
    jestHooks.onTestRunComplete(results => {
      this._hasSnapshotFailure = results.snapshot.failure;
    });
  }
}

jestHooks.onFileChange({projects})

Викликається за кожної зміни у файловій системі.

• projects: Array<config: ProjectConfig, testPaths: Array<string>: Includes all the test paths that Jest is watching.

Наприклад:

class MyWatchPlugin {
  apply(jestHooks) {
    jestHooks.onFileChange(({projects}) => {
      this._projects = projects;
    });
  }
}

Інтеграція меню спостереження

Custom watch plugins can also add or override functionality to the watch menu by specifying a key/prompt pair in getUsageInfo method and a run method for the execution of the key.

getUsageInfo(globalConfig)

To add a key to the watch menu, implement the getUsageInfo method, returning a key and the prompt:

class MyWatchPlugin {
  getUsageInfo(globalConfig) {
    return {
      key: 's',
      prompt: 'do something',
    };
  }
}

This will add a line in the watch mode menu (› Press s to do something.)

Watch Usage
 › Press p to filter by a filename regex pattern.
 › Press t to filter by a test name regex pattern.
 › Press q to quit watch mode.
 › Press s to do something. // <-- This is our plugin
 › Press Enter to trigger a test run.

note

Якщо ключ вашого плагіну вже існує як ключ за замовчуванням, ваш плагін перевизначить цей ключ.

run(globalConfig, updateConfigAndRun)

To handle key press events from the key returned by getUsageInfo, you can implement the run method. This method returns a Promise<boolean> that can be resolved when the plugin wants to return control to Jest. The boolean specifies if Jest should rerun the tests after it gets the control back.

• globalConfig: A representation of Jest's current global configuration
• updateConfigAndRun: Allows you to trigger a test run while the interactive plugin is running.

class MyWatchPlugin {
  run(globalConfig, updateConfigAndRun) {
    // do something.
  }
}

note

If you do call updateConfigAndRun, your run method should not resolve to a truthy value, as that would trigger a double-run.

Авторизовані ключі конфігурації

For stability and safety reasons, only part of the global configuration keys can be updated with updateConfigAndRun. The current white list is as follows:

• bail
• changedSince
• collectCoverage
• collectCoverageFrom
• coverageDirectory
• coverageReporters
• notify
• notifyMode
• onlyFailures
• reporters
• testNamePattern
• testPathPatterns
• updateSnapshot
• verbose

Персональні налаштування

Plugins can be customized via your Jest configuration.

jest.config.js

module.exports = {
  // ...
  watchPlugins: [
    [
      'path/to/yourWatchPlugin',
      {
        key: 'k', // <- your custom key
        prompt: 'show a custom prompt',
      },
    ],
  ],
};

Recommended config names:

• key: Modifies the plugin key.
• prompt: Allows user to customize the text in the plugin prompt.

If the user provided a custom configuration, it will be passed as an argument to the plugin constructor.

class MyWatchPlugin {
  constructor({config}) {}
}

Вибір хорошого ключа

Jest allows third-party plugins to override some of its built-in feature keys, but not all. Specifically, the following keys are not overwritable :

• c (clears filter patterns)
• i (updates non-matching snapshots interactively)
• q (quits)
• u (updates all non-matching snapshots)
• w (displays watch mode usage / available actions)

The following keys for built-in functionality can be overwritten :

• p (test filename pattern)
• t (test name pattern)

Any key not used by built-in functionality can be claimed, as you would expect. Try to avoid using keys that are difficult to obtain on various keyboards (e.g. é, €), or not visible by default (e.g. many Mac keyboards do not have visual hints for characters such as |, \, [, etc.)

Коли трапляється конфлікт

Should your plugin attempt to overwrite a reserved key, Jest will error out with a descriptive message, something like:

Watch plugin YourFaultyPlugin attempted to register key `q`, that is reserved internally for quitting watch mode. Please change the configuration key for this plugin.

Third-party plugins are also forbidden to overwrite a key reserved already by another third-party plugin present earlier in the configured plugins list (watchPlugins array setting). When this happens, you’ll also get an error message that tries to help you fix that:

Watch plugins YourFaultyPlugin and TheirFaultyPlugin both attempted to register key `x`. Please change the key configuration for one of the conflicting plugins to avoid overlap.