Жасмин + JSTestDriver + Покрытие + RequireJS

Question

Вау, какой беспорядок. Это сценарий.

• Магистральный привод JS.

• RequireJS для функциональности AMD, инициализируется так:

  <script data-main="js/main" src="js/require.js" type="text/javascript"></script> 
  

  затем внутри main.js следующий код конфигурации:

  require.config(
  { 
      paths: 
      { 
       ... : ... 
      } 
  }); 
  

  Каждый Backbone View/модель/маршрутизатор является «определить (. ..) "и" require ("theOneRouter", ...) "вызывается один раз в main.js.

• r.js используется как оптимизатор с Uglify/Closure. Один «скомпилированный» main.js создается в подкаталоге ./release, который я динамически выбираю в рамках моей .net.

• Потребовалось некоторое время, чтобы получить опорную магистраль + Require.JS, но отлично работает сейчас!

• Тогда шлепанье Жасмина на вершине этого также заняло небольшую индивидуальную работу, но все получилось просто отлично. Мне пришлось загрузить require.js из моего SpecRunner.html, определить каждый тестовый модуль как AMD, используя вызов define (...), и я создаю экземпляр & запустите Jasmine один раз после вызова вызова require (...) в SpecRunner.html:

  require(
  [ 
  //"test/specs/testSpec1", 
  "test/specs/views" 
  ], 
  function() 
  { 
      jasmine.getEnv().updateInterval = 1000; 
      var reporter = new jasmine.TrivialReporter(); 
      jasmine.getEnv().addReporter(reporter); 
      .... 
      .... 
  }); 
  

  это тоже отлично работает. Тесты загружаются & run, без проблем. Требование заботится обо всем.

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

JSTestDriver сам по себе работает нормально, единственная проблема, с которой я столкнулся, заключается в совместном использовании JSTD + Jasmine + ReuireJS. Самой большой проблемой является, если я скажу JSTD в конфигурационном файле о Jasmine/Требуют тестовый модуль для того, чтобы загрузить его, я получаю следующее сообщение об ошибке:

http://requirejs.org/docs/errors.html#mismatch

Если я использую r.js в optmize все мой код в один main.js, комбинация работает, в том числе Coverage, но покрытие собирается на один гигантский файл и трудно анализируется. Не говоря уже о том, что очень долго приходится обрабатывать файл js 50k-строк кода и запускать его через JSTD.

Я попытался создать файл js-файла, который загружает все мои тестовые модули Jasmine &, но я продолжаю возвращаться к вышеуказанной ошибке «несоответствия», И, если я не расскажу JSTD о каждом модуле отдельно (загружая html/js-устройство, которое выполняет реальную загрузку), они не получат инструментарий для покрытия кода.

Кто-нибудь получил эту конкретную комбинацию для работы? Возможно, я прошу слишком много ...

Answer 1

Решение точно так, как упомянуто devadvocate. Поскольку JsTestDriver и Require.js конкурируют за то, чтобы управлять загрузкой файлов/зависимостей, JsTestDriver бросает пригонку, когда вы пытаетесь сделать это на 100% способом Require.js (с анонимными модулями и определяет). Вместо этого вы должны называть свои модули и использовать require ([...], function (...) {... вместо define ([...]. Я написал сообщение, в котором показано, как интегрировать QUnit, Requirejs, и покрытие кода с помощью JSTD: js-test-driver+qunit+coverage+requirejs.Я использую QUnit в своем примере, но вы можете легко заменить QUnit для Jasmine. Пытаясь понять это, я рассматривал просто использование PhantomJS, но для нашей пользовательской базы очень важно, чтобы у нас был кросс-браузер тестирование IE7, IE8, IE9 и т. д., поэтому один WebKit не сократил бы его. JsTestDriver очень полезен, но я боюсь, что плохая документация отключит разработчиков. Скоро я получу код для моего примера на GitHub . Надеюсь, что это помогает.

Answer 2

Мне не удалось заставить это работать, и в конечном итоге я использовал PhantomJS для запуска тестов на жасмин. http://phantomjs.org/

Answer 3

Вы пытались назвать ваши модули под тестированием и использовать требование вместо определения в своих тестах?

https://github.com/podefr/jasmine-reqjs-jstd

Edit:

Я только что выпустила инструментарий с открытым исходным кодом, который, надеюсь, поможет другим настолько, насколько это помогает мне. Это композиция из многих инструментов с открытым исходным кодом, которая дает вам рабочее приложение requirejs.

Он предоставляет единые команды для запуска: веб-сервер dev, одиночный тестовый бегун jasmine single browser, jasmine js-test-driver multi browser test runner и конкатенизацию/минимизацию для JavaScript и CSS. Он также выводит неограниченную версию вашего приложения для производственной отладки, прекомпиляции ваших шаблонов руля и поддерживает интернационализацию. Установка не требуется. Это просто работает.

Он также поддерживает тестируемые неназванные модули.

http://github.com/davidjnelson/agilejs

Answer 4

Заканчивать этот репо (Bredele appolo), это среда, которая работает жасмин BDD спецификации более анонимных модулей нагруженных require.js и JsTestDriver.

Если вы разрабатываете не анонимные модули, я также рекомендую использовать решение podefr.

Оливье