AngularJS 범위 변수 테스트

Question

범위 변수를 사용하는 테스트를 구현하려고합니다. ng-switch-when을 사용하여 표현식을 해결하고 싶습니다.

it('should switch on array changes', inject(function($rootScope, $compile) { 
    element = $compile(
    '<div ng-switch="select">' + 
     '<div ng-switch-when="test[0]">test[0]:{{test[0]}}</div>' + 
    '</div>')($rootScope); 
    expect(element.html()).toEqual('<!-- ngSwitchWhen: test[0] -->'); 
    $rootScope.test = ["leog"]; 
    $rootScope.select = "leog"; 
    $rootScope.$apply(); 
    expect(element.text()).toEqual('test[0]:leog'); 
})); 

내 문제는 내가이 작업을 수행하려면이 구현 범위 변수 "테스트"을 평가를하지 않는 이다 : 이것은 내가 (UPDATE에 $ rootScope 사용) 할 노력하고있어 것입니다 그리고 내가 기대하는대로 일한다. 구현은 다음과 같습니다.

var ngSwitchWhenDirective = ngDirective({ 
    transclude: 'element', 
    priority: 800, 
    require: '^ngSwitch', 
    compile: function(element, attrs) { 
    return function(scope, element, attr, ctrl, $transclude) { 
     var expr = scope.$eval(attrs.ngSwitchWhen), 
      ngSwitchWhen = expr !== undefined ? expr : attrs.ngSwitchWhen; 
     ctrl.cases['!' + ngSwitchWhen] = (ctrl.cases['!' + ngSwitchWhen] || []); 
     ctrl.cases['!' + ngSwitchWhen].push({ transclude: $transclude, element: element }); 
    }; 
    } 
}); 

내가 잘못하고있는 것을 아는 사람이 있습니까? 어떤 도움을 주시면 감사하겠습니다.

미리 감사드립니다.

그냥 명확히 UPDATE,이는 각 팀에서 테스트되고 어떻게 NG 스위치의 예입니다. 그냥 비슷한 방법으로 테스트를하고 있지만 예상 결과가 없다는 것을 보여 주기만하면됩니다.

또한 코드를 $ rootScope로 바꾸는 것을 잊어 버렸습니다. 지금까지 보았던 것은 $ rootScope에 대한 변경을 피하기 위해이 작업을 새 범위로 만들려는 시도 중 하나였습니다.

it('should switch on value change', inject(function($rootScope, $compile) { 
    element = $compile(
     '<div ng-switch="select">' + 
     '<div ng-switch-when="1">first:{{name}}</div>' + 
     '<div ng-switch-when="2">second:{{name}}</div>' + 
     '<div ng-switch-when="true">true:{{name}}</div>' + 
     '</div>')($rootScope); 
    expect(element.html()).toEqual(
     '<!-- ngSwitchWhen: 1 --><!-- ngSwitchWhen: 2 --><!-- ngSwitchWhen: true -->'); 
    $rootScope.select = 1; 
    $rootScope.$apply(); 
    expect(element.text()).toEqual('first:'); 
    $rootScope.name="shyam"; 
    $rootScope.$apply(); 
    expect(element.text()).toEqual('first:shyam'); 
    $rootScope.select = 2; 
    $rootScope.$apply(); 
    expect(element.text()).toEqual('second:shyam'); 
    $rootScope.name = 'misko'; 
    $rootScope.$apply(); 
    expect(element.text()).toEqual('second:misko'); 
    $rootScope.select = true; 
    $rootScope.$apply(); 
    expect(element.text()).toEqual('true:misko'); 
})); 

Answer 1

따라서, 주위에 몇 가지 코드를 이동 한 후 테스트 할 요소를 컴파일하기 전에 $ rootScope 변경에 관여하지 않는 변수가 정의되어야한다는 것을 알았습니다. 힌트는 @@Jonathan입니다. 테스트 케이스 :.

it('should evaluate expressions to match switch value', inject(function($rootScope, $compile) { 
    $rootScope.array = ["leog", ".me"]; 
    $rootScope.obj = {"key": "value"}; 
    $rootScope.$apply(); 
    element = $compile(
    '<div ng-switch="select">' + 
     '<div ng-switch-when="obj.key">obj.key:{{obj.key}}</div>' + 
     '<div ng-switch-when="array[0]">array[0]:{{array[0]}}</div>' + 
     '<div ng-switch-when="array[1]">array[1]:{{array[1]}}</div>' + 
    '</div>')($rootScope); 
    expect(element.html()).toEqual('<!-- ngSwitchWhen: obj.key -->' + 
           '<!-- ngSwitchWhen: array[0] -->' + 
           '<!-- ngSwitchWhen: array[1] -->'); 
    $rootScope.select = "value1"; 
    $rootScope.$apply(); 
    expect(element.text()).toEqual('obj.key:value'); 
    $rootScope.select = "leog"; 
    $rootScope.$apply(); 
    expect(element.text()).toEqual('array[0]:leog'); 
    $rootScope.select = ".me"; 
    $rootScope.$apply(); 
    expect(element.text()).toEqual('array[1]:.me'); 
})); 

감사합니다 여러분 모두

Answer 2

$ scope. $ apply는 테스트 코드가없는 실행될 괄호 안에 함수가 있어야합니다. $ scope. $ digest() ($ scope. $ apply() 대신에 $ scope를 사용합니다.)