- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
我需要测试一个从 url 加载图像的 AngularJs 服务。这是我的服务:
/*global angular, Image*/
(function () {
'use strict';
function SourceLoader($q, $log) {
/**
* Load an image from url and return a promise which is resolved when image is loading is done.
* It return the images object as resolved promise.
* @param url source of the image
* @returns {Promise} unresolved promise of image.
*/
function loadImage(url) {
var deferred = $q.defer(),
image = new Image();
image.onload = function () {
deferred.resolve(image);
};
image.onerror = function (error) {
$log.error('Error while loading image from url ' + url);
$log.debug(error);
deferred.reject(error);
};
image.src = url;
return deferred.promise;
}
/**
* Load images from and array of urls nd return the array of loaded images. The order of returned
* images is same as the order of passed urls.
* @param urls sources if images in array.
* @returns {Promise} unresolved promise.
*/
function loadImages(urls) {
var count = 0, deferred = $q.defer(),
images = [],
callback = function (image, index) {
images.insert(index, image);
count += 1;
if (count === urls.length) {
//All images are loaded. High time to resolve promise.
deferred.resolve(images);
}
};
urls.forEach(function (url, index) {
var image = new Image();
image.onload = function () {
callback(image, index);
};
image.onerror = function (event) {
$log.error('Error while loading image from url ' + url);
$log.debug(event);
callback(event, index);
};
image.src = url;
});
return deferred.promise;
}
return {
loadImage: loadImage,
loadImages: loadImages
};
}
var app = angular.module('myCanvasModule'),
requires = [
'$q',
'$log',
SourceLoader
];
app.factory('SourceLoaderService', requires);
}());
我将 Karma 与 Jasmine 一起用于测试服。我的测试服是这样的:
/*global describe, TestUtils, beforeEach, it, module, inject, SourceLoaderServiceTestData, done, expect*/
(function () {
'use strict';
describe('myCanvasModule: Services: SourceLoaderService-->\n\t', function () {
var SourceLoaderService, getTestData;
getTestData = TestUtils.getTestData.bind(null, SourceLoaderServiceTestData);
beforeEach(function () {
module('myCanvasModule');
});
beforeEach(function () {
inject(function ($injector) {
SourceLoaderService = $injector.get('SourceLoaderService');
});
});
describe('SourceLoaderService.loadImage-->\n\t', function () {
var testData;
beforeEach(function () {
testData = getTestData('loadImage');
});
it('should load the source and return the image as response', function (done) {
var image;
SourceLoaderService.loadImage(testData.validSource).then(function (response) {
image = response;
done();
console.log('called');
},function (error) {
console.log('called', error);
done();
});
});
});
});
}());
当我运行测试服时,我得到:
错误:超时 - 未在 jasmine.DEFAULT_TIMEOUT_INTERVAL 指定的超时内调用异步回调。
我不知道出了什么问题。我是 Karma 和 Jasmine 的新手。感谢您的帮助。
最佳答案
要在 AngularJS 中测试 $q 提供程序的任何用法,您必须创建一个摘要循环以允许在后台解析任何 Promise。您应该尝试以下操作:
it('should load the source and return the image as response', function (done) {
var image;
SourceLoaderService.loadImage(testData.validSource)
.then(function (response) {
// ... success check
},function (error) {
// ... error check
});
// Call apply for the above Promise to resolve
$scope.$apply();
}
编辑:
作为对评论的回应,您还需要按如下方式创建 $scope 变量:
var SourceLoaderService, $scope;
beforeEach(function () {
inject(function ($injector) {
SourceLoaderService = $injector.get('SourceLoaderService');
$scope = $injector.get('$rootScope').$new();
});
});
关于javascript - Jasmine : Timeout - Async callback was not invoked within timeout,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36882246/
我使用 File > Settings > JavaScript > Libraries 在 Webstorm 8.0.4 中设置 Jasmine 集成。我添加了 karma-jasmine带有我的
假设我有 spyOn($cookieStore,'get').and.returnValue('abc'); 对于我的用例来说,这太笼统了。任何时候我们打电话 $cookieStore.get('so
我正在阅读有关 Jasmine 测试的教程,它建议您应该使用标准 Jasmine 目录树结构(这似乎与 RSpec 目录树结构有关)。我用谷歌搜索了一个小时,找不到任何有关此标准目录树的信息。 考虑到
问题 如何使用Jasmine插件通过Jasmine运行Karma时更新所使用的karma-jasmine的版本? 仅当Jasmine插件集成了较新版本的karma-jasmine时,才会更新Jasmi
我想在每个规范执行后获得测试的通过或失败状态: var passed = jasmine.getEnv().currentSpec.results().passed(); if (!pas
我有一个与 Karma 一起运行的 Jasmine 测试: describe('When a logged in user chooses Rent and Payment PIN is enable
在我的新手理解中,Jasmine 提供了以下语法: describe('FooBar', function(){ it('should blah-blah', function(){ ex
我认为我通过编写这样的 Jasmine 模拟取得了很好的进展。但我无法修复这个错误。 spyOn 方法实际上是如何工作的?事实上这种方法似乎被广泛使用。 2.0 有什么变化 describe('Tes
有大量文档展示了如何将匹配器添加到 Jasmine 规范(例如 here )。 有人找到了向整个环境添加匹配器的方法吗?我想创建一组有用的匹配器,供任何和所有测试调用,而无需在我的规范中复制粘贴。 目
我正在尝试查找所有现有 Jasmine 期望匹配器(例如“toContain”等)的列表... 哪里可以找到这个?我搜索了一段时间,但找不到像 api 这样的东西。 Jasmine 网站也没有任何类型
我熟悉 python 单元测试测试,如果断言失败,该测试将被标记为“失败”,并继续进行其他测试。另一方面,即使其中一个失败, Jasmine 也会继续完成所有期望。如何让 Jasmine 在第一个期望
工具:Protractor 3.3.0、Jasmine 2.4.1、Selenium Standalone Server。 我有一个测试套件,里面有大量的 spec.js 文件,每个文件都包含我的应用
Jasmine 中是否有与 console.log 类似的方法?如果我想注销我 mock 的 $controller 或服务的值,有没有办法做到这一点? 最佳答案 您应该只使用 console.log
我已经通过运行 npm install jasmine -g 全局安装了 jasmine。 运行 jasmine -v 给我 jasmine v2.5.0 jasmine-core v2.5.0 然后
我有gulp-jasmine-phantom正在运行,但我得到 ReferenceError: Tictactoe is not defined 。我感觉我犯了一些根本性的错误。 我的文件结构: gu
我已经创建了一个 JavaScript 项目,需要使用 Jasmine 进行单元测试。我遵循了以下步骤: 1. npm install jasmine --save-dev - 从项目根目录 2.现在
我正在为我的应用程序使用 Yeoman+Angular Generator,我一直在努力与 Jasmine 相处!这就是我卡住的地方。我希望能够在 Jasmine 测试中使用 jQuery 选择器。我
it('should for something', function check(done) { browser.sleep(2000); $('.csTx').isPresent().th
Javascript 编码有点新,所以请耐心等待。 我阅读了以下链接 jasmine with jscoverage automated testing 但是,由于我没有 Ruby 项目,因此它似乎不
在Jasmine headless (headless)Webkit中运行测试时,我遇到了一个简单的TypeError: 'undefined' is not an object失败。但是没有提示在哪
我是一名优秀的程序员,十分优秀!