Конфигурация

Vue Test Utils включает объект конфигурации для определения опций, используемых Vue Test Utils.

Настройки Vue Test Utils

stubs

• Тип: { [name: string]: Component | boolean | string }
• По умолчанию: {}

Заглушки указанные в config.stubs используются по умолчанию. Заглушки, используемые в компонентах. Они перезаписываются значениями stubs переданными в настройках монтирования.

При передаче stubs в качестве массива в настройках монтирования, config.stubs будет преобразована в массив, и будут создаваться компоненты заглушки с базовым компонентом, который возвращает <${component name}-stub>.

Пример:

import { config } from '@vue/test-utils'

config.stubs['my-component'] = '<div />'

mocks

• Тип: Object
• По умолчанию: {}

По аналогии с stubs, значения, переданные в config.mocks используются по умолчанию. Любые значения, переданные настройкам монтирования объекта mocks, будут иметь приоритет выше, по сравнению с объявленными в config.mocks.

Пример:

import { config } from '@vue/test-utils'

config.mocks['$store'] = {
  state: {
    id: 1
  }
}

methods

• Тип: { [name: string]: Function }
• По умолчанию: {}

Вы можете настроить методы по умолчанию с помощью объекта config. Это может быть полезно для плагинов, которые вводят методы в компоненты, такие как VeeValidate. Вы можете переопределить методы, установленные в config, передав methods в настройках монтирования.

Пример:

import { config } from '@vue/test-utils'

config.methods['getData'] = () => {}

provide

• Тип: Object
• По умолчанию: {}

Как stubs или mocks, значения, переданные config.provide, используются по умолчанию. Любые значения, переданные настройкам монтирования объекта provide, будут иметь приоритет выше по сравнению с объявленными в config.provide. Обратите внимание, что не поддерживается передача функции в качестве config.provide.

Пример:

import { config } from '@vue/test-utils'

config.provide['$logger'] = {
  log: (...args) => {
    console.log(...args)
  }
}