Angular Direktive mit Objekt als Parameter testen

Question

Ich möchte meine Direktive testen, die ein Objekt von Viewmodel empfängt. Die Direktive funktioniert wie erwartet, aber ich kann keinen Test schreiben. Ich denke, es hat etwas mit dem bestandenen Objekt zu tun. Andere Direktivtests mit einfachen Werten funktionieren gut.

<dire status="ctrl.myObject"></dire> 

Test:

var compile, scope, directiveElem; 

beforeEach(function() { 
module('App'); 
inject(function ($compile, $rootScope) { 
    compile = $compile; 
    scope = $rootScope.$new(); 
    scope.myMock = { 
    prop0: true, 
    prop1: true 
    }; 

    directiveElem = getCompiledElement(); 
}); 

}); 

function getCompiledElement() { 
    var testDirective = '<dire status="' + scope.myMock + '"></dire>'; 
    var compiledElement = compile(testDirective)(scope); 
    scope.$digest(); 
    return compiledElement; 
    } 

it('should have template', function() { 
    var spanElement = directiveElem.find('dire'); 
    expect(spanElement).toBeDefined(); 
    }); 

Der Test schlägt mit dem folgenden Fehler:

Directive: dire should have template FAILED 
    Error: [$parse:syntax] Syntax Error: Token 'Object' is unexpected, expecting []] at column 9 of the expression [[object Object]] starting at [Object]]. 
    http://errors.angularjs.org/1.4.9/$parse/syntax?p0=Object&p1=is%20unexpected%2C%20expecting%20%5B%5D%5D&p2=9&p3=%5Bobject%20Object%5D&p4=Object%5D 

Ich hoffe, dass jemand mich unterstützen kann. Vielen Dank.

Answer 1

myMock bereits gesetzt ist auf scope, die während der Kompilierung enthalten ist, so kann man ganz einfach:

scope.myMock = { 
    prop0: true, 
    prop1: true 
}; 
... 
var testDirective = '<dire status="myMock"></dire>'; 
var compiledElement = compile(testDirective)(scope); <-- scope