Компоненты

Vue Test Utils включает утилиты, которые вы можете использовать для создания заглушек компонентов.

RouterLinkStub

Компонент для заглушки компонента Vue Router router-link.

Вы можете использовать этот компонент для поиска компонента router-link в дереве рендеринга.

  • Использование:

Чтобы установить его как заглушку в опциях монтирования:

import { mount, RouterLinkStub } from '@vue/test-utils'

const wrapper = mount(Component, {
  stubs: {
    RouterLink: RouterLinkStub
  }
})
expect(wrapper.find(RouterLinkStub).props().to).toBe('/some/path')

TransitionStub

Компонент для создания заглушки компонента transition. Вместо асинхронного выполнения переходов он возвращает дочерний компонент синхронно.

Это настроено на заглушку всех компонентов transition по умолчанию в конфигурации vue-test-utils. Чтобы использовать стандартный компонент transition установите config.stubs.transition в значение false:

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

config.stubs.transition = false

Чтобы переустановить обратно на заглушки компонентов transition:

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

config.stubs.transition = TransitionStub

Для установки заглушек в настройках монтирования:

import { mount, TransitionStub } from '@vue/test-utils'

mount(Component, {
  stubs: {
    transition: TransitionStub
  }
})

TransitionGroupStub

Компонент для создания заглушки компонента transition-group. Вместо асинхронного выполнения переходов он возвращает дочерние компоненты синхронно.

Это настроено на заглушку всех компонентов transition-group по умолчанию в конфигурации vue-test-utils. Чтобы использовать стандартный компонент transition-group установите config.stubs['transition-group'] в значение false:

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

config.stubs['transition-group'] = false

Чтобы переустановить обратно на заглушки компонентов transition-group:

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

config.stubs['transition-group'] = TransitionGroupStub

Для установки заглушек в настройках монтирования:

import { mount, TransitionGroupStub } from '@vue/test-utils'

mount(Component, {
  stubs: {
    'transition-group': TransitionGroupStub
  }
})