You’re browsing the documentation for Vue Test Utils for Vue v2.x and earlier.

To read docs for Vue Test Utils for Vue 3, click here.

配置

Vue Test Utils 包含了一个定义其选项的配置对象。

Vue Test Utils 配置选项

showDeprecationWarnings

  • 类型:Boolean
  • 默认值:true

控制是否展示废弃警告。当设置为 true 时,所有的废弃警告都将会在控制台中打印出来。

示例:

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

config.showDeprecationWarnings = false

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
  • 默认值:{}

默认使用传递给 config.mocks 的值,类似 stubs。传递给挂载选项中 mocks 对象的任何值都会优先于 config.mocks 中的同名声明。

示例:

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

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

methods

  • 类型:{ [name: string]: Function }
  • 默认值:{}

你可以使用 config 对象配置默认的方法。它可以用于为组件注入方法的插件,例如 VeeValidate。你可以通过在挂载选项中传入 methods 来覆写 config 中的方法集合。

示例:

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

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

provide

  • 类型:Object
  • 默认值:{}

默认使用传递给 config.provide 的值,类似 stubsmocks。传递给挂载选项中 provide 对象的任何值都会优先于 config.provide 中的同名声明。请注意这里不支持将函数传递给 config.provide

示例:

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

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