- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我无法弄清楚如何使用 Jasmine 和 Karma 在 Angular 应用程序中正确模拟 Socket.io。
以下是在 karma.conf.js
中找到的文件:
'bower_components/angular/angular.js',
'bower_components/angular-mocks/angular-mocks.js',
'bower_components/angular-ui-router/release/angular-ui-router.js',
'bower_components/angular-socket-io/socket.js',
'bower_components/socket.io-client/socket.io.js',
'bower_components/angular-socket-io/mock/socket-io.js',
'public/javascripts/*.js',
'ng_tests/**/*.js',
'ng_tests/stateMock.js'
这是我的 Controller 的样子:
var lunchrControllers = angular.module('lunchrControllers', []);
lunchrControllers.controller('UserMatchingController', ['$state', 'socket',
function ($state, socket) {
socket.emit('match');
socket.on('matched', function (data) {
$state.go('users.matched', {name: data.name})
});
}]);
这是我的套接字工厂:
var lunchrFactories = angular.module('lunchrFactories', []);
lunchrFactories.factory('socket', function (socketFactory) {
return socketFactory();
});
这是主要的 Angular 模块:
var lunchrApp = angular.module('lunchr', ['ui.router', 'btford.socket-io', 'lunchrControllers', 'lunchrFactories' ]);
lunchrApp.config(['$stateProvider', '$urlRouterProvider', '$locationProvider',
function ($stateProvider, $urlRouterProvider, $locationProvider) {
$urlRouterProvider.otherwise('/');
$stateProvider.
state('mainPage', {
url: '/',
templateUrl: '/partials/main.jade',
controller: 'MainPageController'
})
.state('users', {
url: '/users',
templateUrl: '/partials/users.jade',
controller: 'UserController'
})
.state('users.matching', {
url: '/matching',
templateUrl: '/partials/users.matching.jade',
controller: 'UserMatchingController'
})
.state('users.matched', {
url: '/matched',
templateUrl: '/partials/users.matched.jade',
params:{name:null},
controller: 'UserMatchedController'
})
.state('register', {
url:'/register',
templateUrl: 'partials/register.jade',
controller: 'RegisterController'
});
$locationProvider.html5Mode(true);
}]);
这是我无法理解的测试:
'use strict';
describe('UserMatchingController', function () {
beforeEach(module('lunchr'));
beforeEach(module('stateMock'));
var $controller, $rootScope, $state, socket;
beforeEach(inject(function ($injector) {
// Get hold of a scope (i.e. the root scope)
$rootScope = $injector.get('$rootScope');
$state = $injector.get('$state');
// The $controller service is used to create instances of controllers
$controller = $injector.get('$controller');
socket = $injector('socket');
}));
afterEach(function () {
$state.ensureAllTransitionsHappened();
});
function createController() {
return $controller('UserMatchingController', {'$scope': $rootScope});
}
describe('on initiazation', function(){
it('socket should emit a match', function() {
createController();
// would like to be able to expect a socket.emit call
});
it('should transition to users.matched upon receiving matched', function(){
createController();
$state.expectTransitionTo('user.matched');
socket.receive('matched', {name: 'Ben'}); //This errors out with: cannot read property 'receive' of undefined
})
})
});
我怀疑 socket
没有被正确注入(inject),我不确定如何修复它。同样,我也希望能够调用 socket.emit
但不知道如何调用。
如有任何帮助,我们将不胜感激。
编辑:我想使用 this socket mock如果可能的话,但我无法弄清楚它到底是如何工作的。
最佳答案
我会使用 Sinon.js创建模拟套接字对象。
例如,在你的beforeEach
中,将socket初始化为一个空对象:
socket = {};
createController()
必须将 mock 传递给 Controller :
$controller('UserMatchingController', {'$scope': $rootScope, 'socket': socket});
然后在你的测试中做这样的事情:
socket.emit = sinon.spy(); //Create a spy so we can check if it was called
createController();
expect(socket.emit).toHaveBeenCalledWith('match');
您将需要软件包 sinon和 jasmine-sinon .此外,如果您使用的是 Karma,则需要 karma-sinon .您可以在相应页面上找到有关设置的更多指南。
编辑:在您的情况下,您的模拟每次都需要具有 on
和 emit
功能,因为 Controller 需要它们。在这种情况下,将其放入 beforeEach
函数中可能会更好:
socket = {
emit : sinon.spy(),
on : sinon.spy()
};
关于angularjs - 如何用 Angular 和 Jasmine 模拟 socket.io,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28846048/
我使用 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失败。但是没有提示在哪
我是一名优秀的程序员,十分优秀!