[ACA] Context menu - support nested sub menus (#715)

* remove ContextMenuItemDirective

* remove custom menu animation

* remove custom menu styling

* menu item component

* material menu trigger

* clean up menu theme

* update context menu module

* remoe context menu from libraries document list

* clean up

* clean up

* tests

src/app/components/context-menu/context-menu-item.component.spec.ts

@@ -0,0 +1,107 @@
+/*!
+ * @license
+ * Alfresco Example Content Application
+ *
+ * Copyright (C) 2005 - 2018 Alfresco Software Limited
+ *
+ * This file is part of the Alfresco Example Content Application.
+ * If the software was purchased under a paid Alfresco license, the terms of
+ * the paid license agreement will prevail.  Otherwise, the software is
+ * provided under the following open source license terms:
+ *
+ * The Alfresco Example Content Application is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * The Alfresco Example Content Application is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with Alfresco. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import { TestBed, ComponentFixture } from '@angular/core/testing';
+import { AppTestingModule } from '../../testing/app-testing.module';
+import { AppExtensionService } from '../../extensions/extension.service';
+import { ContextMenuItemComponent } from './context-menu-item.component';
+import { ContextMenuModule } from './context-menu.module';
+import {
+  TranslateModule,
+  TranslateLoader,
+  TranslateFakeLoader
+} from '@ngx-translate/core';
+
+describe('ContextMenuComponent', () => {
+  let fixture: ComponentFixture<ContextMenuItemComponent>;
+  let component: ContextMenuItemComponent;
+  let extensionsService;
+  let contextItem;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      imports: [
+        AppTestingModule,
+        ContextMenuModule,
+        TranslateModule.forRoot({
+          loader: { provide: TranslateLoader, useClass: TranslateFakeLoader }
+        })
+      ],
+      providers: [AppExtensionService]
+    });
+
+    fixture = TestBed.createComponent(ContextMenuItemComponent);
+    component = fixture.componentInstance;
+    extensionsService = TestBed.get(AppExtensionService);
+
+    contextItem = <any>{
+      type: 'button',
+      id: 'action-button',
+      title: 'Test Button',
+      actions: {
+        click: 'TEST_EVENT'
+      }
+    };
+  });
+
+  afterEach(() => {
+    fixture.destroy();
+  });
+
+  it('should render defined menu actions items', () => {
+    component.actionRef = contextItem;
+    fixture.detectChanges();
+
+    const buttonElement = fixture.nativeElement.querySelector('button');
+    expect(buttonElement.innerText.trim()).toBe(contextItem.title);
+  });
+
+  it('should not run action when entry has no click attribute defined', () => {
+    spyOn(extensionsService, 'runActionById');
+    contextItem.actions = {};
+    component.actionRef = contextItem;
+    fixture.detectChanges();
+
+    fixture.nativeElement
+      .querySelector('#action-button')
+      .dispatchEvent(new MouseEvent('click'));
+
+    expect(extensionsService.runActionById).not.toHaveBeenCalled();
+  });
+
+  it('should run action with provided action id', () => {
+    spyOn(extensionsService, 'runActionById');
+    component.actionRef = contextItem;
+    fixture.detectChanges();
+
+    fixture.nativeElement
+      .querySelector('#action-button')
+      .dispatchEvent(new MouseEvent('click'));
+
+    expect(extensionsService.runActionById).toHaveBeenCalledWith(
+      contextItem.actions.click
+    );
+  });
+});