Я изучил и рассмотрел многие модульные тесты JavaScript и инструменты тестирования, но не смог найти подходящего варианта, чтобы оставаться полностью совместимым с TDD. Итак, есть ли инструмент модульного тестирования JavaScript, полностью совместимый с TDD?

Карма или Транспортир

Karma - это программа для тестирования JavaScript, созданная с использованием Node.js и предназначенная для модульного тестирования.

Транспортир предназначен для сквозного тестирования и использует Selenium Web Driver для проведения тестов.

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

Скринкаст: Карма Начало работы

связанные :

• Должен ли я использовать Protractor или Karma для моего сквозного тестирования?
• Можно ли использовать транспортир и карму вместе?

плюсы :

• Использует node.js, совместимый с Win / OS X / Linux
• Запускать тесты из браузера или без помощи PhantomJS
• Запускать на нескольких клиентах одновременно
• Возможность запуска, захвата и автоматического закрытия браузеров
• Возможность запуска сервера / клиентов на компьютере разработчика или отдельно
• Запускать тесты из командной строки (можно интегрировать в ant / maven)
• Написать тесты в стиле xUnit или BDD
• Поддерживает несколько тестовых сред JavaScript
• Автозапуск тестов при сохранении
• Прокси-запросы междоменные
• Можно настроить:
  • Расширьте его, чтобы обернуть другие тестовые фреймворки (Jasmine, Mocha, QUnit встроенный)
  • Ваши собственные утверждения / опровержения
  • Репортеры
  • Браузерные пусковые установки
• Плагин для WebStorm
• Поддерживается IDE Netbeans

Минусы :

• Не поддерживает NodeJS (т.е. бэкэнд) тестирование
• Плагин для Eclipse отсутствует (пока)
• Нет истории предыдущих результатов испытаний

mocha.js

Я абсолютно не квалифицирован, чтобы комментировать особенности, сильные и слабые стороны mocha.js, но он был только рекомендован мне кем-то, кому я доверяю в сообществе JS.

Список функций, как сообщается на его сайте:

• поддержка браузера
• простая асинхронная поддержка, включая обещания
• отчет о тестировании покрытия
• поддержка различий строк
• javascript # API для запуска тестов
• правильное состояние выхода для поддержки CI и т. д.
• автоматически обнаруживает и отключает окраску для не-ttys
• отображает неперехваченные исключения в правильный тестовый набор
• поддержка тайм-аута асинхронного теста
• тайм-ауты теста
• поддержка уведомлений рычания
• отчеты о продолжительности испытаний
• выдвигает на первый план медленные тесты
• поддержка наблюдателя файла
• обнаружение глобальной переменной утечки
• при желании запустить тесты, которые соответствуют регулярному выражению
• автоматический выход для предотвращения «зависания» с активной петлей
• легко мета-генерировать комплекты и тест-кейсы
• поддержка файла mocha.opts
• кликабельные заголовки комплектов для фильтрации выполнения теста
• поддержка отладчика узлов
• обнаруживает множественные вызовы done ()
• используйте любую библиотеку утверждений, которую вы хотите
• расширяемая отчетность, в комплекте с 9+ журналистами
• расширяемые тестовые DSL или «интерфейсы»
• до, после, перед каждым, после каждого крючка
• произвольная поддержка транспилера (кофе-скрипт и т. д.)
• Пакет TextMate

yolpo

Это больше не существует, вместо этого перенаправляет на sequential.js

Yolpo - инструмент для визуализации выполнения javascript. Разработчикам Javascript API предлагается написать свои сценарии использования, чтобы показать и рассказать об их API. Такие варианты использования составляют основу регрессионных тестов.

AVA

Футуристический тестовый бегун со встроенной поддержкой ES2015. Хотя JavaScript является однопоточным, IO в Node.js может происходить параллельно из-за его асинхронной природы. AVA использует это и выполняет ваши тесты одновременно, что особенно полезно для тяжелых тестов ввода-вывода. Кроме того, тестовые файлы запускаются параллельно как отдельные процессы, обеспечивая еще лучшую производительность и изолированную среду для каждого тестового файла.

