karma-jasmine

I am creating my unit tests with Jasmine and I have a question about the branch covered. Does anyone know why the code part shows that the branches are not covered as we can see below? This is the unit test: describe('MyComponent', () => { let component: MyComponent; let fixture: ComponentFixture<MyComponent>; let myService: MyService; beforeEach(async(() => { TestBed.configureTestingModule({ declarations: [ MyComponent ], imports: [ MaterializeModule, FormsModule, ReactiveFormsModule, HttpModule ], providers: [ MyService, FormBuilder ] }) .compileComponents(); })); beforeEach(() => { fixture

I'm trying to write a unit test for component used in my service. Component and service work fine. Component: import {Component} from '@angular/core'; import {PonyService} from '../../services'; import {Pony} from "../../models/pony.model"; @Component({ selector: 'el-ponies', templateUrl: 'ponies.component.html', providers: [PonyService] }) export class PoniesComponent { ponies: Array<Pony>; constructor(private ponyService: PonyService) { this.ponies = this.ponyService.getPonies(2); } refreshPonies() { this.ponies = this.ponyService.getPonies(3); } } Service: import {Injectable} from "@angular

My angular app worked great and so did my tests, using karma and jasmine, until I added a dependency in ui.bootstrap . Now the app still works as expected, but I can't get my tests to run. This is what I have: app.js - added dependency in ui.bootstrap angular.module('myApp', ['ngResource', 'ngRoute', 'ui.bootstrap']).config(function(...) {...}); service.js angular.module('myApp').service('myService', function () {}) controller.js angular.module('myApp').controller('MyController', function ($scope, $http, myService) {}) tests/main.js describe('Controller: MyController', function () { var

I'm very new to Angular and I'm trying to figure much of this out still. I'm writing some tests using Angular 1.5.8 which I generated from the Yeoman Generator. Specifically, I'm trying to figure out how to manipulate $httpBackend results (I'm not sure if that's important or not)... In my app.js file I have the following code: .run(['$rootScope', '$location', 'breadcrumbService', function ($rootScope, $location, breadcrumbService) { $rootScope.$on('$viewContentLoaded', function () { jQuery('html, body').animate({scrollTop: 0}, 200); }); $rootScope.isEditMode = false; $rootScope.$on('

Context I have a component with a basic form (reactive form). I try to test the submit event on this form to see if it calls the necessary method properly. My problem I can't trigger the submit event of the form Files Component.html <form class="form-horizontal" id="staticForm" [formGroup]="mySimpleForm" (ngSubmit)="sendMethod();" > <input type="text" formGroupName="email"> <button type="submit">Send form</button> </form> Component.ts ngOnInit() { this.initSimpleForm(); } private initSimpleForm() { let file = null; this.mySimpleForm = this.formBuilder.group({ email: [ '', [ Validators.required

I'm using Jasmine to test my angular application and want to spy on an anonymous function. Using angular-notify service https://github.com/cgross/angular-notify , I want to know whether notify function have been called or not. Here is my controller: angular.module('module').controller('MyCtrl', function($scope, MyService, notify) { $scope.isValid = function(obj) { if (!MyService.isNameValid(obj.name)) { notify({ message:'Name not valid', classes: ['alert'] }); return false; } } }); And here is my test: 'use strict'; describe('Test MyCtrl', function () { var scope, $location, createController,