Как сделать backbone.js UI-тестирование

Question

Итак, я создал приложение require.js и backbone.js (на самом деле marionette.js), которое в основном является своего рода мобильным приложением.

Теперь я хочу создать тесты для него, в основном тестирования этого сценария:

• Перейдите к существующему проекту, например, site.com/build/1234
  • Перетащите компонент, проверьте, если он добавлено правильно.
  • Измените свойства компонента и проверьте, правильно ли они обновлены. I.e: У меня есть панель свойств, которая перечисляет свойства выбранного компонента, чем, например, у меня есть свойство, которое является selectmenu и изменяет размер (маленький, средний, большой). I
    должен быть в состоянии проверить это.

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

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

Спасибо.

Answer 1

если вы хотите на самом деле симулировать клики, посмотрите на селен (http://docs.seleniumhq.org/projects/webdriver/)

Если вы просто хотите, чтобы проверить, что ваши компоненты Backbone (представления, контроллеры и т.д.) и шаблоны работают правильно, вы можете использовать JS тест-бегун, такой как Karma (http://karma-runner.github.io/0.12/index.html), чтобы выполнить ваши тесты. Синон может издеваться над вашими аякс-призывами и для вас. Он может использовать PhantomJs как механизм рендеринга, поэтому вы можете реально отображать свои представления и использовать представление.() Style DOM инспекция для проверки вывода ваших просмотров.