• Минимально и быстро
• Простой тестовый синтаксис
• Запускает тесты одновременно
• Обеспечивает написание атомных тестов
• Нет скрытых глобалов
• Изолированная среда для каждого тестового файла
• Напишите свои тесты в ES2015
• Обещание поддержки
• Поддержка функции генератора
• Поддержка асинхронных функций
• Наблюдаемая поддержка
• Расширенные утверждения
• Дополнительный TAP o utput
• Чистые следы стека

Buster.js

Тестовый прогон JavaScript, созданный с помощью Node.js. Очень модульный и гибкий. Он поставляется с собственной библиотекой утверждений, но вы можете добавить свою собственную, если хотите. Библиотека утверждений отделена, поэтому вы также можете использовать ее с другими участниками тестирования. Вместо использования assert(!...)или expect(...).not..., он использует, refute(...)что является хорошим поворотом imho.

Браузерный JavaScript-инструментарий для тестирования. Он выполняет тестирование браузера с помощью автоматизации браузера (например, JsTestDriver), статического тестирования HTML-страниц в стиле QUnit, тестирования в автономных браузерах (PhantomJS, jsdom, ...) и многого другого. Посмотрите на обзор !

Тестовый инструментарий Node.js. Вы получаете ту же библиотеку тестовых примеров, библиотеку утверждений и т. Д. Это также отлично подходит для гибридного браузера и кода Node.js. Напишите свой тестовый пример с помощью Buster.JS и запустите его как в Node.js, так и в реальном браузере.

Screencast: Buster.js Начало работы (2:45)

плюсы :

• Использует node.js, совместимый с Win / OS X / Linux
• Запускать тесты из браузера или без помощи PhantomJS (скоро)
• Запускать на нескольких клиентах одновременно
• Поддерживает тестирование NodeJS
• Не нужно запускать сервер / клиенты на компьютере разработчика (нет необходимости в IE)
• Запускать тесты из командной строки (можно интегрировать в ant / maven)
• Написать тесты в стиле xUnit или BDD
• Поддерживает несколько тестовых сред JavaScript
• Отложите тесты вместо того, чтобы комментировать их
• SinonJS встроенный
• Автозапуск тестов при сохранении
• Прокси-запросы междоменные
• Можно настроить:
  • Расширьте его, чтобы обернуть другие тестовые фреймворки (встроенный JsTestDriver)
  • Ваши собственные утверждения / опровержения
  • Репортеры (xUnit XML, традиционные точки, спецификация, тап, TeamCity и другие встроенные)
  • Настройте / замените HTML, который используется для запуска тестов браузера.
• Интеграция TextMate и Emacs

Минусы :

• Стил в бета-версии, поэтому может быть глючит
• Нет плагин для Eclipse / IntelliJ (пока)
• Не группирует результаты по os / browser / version, как TestSwarm *. Однако он выводит имя и версию браузера в результатах теста.
• Нет истории предыдущих результатов испытаний, таких как TestSwarm *
• Не полностью работает на окнах с мая 2014

* TestSwarm также является сервером непрерывной интеграции, в то время как вам нужен отдельный сервер CI для Buster.js. Однако он выводит XML-отчеты xUnit, поэтому его легко интегрировать с Hudson , Bamboo или другими CI-серверами.

TestSwarm

https://github.com/jquery/testswarm

TestSwarm официально больше не находится в активной разработке, как указано на их веб-странице GitHub. Они рекомендуют карму, браузер-стэк-бегун или интерна.

жасмин

Это основанная на поведении среда (как указано в цитате ниже), которая может заинтересовать разработчиков, знакомых с Ruby или Ruby on Rails. Синтаксис основан на RSpec, который используется для тестирования в проектах Rails.

Спецификации Jasmine могут быть запущены с html-страницы (в стиле qUnit) или от тестового бегуна (как Karma).

Jasmine - это основанная на поведении среда разработки для тестирования вашего кода JavaScript. Это не зависит от других JavaScript-фреймворков. Это не требует DOM.

Если у вас есть опыт работы с этой средой тестирования, пожалуйста, предоставьте больше информации :)

Проект дома: http://jasmine.github.io/

QUnit

