Угловое модульное тестирование JS с использованием жасмина

0
I have a factory service as below 

FamilyService.js

(function() {'use strict';

angular.module('app')
.factory('ABC', FamilyService);

FamilyService.$inject = ['DEF'];
function FamilyService(DEF) {


function returnTrue() {
    var a="true";

}       

}

}());

    I want to call returnTrue method in My test case

 **TestFamilyService.js**

описать ('тестирование my_controller.my_function', function() {var mockedFactory, $ rootScope, $ controller;

  beforeEach(module('app', function($provide) {
    mockedFactory = {
      save: jasmine.createSpy()
    };

    $provide.value('ABC', mockedFactory);
  }));




  it('should call the save function', function() {

    expect(mockedFactory.returnTrue()).toHaveBeenCalled();
  });
});



     **specrunner.html**


<!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8">
      <title>Jasmine Spec Runner v2.4.1</title>

      <link rel="shortcut icon" type="image/png" href="lib/jasmine-2.4.1/jasmine_favicon.png">
      <link rel="stylesheet" href="lib/jasmine-2.4.1/jasmine.css">

      <script src="lib/jasmine-2.4.1/jasmine.js"></script>
      <script src="lib/jasmine-2.4.1/jasmine-html.js"></script>
      <script src="lib/jasmine-2.4.1/boot.js"></script>
      <script src="lib/jasmine-2.4.1/angular.js"></script>
      <script src="lib/jasmine-2.4.1/angular-mocks.js"></script>


      <!-- include source files here... -->
      <script src="src/Player.js"></script>
      <script src="src/webapp/Mock.js"></script>
      <script src="src/webapp/FamilyService.js"></script>




      <!-- include spec files here... -->

      <script src="spec/TestFamilyService.js"></script>

    </head>

    <body>
    </body>
    </html>

Когда я запускаю specrunner.html в браузере, он отображает

Ошибка: нет модуля: приложение

TypeError: невозможно получить значение свойства returnTrue: объект имеет значение null или undefined

Пожалуйста, позвоните мне, что здесь не так?

  • 0
    в каком файле js вы инициализируете модуль приложения?
  • 0
    FamilyService.js
Теги:
jasmine

1 ответ

1
Лучший ответ

В FamilyService.js

angular.module('app').factory('ABC', FamilyService);

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

angular.module('app',[]).factory('ABC', FamilyService);

В вашем случае просто создайте новый файл, где создается угловой модуль

angular.module('app',[]);

ОБНОВИТЬ

Просто укажите зависимости вашего модуля в html

 <script src="lib/angular-sanititze/angular-sanitize.js"></script>

Если вы хотите издеваться над этими модулями, вы можете сделать что-то вроде

beforeEach(function() {
       angular.module('second',[]);
}

Но в том случае, если вы используете некоторые методы сторонней библиотеки, вам также нужно издеваться над этими методами.

  • 0
    Вы хотите, чтобы я добавил angular.module ('app', []); строка в отдельный файл
  • 0
    Когда я спросил вас, где находится объявление вашего модуля, вы ответили, что оно находится в FamilyService.js, но это не объявление модуля. Это использование модуля. Вы должны определить модуль в первую очередь. И в общих случаях вы делаете это в отдельном файле. См. Например, github.com/johnpapa/angular-styleguide/blob/master/a1/README.md
Показать ещё 7 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню