У меня есть настройка формы с использованием vue.js и v-select для выпадающего списка валют.Я пытаюсь создать модульный тест, чтобы убедиться, что текущее значение v-select установлено на вычисленное значение price_currency
Вот код Vue для селектора
<v-select
name="price_currency"
:value="price_currency"
@input="value => this.updateValue('price_currency', value)"
:options="currencies"
v-validate="validate.select"
:selectOnTab="true">
</v-select>
:value установлено на price_currency, которое является вычисленным значением.В модульных тестах я могу использовать метод find для v-select, который будет возвращать элемент, но поскольку он является компонентом vue, а не фактическим <select>, элемент value не установлен, а значит, я не могупроверить это.
Как я могу написать модульный тест для вышеуказанного v-select, который подтвердит, что для поля установлено вычисленное значение price_currency?Кроме того, я хочу проверить, что когда обновляется price_currency, то значение v-select также изменяется, но, скорее всего, когда я увижу пример тестирования значения, все остальное встанет на свои места.
Это похоже надовольно простой тест, но я не могу найти нигде в документации или в Интернете хороший пример того, как это можно сделать.
Для своих модульных тестов я использую VueTestUtils и Jest.