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

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

Конфигурация настроек Vue Test Utils

stubs

  • Тип: { [name: string]: Component | boolean | string }
  • По умолчанию: { transition: TransitionStub, 'transition-group': TransitionGroupStub }

Заглушки указанные в 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)
  }
}

silent

  • Тип: Boolean
  • По умолчанию: true

Подавляет предупреждения, вызванные Vue во время изменения наблюдаемых компонентов (например, входных параметров). Если установлено значение false, все предупреждения показываются в консоли. Это настраиваемый способ, который основывается на Vue.config.silent.

Пример:

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

config.silent = false