mardi 28 avril 2015

navigator.webkitGetUserMedia breaks unitTests with Karma/Jasmine

I got a AngularJS WebApp, wich i test with Karma and Jasmine.js

But it throws an error if i use navigator.webkitGetUserMedia() in my controller.

TypeError: 'undefined' is not a function (evaluating 'navigator.webkitGetUserMedia')

Here is a sample of my Controller

app.controller('appCtrl', function ($scope, $interval, $location, globVal, loginService) {


        navigator.webkitGetUserMedia({video: true, audio: false},
        function (stream) {
            globVal.webcam = window.URL.createObjectURL(stream);
        },
                function (err) {
                    console.log("error happened:" + err);
                }
        );


        $scope.startTimeout = $interval(function () {
            // do something
        }, 2000);


    });

my testspec

'use strict';

describe("Controller: appCtrl", function () { var $rootScope, $scope, controller, globVal, location;

beforeEach(function () {
    module('myModul');

    globVal = {
        customer: {why: 'idle'},
        goHome: 1,
        goHomeCounter:1
    };

    module(function ($provide) {
        $provide.value('globVal', globVal);
    });

    inject(function ($injector, $location) {
        $rootScope = $injector.get('$rootScope');
        $scope = $rootScope.$new();
        controller = $injector.get('$controller')("appCtrl", {$scope: $scope});
        location = $location;
    });
}); 

describe("init", function () {

    it('Should init', function () {
        expect($scope).toBeDefined();
    });

});

describe("globVal idle", function () {

    it('should globVal be idle', function () {
        expect(globVal.customer.why).toBe('idle');
    });

});

describe("startTimeout", function () {

    it('Should have method startTimeout ', function () {
        expect($scope.startTimeout).toBeDefined();
    });

});

How should i mock navigator object?

Aucun commentaire:

Enregistrer un commentaire