Commit 976e5d62b43723c8eb209a883713b0e59945eae5
1 parent
e99067c1
Exists in
master
and in
26 other branches
Fix state change of sidebar
Showing
3 changed files
with
10 additions
and
26 deletions
Show diff stats
src/app/layout/services/body-state-classes.service.spec.ts
| @@ -19,9 +19,7 @@ describe("BodyStateClasses Service", () => { | @@ -19,9 +19,7 @@ describe("BodyStateClasses Service", () => { | ||
| 19 | }, | 19 | }, |
| 20 | authService: any = helpers.mocks.authService, | 20 | authService: any = helpers.mocks.authService, |
| 21 | bodyEl: { className: string }, | 21 | bodyEl: { className: string }, |
| 22 | - bodyElJq: any, | ||
| 23 | - contentWrapperEl: { className: string }, | ||
| 24 | - contentWrapperElJq: any; | 22 | + bodyElJq: any; |
| 25 | 23 | ||
| 26 | let getService = (): BodyStateClassesService => { | 24 | let getService = (): BodyStateClassesService => { |
| 27 | return new BodyStateClassesService($rootScope, $document, $state, authService); | 25 | return new BodyStateClassesService($rootScope, $document, $state, authService); |
| @@ -31,9 +29,6 @@ describe("BodyStateClasses Service", () => { | @@ -31,9 +29,6 @@ describe("BodyStateClasses Service", () => { | ||
| 31 | authService.isAuthenticated = jasmine.createSpy("isAuthenticated").and.returnValue(true); | 29 | authService.isAuthenticated = jasmine.createSpy("isAuthenticated").and.returnValue(true); |
| 32 | bodyEl = { className: "" }; | 30 | bodyEl = { className: "" }; |
| 33 | bodyElJq = [bodyEl]; | 31 | bodyElJq = [bodyEl]; |
| 34 | - | ||
| 35 | - contentWrapperEl = { className: "" }; | ||
| 36 | - contentWrapperElJq = [contentWrapperEl]; | ||
| 37 | }); | 32 | }); |
| 38 | 33 | ||
| 39 | it("should add the class noosfero-user-logged to the body element if the user is authenticated", () => { | 34 | it("should add the class noosfero-user-logged to the body element if the user is authenticated", () => { |
| @@ -157,24 +152,20 @@ describe("BodyStateClasses Service", () => { | @@ -157,24 +152,20 @@ describe("BodyStateClasses Service", () => { | ||
| 157 | it("add a css class to content wrapper element", () => { | 152 | it("add a css class to content wrapper element", () => { |
| 158 | let service = getService(); | 153 | let service = getService(); |
| 159 | 154 | ||
| 160 | - contentWrapperElJq.addClass = jasmine.createSpy("addClass"); | ||
| 161 | - contentWrapperElJq.removeClass = jasmine.createSpy("removeClass"); | ||
| 162 | - | ||
| 163 | - service["contentWrapperElement"] = contentWrapperElJq; | 155 | + let contentWrapperMock = jasmine.createSpyObj("contentWrapperMock", ["addClass", "removeClass"]) |
| 156 | + service["getContentWrapper"] = jasmine.createSpy("getContentWrapper").and.returnValue(contentWrapperMock); | ||
| 164 | service.addContentClass(true); | 157 | service.addContentClass(true); |
| 165 | 158 | ||
| 166 | - expect(contentWrapperElJq.addClass).toHaveBeenCalledWith(BodyStateClassesService.CONTENT_WRAPPER_FULL); | 159 | + expect(contentWrapperMock.addClass).toHaveBeenCalledWith(BodyStateClassesService.CONTENT_WRAPPER_FULL); |
| 167 | }); | 160 | }); |
| 168 | 161 | ||
| 169 | it("remove a css class from content wrapper element", () => { | 162 | it("remove a css class from content wrapper element", () => { |
| 170 | let service = getService(); | 163 | let service = getService(); |
| 171 | 164 | ||
| 172 | - contentWrapperElJq.addClass = jasmine.createSpy("addClass"); | ||
| 173 | - contentWrapperElJq.removeClass = jasmine.createSpy("removeClass"); | ||
| 174 | - | ||
| 175 | - service["contentWrapperElement"] = contentWrapperElJq; | 165 | + let contentWrapperMock = jasmine.createSpyObj("contentWrapperMock", ["addClass", "removeClass"]) |
| 166 | + service["getContentWrapper"] = jasmine.createSpy("getContentWrapper").and.returnValue(contentWrapperMock); | ||
| 176 | service.addContentClass(false); | 167 | service.addContentClass(false); |
| 177 | 168 | ||
| 178 | - expect(contentWrapperElJq.removeClass).toHaveBeenCalledWith(BodyStateClassesService.CONTENT_WRAPPER_FULL); | 169 | + expect(contentWrapperMock.removeClass).toHaveBeenCalledWith(BodyStateClassesService.CONTENT_WRAPPER_FULL); |
| 179 | }); | 170 | }); |
| 180 | }); | 171 | }); |
src/app/layout/services/body-state-classes.service.ts
| @@ -33,7 +33,6 @@ export class BodyStateClassesService { | @@ -33,7 +33,6 @@ export class BodyStateClassesService { | ||
| 33 | public static get CONTENT_WRAPPER_FULL(): string { return "full-content"; } | 33 | public static get CONTENT_WRAPPER_FULL(): string { return "full-content"; } |
| 34 | 34 | ||
| 35 | private bodyElement: ng.IAugmentedJQuery = null; | 35 | private bodyElement: ng.IAugmentedJQuery = null; |
| 36 | - private contentWrapperElement: INgForwardJQuery = null; | ||
| 37 | 36 | ||
| 38 | constructor( | 37 | constructor( |
| 39 | private $rootScope: ng.IRootScopeService, | 38 | private $rootScope: ng.IRootScopeService, |
| @@ -131,13 +130,7 @@ export class BodyStateClassesService { | @@ -131,13 +130,7 @@ export class BodyStateClassesService { | ||
| 131 | } | 130 | } |
| 132 | 131 | ||
| 133 | private getContentWrapper(selector?: string): INgForwardJQuery { | 132 | private getContentWrapper(selector?: string): INgForwardJQuery { |
| 134 | - | ||
| 135 | - if (this.contentWrapperElement === null) { | ||
| 136 | - | ||
| 137 | - let doc = <INgForwardJQuery>angular.element(this.$document); | ||
| 138 | - this.contentWrapperElement = doc.query(selector || '.content-wrapper'); | ||
| 139 | - } | ||
| 140 | - | ||
| 141 | - return this.contentWrapperElement; | 133 | + let doc = <INgForwardJQuery>angular.element(this.$document); |
| 134 | + return doc.query(selector || '.content-wrapper'); | ||
| 142 | } | 135 | } |
| 143 | } | 136 | } |
src/app/main/main.html
| 1 | <acme-navbar></acme-navbar> | 1 | <acme-navbar></acme-navbar> |
| 2 | <!-- Sidebar Left --> | 2 | <!-- Sidebar Left --> |
| 3 | <sidebar [visible]="false"></sidebar> | 3 | <sidebar [visible]="false"></sidebar> |
| 4 | -<div class="content-wrapper" ui-view="content"></div> | 4 | +<div class="content-wrapper full-content" ui-view="content"></div> |