jasmine

I have a controller that expose a function that returns some text after a rest call. It works fine, but I'm having trouble testing it with Jasmine. The code inside the promise handler in the test never executes . The controller: /* global Q */ 'use strict'; angular.module('myModule', ['some.service']) .controller('MyCtrl', ['$scope', 'SomeSvc', function ($scope, SomeSvc) { $scope.getTheData = function (id) { var deferred = Q.defer(); var processedResult = ''; SomeSvc.getData(id) .then(function (result) { //process data processedResult = 'some stuff'; deferred.resolve(processedResult); }) .fail

I am using jasmin to test my AngularJs project with following code controllersSpec.js describe('myApp', function(){ beforeEach(angular.mock.module('myApp')); it('should have a mailctrl', function() { expect(myApp.mailctrl).toBeDefined(); }); }); controller.js var myApp = angular.module('myApp', []); myApp.controller('mailctrl', ['$scope', '$routeParams', '$rootScope', 'getMailData', '$angularCacheFactory', function ($scope, $routeParams, $rootScope, getMailData, $angularCacheFactory) { ##....controller content....## } ]); SpecRunner.html <script type="text/javascript" src="../lib/angular

I want to write a Jasmine unit test for an AngularJS directive. The directive simply binds a contextmenu event handler function to the element: var myDirectives = angular.module('myApp.directives', []); myDirectives.directive('myRightClick', ['$parse', function ($parse) { return function (scope, element, attrs) { var fn = $parse(attrs.myRightClick); element.bind('contextmenu', function (event) { scope.$apply(function () { event.preventDefault(); fn(scope, { $event: event }); }); }); }; }]); <div my-right-click="myFunction"></div> Unit test: describe('Unit Test Directives', function () { var

I'm trying to run some JavaScript code using jasmine and Resharper 7 within visual studio 2012. I follow the AMD pattern with the aid of requirejs. However, i haven't managed to make my test run in the Resharper test runner. Has anyone managed to do anything similar to that? Use a named requireJS Module define("my/sut", function () { var MySut = function () { return { answer: 42 }; }; return MySut; }); And initialize the SUT with the asyncronus support of Jasmine. Don't forgot the references! /// <reference path="~/Scripts/require.js"/> /// <reference path="../code/sut.js" /> describe(

I'm really not sure how to approach testing this? (spyOn?) function reloadPage() { $('#logo').click(function() { location.reload(); }) } Any advice would be great! The reason you may be unsure about how to test this piece of code is because it's doing 2 different things and you should break it up into smaller chunks. I see two distinct functions here: click event handling reload page So why not break up the logic like so? function reloadPage() { location.reload(); } function bindEvents() { $('#logo').click(reloadPage); } Now you can test them separately using Spies: describe('when the logo is

In one of our component, we use Renderer2 to add and remove some css classes/styles to the body element. To achieve that, we simply do something like: this.renderer.setStyle(document.body, 'padding-left', '10px'); this.renderer.addClass(document.body, 'modal-container--opened'); As soon as we run the tests, we encounter errors: Cannot read property 'add' of undefined Cannot set property 'padding-left' of undefined So it seems angular testBed doesn't create any body element. In our test configuration, how to create a mocked body element? So we can run our tests against that element and see if