added header and search layout changes

projects/aca-content/src/lib/components/header-actions/header-actions.component.spec.ts

@@ -0,0 +1,109 @@
+/*!
+ * @license
+ * Copyright 2019 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { AppTestingModule } from '../../testing/app-testing.module';
+import { HeaderActionsComponent } from './header-actions.component';
+import { HarnessLoader } from '@angular/cdk/testing';
+import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';
+import { MatButtonHarness } from '@angular/material/button/testing';
+import { MatMenuHarness } from '@angular/material/menu/testing';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+import { MatButtonModule } from '@angular/material/button';
+import { MatMenuModule } from '@angular/material/menu';
+import { By } from '@angular/platform-browser';
+
+describe('HeaderActionsComponent', () => {
+  let component: HeaderActionsComponent;
+  let fixture: ComponentFixture<HeaderActionsComponent>;
+  let loader: HarnessLoader;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      imports: [AppTestingModule, NoopAnimationsModule, MatButtonModule, MatMenuModule],
+      declarations: [HeaderActionsComponent]
+    });
+
+    fixture = TestBed.createComponent(HeaderActionsComponent);
+    component = fixture.componentInstance;
+    loader = TestbedHarnessEnvironment.loader(fixture);
+  });
+
+  it('total number of buttons in header should be 2 if route is personal-files', async () => {
+    spyOn(component, 'isPersonalFilesRoute').and.returnValue(true);
+    const buttons = await loader.getAllHarnesses(MatButtonHarness);
+    const createButton = await loader.getAllHarnesses(MatButtonHarness.with({text: 'APP.HEADER.BUTTONS.CREATE'}));
+    const uploadButton = await loader.getAllHarnesses(MatButtonHarness.with({text: 'APP.HEADER.BUTTONS.UPLOAD'}));
+
+    expect(buttons.length).toBe(2);
+    expect(createButton.length).toBe(1);
+    expect(uploadButton.length).toBe(1);
+  });
+
+  it('total number of buttons in header should be 1 if route is libraries', async () => {
+    spyOn(component, 'isLibrariesRoute').and.returnValue(true);
+    const buttons = await loader.getAllHarnesses(MatButtonHarness);
+    const createButton = await loader.getAllHarnesses(MatButtonHarness.with({text: 'APP.HEADER.BUTTONS.CREATE'}));
+
+    expect(buttons.length).toBe(1);
+    expect(createButton.length).toBe(1);
+  });
+
+  it('should open and close the create menu', async () => {
+    spyOn(component, 'isPersonalFilesRoute').and.returnValue(true);
+    const createMenu = await loader.getHarness(MatMenuHarness.with({ triggerText: 'APP.HEADER.BUTTONS.CREATE' }));
+
+    expect(await createMenu.isOpen()).toBe(false);
+    await createMenu.open();
+    expect(await createMenu.isOpen()).toBe(true);
+
+    await createMenu.close();
+    expect(await createMenu.isOpen()).toBe(false);
+  });
+
+  it('should open and close the upload menu', async () => {
+    spyOn(component, 'isPersonalFilesRoute').and.returnValue(true);
+    const uploadMenu = await loader.getHarness(MatMenuHarness.with({ triggerText: 'APP.HEADER.BUTTONS.UPLOAD' }));
+
+    expect(await uploadMenu.isOpen()).toBe(false);
+    await uploadMenu.open();
+    expect(await uploadMenu.isOpen()).toBe(true);
+
+    await uploadMenu.close();
+    expect(await uploadMenu.isOpen()).toBe(false);
+  });
+
+  it('should load create menu on click of create button', async () => {
+    spyOn(component, 'isPersonalFilesRoute').and.returnValue(true);
+
+    const buttons = await loader.getHarness(MatButtonHarness.with({ selector: '.aca-create-button' }));
+    buttons.click();
+
+    const createMenu = fixture.debugElement.queryAll(By.css('.app-create-menu__root-menu app-create-menu__sub-menu'));
+    expect(createMenu).toBeTruthy();
+  });
+
+  it('should load upload menu on click of upload button', async () => {
+    spyOn(component, 'isPersonalFilesRoute').and.returnValue(true);
+
+    const buttons = await loader.getHarness(MatButtonHarness.with({ selector: '.aca-upload-button' }));
+    buttons.click();
+
+    const uploadMenu = fixture.debugElement.queryAll(By.css('.app-upload-menu__root-menu app-upload-menu__sub-menu'));
+    expect(uploadMenu).toBeTruthy();
+  });
+});