Thành phần

Vue Test Utils bao gồm các thành phần tiện ích bạn có thể sử dụng để khai thác các thành phần.

#RouterLinkStub

Một thành phần để khai thác router-linkthành phần Vue Router .

Bạn có thể sử dụng thành phần này để tìm thành phần liên kết bộ định tuyến trong cây kết xuất.

• Sử dụng:

Để đặt nó dưới dạng sơ khai trong các tùy chọn gắn kết:

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

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

#TransitionStub

Một thành phần để sơ khai transitionthành phần. Thay vì thực hiện chuyển đổi không đồng bộ, nó trả về thành phần con một cách đồng bộ.

Điều này được đặt để khai thác tất cả các transitionthành phần theo mặc định trong cấu hình Vue Test Utils. Để sử dụng bộ transitionthành phần tích hợp thành config.stubs.transitionfalse:

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

config.stubs.transition = false

Để thiết lập lại nó để sơ khai transitioncác thành phần:

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

config.stubs.transition = TransitionStub

Để đặt nó dưới dạng sơ khai trong các tùy chọn gắn kết:

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

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

#TransitiongroupStub

Một thành phần để sơ khai transition-groupthành phần. Thay vì thực hiện chuyển đổi không đồng bộ, nó trả về các thành phần con một cách đồng bộ.

Điều này được đặt để khai thác tất cả các transition-groupthành phần theo mặc định trong cấu hình Vue Test Utils. Để sử dụng bộ transition-group thành phần tích hợp thành config.stubs['transition-group']false:

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

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

Để thiết lập lại nó để sơ khai transition-groupcác thành phần:

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

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

Để đặt nó dưới dạng sơ khai trong các tùy chọn gắn kết:

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

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