Настройка фильтров с помощью 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)