article.directive.spec.ts
3.15 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
// let oldDefine = Object.defineProperties;
//
// Object.defineProperties = function(object, properties){
// let filteredProps = {};
// let currentProperties = Object.getOwnPropertyNames(object);
// for (let i = 0; i < currentProperties.length; i++) {
// let prop = currentProperties[i];
// if(currentProperties.indexOf(prop) < 0){
// filteredProps[prop] = properties[prop];
// }
// }
// oldDefine(object, <any>filteredProps);
// };
import {TestComponentBuilder} from 'ng-forward/cjs/testing/test-component-builder';
import {Input, provide, Component} from 'ng-forward';
import {ArticleDirective} from './article.directive';
// Instantiate the Builder, this part is different than ng2.
// In ng2 you inject tcb.
const tcb = new TestComponentBuilder();
// Create your test bed
@Component({ selector: 'my-test' , template: '<hr />'})
class TestArticleDirective {
article = { type: 'TinyMceArticle' };
profile = { name: 'profile-name' };
constructor(){
}
}
describe("Article Directive", () => {
it("does something", done => {
let html = '<noosfero-article [article]="ctr.article" [profile]="ctrl.profile"></noosfero-article>';
tcb
.overrideTemplate(TestArticleDirective, html)
.createAsync(TestArticleDirective).then(fixture => {
let myComponent: ArticleDirective = fixture.componentInstance;
expect(myComponent.article.type).toEqual("TinyMceArticle");
expect(myComponent.profile.name).toEqual("profile-name");
console.log(fixture.debugElement);
done();
});
});
// let html = '<noosfero-article [profile]=profile [artcile]=article></noosfero-article>';
// let noosferoApp: ng.IModule;
// let articleDirective: ArticleDirective;
// let $scope: ng.IScope;
// let element: ng.IAugmentedJQuery;
// beforeEach(angular.mock.module("noosferoApp"));
// beforeEach(inject(function($controller: ng.IControllerService, $injector: ng.auto.IInjectorService, $rootScope, $q, $compile, $location, toastr) {
// let routeParams = {};
// let $scope: ng.IScope = $rootScope.$new();
// (<any>$scope).ctrl = {
// article: {
// type: 'article'
// },
// profile: { }
// };
// element = getCompiledElement($scope, $compile);
// //let element = angular.element('<noosfero-article article="ctrl.article" [profile]="ctrl.profile"></noosfero-article>');
// //articleDirective = new ArticleDirective(element, $scope, $injector, $compile);
// console.log(articleDirective);
// }));
// it("renders accordly the article type", (done) => {
// expect(1 + 1).toEqual(2);
// console.log(noosferoApp);
// done();
// });
// function getCompiledElement($scope, $compile) {
// let element = angular.element('<noosfero-article [article]="ctrl.article" [profile]="ctrl.profile"></noosfero-article>');
// let compiledElement = $compile(element)($scope);
// $scope.$digest();
// return compiledElement;
// }
});