Добрый день! подскажите кому-то приходилось писать unit тесты на input

Question

Добрый день! подскажите кому-то приходилось писать unit тесты на input

type file используя vue-test-utils + vitest (ну или jest) ? Возник вопрос как правильнее всего это сделать, возможно кто-то может поделиться хорошим примером или статьей, буду благодарен!

#programming #russian #vue.js

0

21.10.2023

12 ответов

22 просмотра

Viktor Krepak Автор вопроса

Stanislav Lashmanov
А в чём проблема?

не получается правильно замокать ивент, который происходит в случае триггера инпута, что бы потом проверить что заемитались нужные значения вот примерный код it.only("emits correct event", async () => { const inputElement = findByTestId("upload-input", wrapper); await inputElement.trigger("change"); expect(wrapper.emitted("update:modelValue")).toBeTruthy(); expect(wrapper.emitted("update:modelValue")?.[0]).toEqual(event.target.files); });

0

21.10.2023

Stanislav Lashmanov

Viktor Krepak
не получается правильно замокать ивент, который пр...

Можно сделать dispatchEvent нативно если trigger не позволяет указать значение, но вообще должен

0

21.10.2023

Kirill 🍅 Romanov

test('should emit event when file selected', () => { const wrapper = shallowMount(FileInputWrapper); const file = new File(['foo'], 'foo.txt'); const input = wrapper.find('input'); Object.defineProperty(input.element, 'files', { value: [file] }); input.trigger('change'); expect(wrapper.emitted('change')).toEqual([[[file]]]); }); примерно так

0

21.10.2023

Viktor Krepak Автор вопроса

Kirill 🍅 Romanov
test('should emit event when file selected', () =>...

Ага, понял, видел где-то похожий пример, спасибо за помощь!

0

21.10.2023

Stanislav Lashmanov

Kirill 🍅 Romanov
test('should emit event when file selected', () =>...

А зачем забирать с элемента инпута когда файл в событии

0

21.10.2023