$ scopeProvider <- $ zakres/Nieznany dostawca

Question

I testowanie mojej skośnych aplikacji z jaśminu (http://jasmine.github.io/2.0/) i uzyskanie kolejnego błędu: nieznane provider: $ scopeProvider < - $ zakres wiem, że jest to błędne zbudować zależność z zakresu w filtrach, usługach, fabrykach itp., ale używam $ scope w kontrolerze! Dlaczego otrzymuję ten błąd? Kontroler wygląda

testModule.controller('TestCont', ['$filter', '$scope', function($filter, $scope){ 

     var doPrivateShit = function(){ 
      console.log(10); 
     }; 

     this.lol = function(){ 
      doPrivateShit(); 
     }; 

     this.add = function(a, b){ 
      return a+b; 
     }; 

     this.upper = function(a){ 
      return $filter('uppercase')(a); 
     } 

     $scope.a = this.add(1,2); 

     $scope.test = 10; 

     $scope.search = { 

     }; 
    }]); 

i kod mojego testu za:

'use strict'; 

describe('testModule module', function(){ 
    beforeEach(function(){ 
     module('testModule'); 
    }); 

    it('should uppercase correctly', inject(function($controller){ 
     var testCont = $controller('TestCont'); 
     expect(testCont.upper('lol')).toEqual('LOL'); 
     expect(testCont.upper('jumpEr')).toEqual('JUMPER'); 
     expect(testCont.upper('123azaza')).toEqual('123AZAZA'); 
     expect(testCont.upper('111')).toEqual('111'); 
    })); 
}); 

Answer 1

Zazwyczaj zakres $ będzie dostępny jako param wstrzykiwania tylko wtedy, gdy regulator jest załączony do DOM.

Musisz jakoś skojarzyć kontroler z DOMem (w ogóle jestem zaznajomiony z jaśminem).

Answer 2

Trzeba ręcznie przekazać w $scope do kontrolera:

describe('testModule module', function() { 
    beforeEach(module('testModule')); 

    describe('test controller', function() { 
     var scope, testCont; 

     beforeEach(inject(function($rootScope, $controller) { 
      scope = $rootScope.$new(); 
      testCont = $controller('TestCont', {$scope: scope}); 
     })); 

     it('should uppercase correctly', function() { 
      expect(testCont.upper('lol')).toEqual('LOL'); 
      expect(testCont.upper('jumpEr')).toEqual('JUMPER'); 
      ... 
     }); 
    }); 
}); 

Answer 3

Mam następujący samouczek wideo z egghead (link mieszka), które sugerują, że to podejście:

describe("hello world", function() { 
    var appCtrl; 
    beforeEach(module("app")) 
    beforeEach(inject(function ($controller) { 
     appCtrl = $controller("AppCtrl"); 
    })) 

    describe("AppCtrl", function() { 
     it("should have a message of hello", function() { 
      expect(appCtrl.message).toBe("Hello") 
     }) 
    }) 
}) 

Kontroler:

var app = angular.module("app", []); 

app.controller("AppCtrl", function() { 
    this.message = "Hello"; 
}); 

Zamieszczam go, ponieważ w wybranej odpowiedzi tworzymy nowy zakres. Oznacza to, że nie możemy przetestować vars zakresu kontrolera, nie?

Link do poradnika wideo (1min): https://egghead.io/lessons/angularjs-testing-a-controller