vue.js - 使用 vue-test-utils 配置过滤器

Question

我们如何使用全局应用的过滤器配置组件安装？我认为这将是传递给createLocalVue的一些选项，但我在文档中没有看到它。

使用全局过滤器时，我在运行套件时在控制台中收到以下警告：

[Vue warn]: Failed to resolve filter: filterName

wrapper.html() 处的字符串包含预先计算的值，但未应用过滤器，例如

{{ 'a string' | throughFilter }}

还是

'a string'

过滤器在浏览器中工作，它作为一个函数自行测试，但我不想发送带有警告的代码。

Answer 1

createLocalVue返回一个 Vue 构造函数，其中包含filter注册过滤器的方法：

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

const localVue = createLocalVue()

localVue.filter('myFilter', myFilter)

mount(TestComponent, {
  localVue
})

或者，您可以在安装组件之前在 Vue 构造函数上全局安装过滤器：

import Vue from 'vue'

Vue.filter('myFilter', myFilter)

mount(TestComponent)

Answer 2

如果您以 La Nuxt 的方式使用它，您也可以导入您的过滤器脚本。

import "@/plugins/filters";

...your test