angularjs – 在测试angular指令时,isolateScope()返回undefined

使用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();
  });

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

获取isolateScope我使用以下代码

compiledElem.children().scope()

这是因为大多数指令不使用replace,这意味着指令标记在页面上,并且指令实现被添加为该标记的子级.
在这种情况下,隔离范围将属于子项.

即使不是这种情况,代码片段仍然可以工作 – 因为孩子们将分享父母的范围.

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

原文链接：https://www.f2er.com/angularjs/141540.html

angularjs – 在测试angular指令时,isolateScope()返回undefined

猜你在找的Angularjs相关文章