jasmine

I can't manage to create a simple jasmine test for my Angular 2 project. This is what I'm trying to do: Component to test (based on a service): @Component({ providers: [AccountService], selector: "account", templateUrl: "app/account/account.component.html", }) export class AccountComponent implements OnInit { public accounts: Account[]; public error: string; constructor(private accountService: AccountService) {} public ngOnInit(): any { this.getAccounts(); } public getAccounts() { this.accountService.getAccounts() .then( accounts => this.accounts = accounts, error => this.error = error ); } }

I'm totally new to the concept of testing, and i need one solid example on how to do it in my project: I have a gulp file goes like this (Not all of it, just the important portions) gulp.task('bundle', function() { gulp.src('public/angular-app/main.js') .pipe(browserify({ debug: true })) .pipe(gulp.dest('public/min-js')); }); This is a slight portion of my main.js: 'use strict'; angular.module('myApp', [ 'ui.router', 'ui.bootstrap', 'ngSanitize', 'ngFx', ... ], ['$interpolateProvider', function($interpolateProvider) { $interpolateProvider.startSymbol('{{'); $interpolateProvider.endSymbol('}}')

I have a directive which does something like this in its link function angular.module('myApp') .directive('barFoo', function() { return { restrict: 'E', link: function (scope, element) { element.on('click', ....); } }; }); Now I would like to verify in my unit test that it calls on correctly element = angular.element('<bar-foo></bar-foo>'); $compile(element)(scope); spyOn(element, 'on'); ... expect(element.on).toHaveBeenCalled(); It tells me the spy is not called. From what I've found on the web, angular/jquery creates a new wrapper around the DOM element every time. Meaning the the element

前台代码起来越多，需要用一种更高效方式整合 MVC只是手段，终极目标是模块化和复用 第一部分：快速上手 1.1 感受AngularJS的4大核心特性 1.2 搭建开发、调试、测试环境 第二部分：基本概念和用法 2.1 MVC 2.2 模块化与依赖注入 2.3 双向数据绑定 2.4 指令 2.5 Service 2.6 Provider 2.7 表单 2.8 综合实例BookStore 第三部分：核心原理解析 3.1 Parser 3.2 双向数据绑定 3.3 依赖注入 第四部分：ng控件开发 4.1 用AngularJS改写jQuery控件 4.2 angularjs-ui 4.3 移动控件库ionic 第五部分：TDD前端自动化测试 5.1 TDD 5.2 详解Jasmine与Pracotor tool: http://www.oschina.net/p/angularjs-eclipse module: Jasmine resource: 官方教程 http://woxx.sinaapp.com/ 种子项目 https://github.com/angular/angular-seed 开源中国的 AngularJS 优秀文章汇总 http://www.oschina.net/news/54687/oschina-angular-articles-summary http:/

I'm testing a callback function which accepts a response object as it's only parameter. This object is the response of a HTTP request made elsewhere so I don't want to user $httpBackend in this test as the request has nothing to do with this function. It's in home.js which is a controller for the homepage of my app. Here is the function being tested: function submitLogin() { LoginService.login(loginPost, ctrl.username, ctrl.password, successCallback, errorCallback); } // gets called in LoginService if login reponse is 201, otherwise errorCallback called function successCallback(response) { //