Question

使用Angular v1.2.25和rails资产管道，我试图测试指令的隔离范围确实已经更新。由于isolateScope（）返回undefined我得到了预期未定义的定义...'

describe("cool directive", function() {

  beforeEach(module('necessaryModule'));

  var scope, $rootScope, $compile, elem,
    baseElement = '<div auto="mock_a" inc="mock_p" method="mock_m" reset-method="mock_r"></div>';

  beforeEach(inject(function( _$rootScope_, _$compile_, _$httpBackend_, $http){
    $compile = _$compile_;
    $rootScope = _$rootScope_;
    scope = $rootScope.$new();
    angular.extend(scope, {
      mock_a: [
        {name: "example1"},
        {name: "example2"}
      ],  
      mock_m: function(){
        return $http.get('/mockBackend', {
          params:{
            page:  scope.mockPage
          }   
        }); 
      },  
      mock_r: function() {
        scope.page = 1;
        scope.list = []; 
        load();
      },  
      mock_p: 1
    }); 
    $httpListGet = _$httpBackend_;
    $httpListGet.whenPOST('/api/something').respond({});
    $httpListGet.whenGET('/mockBackend').respond({name: "example3"});
    $httpListGet.whenGET('/mockBackend?page=1').respond({name: "example3"});
    $httpListGet.whenGET('/mockBackend?page=2').respond({name: "example4"});
  }));

    var create = function() {
      elem = angular.element(baseElement);
      compiledElement = $compile(elem)(scope);
      elem.scope().$apply();
      return compiledElement;
    };  

  it("has 'list' defined", function() {
    var compiledElem = create();
    var isolateElemScope = compiledElem.isolateScope();
    $rootScope.$apply();
    console.log('isolateElemScope',isolateElemScope);
    expect(isolateElemScope.list).toBeDefined();
  });

我期望指令范围是可访问和可测试的，但是当我测试它时，我得到了未定义。谢谢。

Answer 1

获取isolateScope我使用以下代码

compiledElem.children().scope()

这是因为大多数指令不使用replace，这意味着页面上有directive标记，directive implementation被添加为该标记的子标记。在这种情况下，隔离范围将属于子女。

即使不是这种情况，代码片段仍应有效 - 因为孩子们会分享父母的范围..

唯一不起作用的情况是，你有2个嵌套指令的极端情况，其中内部指令使用replace。但我从未见过这个。

Answer 2

访问此页面的其他人可能已将测试添加到茉莉花中，但忘记添加对其指令的引用。

在测试angular指令时，isolateScope（）返回undefined

2 个答案: