Тестирование Vue компонента после рендеринга компонента - PullRequest
0 голосов
/ 29 мая 2020

В настоящее время я пытаюсь протестировать компонент таблицы в своем приложении Vue.

Данные таблицы обычно извлекаются при вызове API, но я высмеял ответ API, и он возвращается в разрешенном обещании.

Имитация вызова API работает, мне удалось проверить, правильно ли он заполняет объект состояния Vue data ().

Однако, когда я пытаюсь нажимать кнопки в таблице или протестируйте любой из визуализированных кодов таблицы, такой код, как

const downloadButton = wrapper.find(".download-btn");
downloadButton.trigger("click");

, возвращает undefined / Я получаю неопределенное поведение.

Я сделал снимок, чтобы увидеть, что происходит, снимок показывает, что таблица находится в состоянии загрузки. (т.е. столбцы таблицы есть, но вместо отображения данных отображается «таблица загружается»)

Как я могу заставить свои тесты ждать, пока таблица загрузится и отобразится перед тестированием?

Я пробовал использовать await localVue.nextTick(); несколько раз, но это ничего не изменило.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...