Каков надлежащий способ тестирования сквозного (e2e) в Vue.js

Из-за причины я могу использовать selenium-standalone с помощью xpath для тестирования приложения. Но тестирование SPA может быть сложным когда-либо.

Но, например, команда angularjs предоставляет protractor для этой цели.

Причина, по которой я могу видеть транспортитор, заключается в том, что транспортитор ждет, пока не будут загружены угловые грузы и еще несколько функций:

Транспортир предоставляет несколько новых стратегий и функций локатора, которые очень помогают автоматизировать приложение AngularJS. Примеры включают такие вещи, как waitForAngular, By.binding, By.repeater, By.textarea, By.model, WebElement.all, WebElement.evaluate и т.д.

Итак, вопрос: Является ли это инструментом или лучшей практикой для тестирования e2e в Vuejs?

UPD: не стесняйтесь размещать ссылки на учебные пособия, пример и все, что круто об e2e-тестировании в vue.js. Спасибо.

ОТВЕТЫ

Ответ 1

Инструмент, о котором вы думаете, Nightwatch. С этим вы можете выполнить тестирование E2E с помощью Vue.js.

Еще лучше, это связано по умолчанию, когда вы используете vue-cli, готовый к запуску.

Командная строка для создания проекта с включенным по умолчанию Nightwatch - vue init webpack myProjectName.

Вот маленький учебники об этом.

EDIT: В последнее время я часто использовал Webdriver.io, и я должен сказать, что предпочитаю его Nightwatch (лучшая документация, реактивное сообщество с live gitter, вопросы, которые обрабатываются своевременно и т.д.)

Ответ 2

Я рекомендую использовать https://devexpress.github.io/testcafe.

Плюсы:

  • простая установка
  • комплект для тестирования
  • javascript ES2016 с (async/await)
  • гибкая селекторная система
  • интеллектуальные утверждения с политикой повтора.
  • Отчеты

См. простой учебник здесь

Ответ 3

Я рекомендую Cypress.

  • зависимость от NPM
  • запись видео прямо из коробки
  • GUI, который показывает каждый шаг теста.

Наши документы великолепны: https://on.cypress.io/intro

В Vue специально см. этот учебник: https://vuejsdevelopers.com/2018/01/29/vue-js-e2e-test-hacker-news/, и если вы хотите выполнить модульное тестирование компонентов Vue https://github.com/bahmutov/cypress-vue-unit-test

Счастливое тестирование.