Тестирование AngularJS с использованием Jasmine + Karma в Visual Studio 2013

Я новичок в фреймворке Angularjs, а также тестирую его с использованием фреймворка Jasmine и Karma. У меня есть приложение ASP.NET MVC, созданное с помощью Visual Studio 2013, и я хотел бы включить пакет Jasmine и Karma для тестирования js.

Возможно, этот вопрос уже обсуждался здесь, но не могли бы вы показать учебник или демонстрацию того, как включить файл Jasmine, протестировать его и показать результаты? Для тестирования спа-приложения лучше всего подходят Jasmine и Karma?

Не могли бы вы показать мне несколько шагов, где включить Jasmine в проект и как связать его с моим .js, чтобы протестировать его?


jquery asp.net-mvc-4 karma-jasmine jasmine-jquery
person studentsss    schedule 21.03.2014    source источник

Ответы (1)


arrow_upward
12
arrow_downward

Я столкнулся с той же проблемой — похоже, что все руководства основаны на Node.js. Тем не менее, я нашел отличные ресурсы для начала работы в проекте Chutzpah Javascript Test Runner. Похоже, что Chutzpah поддерживает среды тестирования QUnit, Jasmine и Mocha. По сути, установите пакеты/расширения, перечисленные ниже, следуйте руководствам Jasmine по созданию модульных тестов в Pivotal Gist (или демо-версии Angular), и вы сможете щелкнуть правой кнопкой мыши (чтобы открыть контекстное меню) на Протестируйте Javascript и запустите его (выбрав опцию «Запустить JS-тесты»). Надеюсь, эти ресурсы помогут!

Расширения Visual Studio:

Учебники

Редактировать: поскольку здесь есть ссылка, я также написал об этом сообщение в блоге — http://codeforcoffee.org/Setting-Up-Angular-JS-Jasmine-and-Karma-in-Visual-Studio

person code4coffee    schedule 09.04.2014
comment
Спасибо, вы спасли мой день! :) - person AndrasCsanyi; 19.12.2014
comment
@code4coffe - спасибо за сообщение в блоге - оно мне очень помогло. Одна вещь, которую я хотел спросить, пожалуйста. Мне пришлось добавить ссылки на MainCtrl.js, angular-mocks.js и angular.js, чтобы пройти тесты с наглостью, что, как я полагаю, нормально, не так ли? - person davy; 23.08.2015
comment
@davy звучит правильно. Я должен сделать то же самое сам. Вы можете выбрать все файлы в обозревателе решений, а затем щелкнуть и перетащить их в тестовый файл, чтобы автоматически включить их, используя синтаксис ///path-to-file.js. Вам нужно убедиться, что они находятся в правильном порядке зависимостей (например, jQuery перед Angular), но это относится к любой зависимости скрипта. - person code4coffee; 24.08.2015