QUnit фокусируется на тестировании JavaScript в браузере, обеспечивая максимально возможное удобство для разработчика. Размытие с сайта:

QUnit - это мощный и простой в использовании набор юнит-тестов JavaScript. Он используется в проектах jQuery, jQuery UI и jQuery Mobile и способен тестировать любой универсальный код JavaScript

QUnit делится некоторой историей с TestSwarm (выше):

Изначально QUnit был разработан Джоном Резигом как часть jQuery. В 2008 году он получил собственную документацию по домам, именам и API, что позволяет другим использовать его и для модульного тестирования. В то время это все еще зависело от jQuery. Переписывание в 2009 исправило это, теперь QUnit работает полностью автономно. Методы утверждений QUnit соответствуют спецификации CommonJS Unit Testing, на которую в некоторой степени повлиял QUnit.

Проект дома: http://qunitjs.com/

Sinon

Еще один замечательный инструмент - sinon.js Кристиана Йохансена, автора тестовой разработки JavaScript . Лучше всего описал сам:

Автономные тестовые шпионы, заглушки и макеты для JavaScript. Никакие зависимости не работают с любой структурой модульного тестирования.

интерн

Стажер Веб - сайт обеспечивает прямое сравнение функций для других структур тестирования в этом списке. Он предлагает больше возможностей, чем любая другая система тестирования на основе JavaScript.

JEST

Новая, но очень мощная среда тестирования. Это позволяет проводить тестирование на основе снимков, а также увеличивает скорость тестирования и создает новую динамику с точки зрения тестирования.

Проверьте один из их разговоров: https://www.youtube.com/watch?v=cAKYQpTC7MA

Еще лучше: начало работы

Взгляните на среду модульного тестирования Dojo Object Harness (DOH), которая в значительной степени независима от среды для модульного тестирования JavaScript и не имеет каких-либо зависимостей Dojo. Это очень хорошее описание в модульном тестировании приложений Web 2.0 с использованием Dojo Objective Harness .

