单元测试 Angularjs 茉莉花

Question

我正在尝试使用 jasminejs 和 Karma runner 对 Angularjs 控制器中的方法进行单元测试 我的方法在参数中采用图像路径并将该图像转换为文本 (TESSERACT-OCR)。

当我尝试像这样调用单元测试时它不起作用：

TypeError：试图分配给只读属性。 在工作中Fn

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");

}));

我得到这个错误：

预期未定义以匹配“éàîè”。

我可以从测试中访问 $scope.textes.text 值吗？？

我的问题是如何从我的测试文件中访问包含 ocerised 文本的 $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')
}));