用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。

import "@/plugins/filters";

...your test