Если вы хотите автоматизировать тестирование пользовательского интерфейса (больной вопрос многих разработчиков) - проверьте doh.robot (временное отключение. Update: другая ссылка http://dojotoolkit.org/reference-guide/util/dohrobot.html ) и dijit. .robotx (временный пух) . Последний предназначен для приемочных испытаний. Обновить:

В ссылочных статьях объясняется, как их использовать, как эмулировать взаимодействие пользователя с вашим пользовательским интерфейсом с помощью мыши и / или клавиатуры, а также как записывать сеанс тестирования, чтобы вы могли позже автоматически воспроизвести его.

Chutzpah - JavaScript Runner

Я создал проект с открытым исходным кодом под названием Chutzpah, который является тестовым прогоном для модульных тестов JavaScript. Chutzpah позволяет запускать модульные тесты JavaScript из командной строки и из Visual Studio. Он также поддерживает работу на сервере непрерывной интеграции TeamCity.

Раздел JavaScript в статье Википедии, Список модулей модульного тестирования , предоставляет список доступных вариантов. Это указывает, работают ли они на стороне клиента, на стороне сервера, или оба.

BusterJS

Есть также BusterJS от Кристиана Йохансена, автора тестовой разработки Javascript Development и фреймворка Sinon. С сайта:

Buster.JS - это новая среда тестирования JavaScript. Он выполняет тестирование браузера, автоматизируя тестовые прогоны в реальных браузерах (например, JsTestDriver), а также тестирование Node.js.

Google-JS-тест:

Среда тестирования JavaScript, выпущенная Google: https://github.com/google/gjstest

• Чрезвычайно быстрое время запуска и выполнения теста без необходимости запуска браузера.
• Чистый, читаемый вывод как в случае прохождения, так и при неудачном тестировании.
• Основе браузера тест бегун , который просто может обновляться каждый раз , когда JS изменяется.
• Стиль и семантика, которые напоминают Google Test для C ++.
• Встроенный макет фреймворка, который требует минимального стандартного кода (например, нет $tearDownили $verifyAll) со стилем и семантикой на основе Google C ++ Mocking Framework .

В настоящее время нет бинарных файлов для Windows

Сейчас мы используем Qunit с Павловым и JSTestDriver все вместе. Этот подход хорошо работает для нас.

QUnit

Павлов , источник

jsTestDriver , источник

Вы "работаете в реальном браузере" как профессионал, но по моему опыту это обман, потому что он медленный. Но что делает его ценным, так это отсутствие достаточной эмуляции JS из не браузерных альтернатив. Может случиться так, что если ваш JS достаточно сложен, что будет достаточно только теста в браузере, но есть еще несколько вариантов:

HtmlUnit : «Он имеет довольно хорошую поддержку JavaScript (которая постоянно совершенствуется) и способен работать даже с довольно сложными библиотеками AJAX, моделируя либо Firefox, либо Internet Explorer в зависимости от конфигурации, которую вы хотите использовать». Если его эмуляция достаточно хороша для вашего использования, то это будет намного быстрее, чем управление браузером.

Но, может быть, HtmlUnit имеет достаточно хорошую поддержку JS, но вам не нравится Java? Тогда возможно:

быстрота : Watir API работает на JRuby при поддержке HtmlUnit.

или аналогично

Шнелл : еще одна оболочка JRuby из HtmlUnit.

Конечно, если HtmlUnit недостаточно хорош, и вам нужно управлять браузером, тогда вы можете рассмотреть Watir для управления JS .

У YUI также есть система тестирования . Это видео от Yahoo! Театр - хорошее введение, хотя есть много основ о TDD заранее.

Эта структура является общей и может работать с любой библиотекой JavaScript или JS.

Вас также может заинтересовать инфраструктура модульного тестирования, которая является частью qooxdoo , среды RIA с открытым исходным кодом, похожей на Dojo, ExtJS и т. Д., Но с довольно обширной цепочкой инструментов.

Попробуйте онлайн-версию testrunner . Подсказка: нажмите серую стрелку в левом верхнем углу (должно быть сделано более очевидно). Это кнопка «Play», которая запускает выбранные тесты.

Чтобы узнать больше о классах JS, которые позволяют вам определять свои модульные тесты, обратитесь к интерактивной программе просмотра API .

Для автоматического тестирования пользовательского интерфейса (на основе Selenium RC), посмотрите проект Simulator .

Вы должны взглянуть на env.js . Смотрите мой блог для примера, как написать модульные тесты с env.js.

Мы добавили интеграцию JUnit в наш генератор Java-кода ST-JS ( http://st-js.org ). Фреймворк генерирует соответствующий Javascript как для протестированного кода, так и для модульных тестов, и отправляет код в разные браузеры.

Нет необходимости в отдельном сервере, так как модуль модульных тестов открывает необходимый http-порт (и закрывает его после завершения тестов). Фреймворк манипулирует трассировкой стека Java, так что ошибочные утверждения правильно отображаются плагином JUnit Eclipse. Вот простой пример с jQuery и Mockjax:

@RunWith(STJSTestDriverRunner.class)
@HTMLFixture("<div id='fortune'></div>")

@Scripts({ "classpath://jquery.js",
       "classpath://jquery.mockjax.js", "classpath://json2.js" })
public class MockjaxExampleTest {
  @Test
  public void myTest() {
    $.ajaxSetup($map("async", false));
    $.mockjax(new MockjaxOptions() {
      {
        url = "/restful/fortune";
        responseText = new Fortune() {
          {
            status = "success";
            fortune = "Are you a turtle?";
          }
        };
      }
    });

    $.getJSON("/restful/fortune", null, new Callback3<Fortune, String, JQueryXHR>() {
      @Override
      public void $invoke(Fortune response, String p2, JQueryXHR p3) {
        if (response.status.equals("success")) {
          $("#fortune").html("Your fortune is: " + response.fortune);
        } else {
          $("#fortune").html("Things do not look good, no fortune was told");
        }

      }
    });
    assertEquals("Your fortune is: Are you a turtle?", $("#fortune").html());
  }

  private static class Fortune {
    public String status;
    public String fortune;
  }
}

MochiKit имеет тестовую среду под названием SimpleTest, которая, кажется, завоевала популярность. Вот сообщение в блоге от оригинального автора .