Модульное тестирование Angularjs jasmine

Question

Я пытаюсь выполнить модульный тест метода в контроллерах Angularjs с использованием jasminejs и Karma runner . Мой метод принимает путь изображения в аргументе и преобразует это изображение в текст (TESSERACT-OCR).

, когда я пытаюсь вызвать модульное тестирование, как это он не работает:

TypeError: Attempted to assign to readonly property. at workFn

it('has to return text from image', inject(function($httpBackend) { 
$scope.ocr("./image.png"); 
$httpBackend.expectPOST('/ocr').respond(); 
expect(scope.oceriser.bind("./ocr.png")).toMatch("ocr"); 

}));

, когда я сделать следующее:

it('has to return text from image', inject(function($httpBackend) { 
$scope.ocr("./image.png"); 
$httpBackend.expectPOST('/ocr').respond(); 
expect($scope.ocr("./ocr.png")).toMatch("ocr"); 

}));

я получаю эту ошибку:

Expected undefined to match 'éàîè'.

может я получить доступ к значению scope.textes.text $ из теста ??

Мой вопрос в том, как я могу получить доступ к значению $ scope.textes.text, которое содержит текст из моего тестового файла? возможно ли, я не думаю, потому что он находится в анонимной функции. Является ли это правильным модульным тестом? я могу узнать больше в этом модульном тесте? Может ли кто-нибудь помочь мне, я новичок в тестировании с жасмином

Answer 1

Обычно, когда модуль тестирует HTTP-вызов, вы настраиваете ожидание против $httpBackend, вызывайте функцию, которую вы тестируете нормально, затем вызовите $httpBackend.flush(), чтобы подделать ожидаемый ответ HTTP и завершить вызов синхронно, а затем проверить результат.

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

it('has to return text from image', inject(function($httpBackend) { 

var expected = {}; // the value expected from the HTTP request 

// set up the http expectation. this tells angular what you expect to have called through $http when flush() is called 
$httpBackend.expectPOST('/oceriser').respond(expected); 

// call the function you are testing 
scope.oceriser('./image.png'); 

// flushes the pending fake HTTP response causing the call to oceriser above to complete synchronously, and the function will continue normally 
$httpBackend.flush(); 

// now, verify that oceriser() did what you expect when the http call succeeds. you'll need to figure this out, but in this example, i assume textes contains no elements initially, but after oceriser is called, it will contain one element with the text property equal to expected 
expect(scope.textes.length).toBe(1); 
expect(scope.textes[0].text).toBe(expected); 
expect(scope.textes[0].source).toBe('./image.png') 
}));