Commit ad92917af77a3937a520d6638e79913b12315d77
1 parent
96006ac8
Exists in
master
and in
34 other branches
New navbars tests
Showing
1 changed file
with
81 additions
and
47 deletions
Show diff stats
src/app/components/navbar/navbar.spec.ts
@@ -18,54 +18,55 @@ import { | @@ -18,54 +18,55 @@ import { | ||
18 | provide | 18 | provide |
19 | } from "ng-forward"; | 19 | } from "ng-forward"; |
20 | 20 | ||
21 | +import {Session, AuthService, AuthController, IAuthEvents} from "./../auth"; | ||
21 | 22 | ||
22 | describe("Components", () => { | 23 | describe("Components", () => { |
23 | 24 | ||
24 | - | ||
25 | describe("Navbar Component", () => { | 25 | describe("Navbar Component", () => { |
26 | 26 | ||
27 | - let $rootScope: ng.IRootScopeService; | ||
28 | - let user = <User>{ | ||
29 | - id: 1, | ||
30 | - login: "user" | ||
31 | - }; | ||
32 | - | 27 | + let $rootScope: ng.IRootScopeService; |
28 | + | ||
29 | + let user = <User>{ | ||
30 | + id: 1, | ||
31 | + login: "user" | ||
32 | + }; | ||
33 | + | ||
34 | + let scope = { | ||
35 | + eventCalledHook: () => { }, | ||
36 | + $on: (eventName: string, func: Function) => { | ||
37 | + this.eventCalledHook = func; | ||
38 | + } | ||
39 | + } | ||
33 | 40 | ||
34 | - let scope = { | ||
35 | - eventCalledHook: () => { }, | ||
36 | - $on: (eventName: string, func: Function) => { | ||
37 | - this.eventCalledHook = func; | 41 | + let modalInstance = { |
42 | + close: () => { } | ||
38 | } | 43 | } |
39 | - } | ||
40 | 44 | ||
41 | - let modalInstance = { | ||
42 | - close: () => { } | ||
43 | - } | 45 | + let $modal = { |
46 | + open: (args: {}) => { | ||
47 | + return modalInstance; | ||
48 | + } | ||
49 | + } | ||
44 | 50 | ||
45 | - let $modal = { | ||
46 | - open: (args: {}) => { | ||
47 | - return modalInstance; | 51 | + let authService = { |
52 | + logout: () => { } | ||
48 | } | 53 | } |
49 | - } | ||
50 | - | ||
51 | - let authService = { | ||
52 | - logout: () => { } | ||
53 | - } | ||
54 | - | ||
55 | - let stateService = jasmine.createSpyObj("$state", ["go"]); | ||
56 | - let providers = [ | ||
57 | - new Provider('moment', { useValue: {} }), | ||
58 | - new Provider('$modal', { useValue: $modal }), | ||
59 | - new Provider('AuthService', { useValue: authService }), | ||
60 | - new Provider('Session', { | ||
61 | - useValue: { | ||
62 | - currentUser: () => { return user } | ||
63 | - } | ||
64 | - }), | ||
65 | - new Provider('$scope', { useValue: scope }), | ||
66 | - new Provider('$state', { useValue: stateService }), | ||
67 | - new Provider('AUTH_EVENTS', { useValue: { AUTH_EVENTS } }) | ||
68 | - ]; | 54 | + |
55 | + let stateService = jasmine.createSpyObj("$state", ["go"]); | ||
56 | + let providers = [ | ||
57 | + new Provider('moment', { useValue: {} }), | ||
58 | + new Provider('$modal', { useValue: $modal }), | ||
59 | + new Provider('AuthService', { useValue: authService }), | ||
60 | + new Provider('Session', { | ||
61 | + useValue: { | ||
62 | + currentUser: () => { return user } | ||
63 | + } | ||
64 | + }), | ||
65 | + new Provider('$scope', { useValue: scope }), | ||
66 | + new Provider('$state', { useValue: stateService }), | ||
67 | + new Provider('AUTH_EVENTS', { useValue: { AUTH_EVENTS } }) | ||
68 | + ]; | ||
69 | + | ||
69 | 70 | ||
70 | beforeEach(angular.mock.module("templates")); | 71 | beforeEach(angular.mock.module("templates")); |
71 | 72 | ||
@@ -76,7 +77,6 @@ describe("Components", () => { | @@ -76,7 +77,6 @@ describe("Components", () => { | ||
76 | it('should get the loggedIn user', (done: Function) => { | 77 | it('should get the loggedIn user', (done: Function) => { |
77 | 78 | ||
78 | let scope = jasmine.createSpyObj("scope", ["$on"]); | 79 | let scope = jasmine.createSpyObj("scope", ["$on"]); |
79 | - | ||
80 | let providers = [ | 80 | let providers = [ |
81 | provideEmptyObjects('moment', '$modal', 'AuthService', '$state'), | 81 | provideEmptyObjects('moment', '$modal', 'AuthService', '$state'), |
82 | new Provider('Session', { | 82 | new Provider('Session', { |
@@ -108,7 +108,8 @@ describe("Components", () => { | @@ -108,7 +108,8 @@ describe("Components", () => { | ||
108 | }); | 108 | }); |
109 | }); | 109 | }); |
110 | 110 | ||
111 | - it('It should open on click', (done: Function) => { | 111 | + it('should open on click', (done: Function) => { |
112 | + | ||
112 | quickCreateComponent({ | 113 | quickCreateComponent({ |
113 | providers: providers, | 114 | providers: providers, |
114 | template: "<acme-navbar></acme-navbar>", | 115 | template: "<acme-navbar></acme-navbar>", |
@@ -119,17 +120,18 @@ describe("Components", () => { | @@ -119,17 +120,18 @@ describe("Components", () => { | ||
119 | spyOn($modal, "open"); | 120 | spyOn($modal, "open"); |
120 | navbarComp.openLogin(); | 121 | navbarComp.openLogin(); |
121 | expect($modal.open).toHaveBeenCalled(); | 122 | expect($modal.open).toHaveBeenCalled(); |
122 | - // expect($modal.open).toHaveBeenCalledWith({ | ||
123 | - // templateUrl: 'app/components/auth/login.html', | ||
124 | - // controller: 'AuthController', | ||
125 | - // controllerAs: 'vm', | ||
126 | - // bindToController: true | ||
127 | - // }) | 123 | + expect($modal.open).toHaveBeenCalledWith({ |
124 | + templateUrl: 'app/components/auth/login.html', | ||
125 | + controller: AuthController, | ||
126 | + controllerAs: 'vm', | ||
127 | + bindToController: true | ||
128 | + }) | ||
128 | done(); | 129 | done(); |
129 | }) | 130 | }) |
130 | }); | 131 | }); |
131 | 132 | ||
132 | - it('It should logout', (done: Function) => { | 133 | + it('should logout', (done: Function) => { |
134 | + | ||
133 | quickCreateComponent({ | 135 | quickCreateComponent({ |
134 | providers: providers, | 136 | providers: providers, |
135 | template: "<acme-navbar></acme-navbar>", | 137 | template: "<acme-navbar></acme-navbar>", |
@@ -145,6 +147,38 @@ describe("Components", () => { | @@ -145,6 +147,38 @@ describe("Components", () => { | ||
145 | }); | 147 | }); |
146 | 148 | ||
147 | 149 | ||
150 | + it('should not activate user when logged in', (done: Function) => { | ||
151 | + quickCreateComponent({ | ||
152 | + providers: providers, | ||
153 | + template: "<acme-navbar></acme-navbar>", | ||
154 | + directives: [Navbar] | ||
155 | + }) | ||
156 | + .then(fixture => { | ||
157 | + let navbarComp: Navbar = <Navbar>fixture.debugElement.componentViewChildren[0].componentInstance; | ||
158 | + spyOn(navbarComp, "openLogin"); | ||
159 | + navbarComp.activate(); | ||
160 | + expect(navbarComp.openLogin.calls.count()).toBe(0); | ||
161 | + done(); | ||
162 | + }) | ||
163 | + | ||
164 | + }); | ||
165 | + | ||
166 | + it('should activate when user not logged in', (done: Function) => { | ||
167 | + user = null; | ||
168 | + quickCreateComponent({ | ||
169 | + providers: providers, | ||
170 | + template: "<acme-navbar></acme-navbar>", | ||
171 | + directives: [Navbar] | ||
172 | + }) | ||
173 | + .then(fixture => { | ||
174 | + let navbarComp: Navbar = <Navbar>fixture.debugElement.componentViewChildren[0].componentInstance; | ||
175 | + spyOn(navbarComp, "openLogin"); | ||
176 | + navbarComp.activate(); | ||
177 | + expect(navbarComp.openLogin).toHaveBeenCalled(); | ||
178 | + done(); | ||
179 | + }) | ||
180 | + }); | ||
181 | + | ||
148 | 182 | ||
149 | // it('closes the modal the login', (done: Function) => { | 183 | // it('closes the modal the login', (done: Function) => { |
150 | // let scope = { | 184 | // let scope = { |