alfresco-ng2-components/demo-shell/src/app/folder-directive/folder-create.directive.spec.ts

/*!
 * @license
 * Copyright © 2005-2024 Hyland Software, Inc. and its affiliates. All rights reserved.
 *
 * 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 { Component } from '@angular/core';
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { MatDialog } from '@angular/material/dialog';
import { By } from '@angular/platform-browser';
import { Subject, of } from 'rxjs';
import { FolderCreateDirective } from './folder-create.directive';
import { Node } from '@alfresco/js-api';
import { ContentService } from '@alfresco/adf-content-services';
import { ContentTestingModule } from 'lib/content-services/src/lib/testing/content.testing.module';

@Component({
    template: ` <div [adf-create-folder]="parentNode" (success)="success($event)" title="create-title" [nodeType]="'cm:my-little-pony'"></div>`
})
class TestTypeComponent {
    parentNode = '';
    public successParameter: Node = null;

    success(node: Node) {
        this.successParameter = node;
    }
}

@Component({
    template: `<div [adf-create-folder]="parentNode"></div>`
})
class TestComponent {
    parentNode = '';
    public successParameter: Node = null;
}

describe('FolderCreateDirective', () => {
    let fixture: ComponentFixture<TestTypeComponent | TestComponent>;
    let element;
    let dialog: MatDialog;
    let contentService: ContentService;
    let dialogRefMock;

    const event = { type: 'click', preventDefault: () => null };

    beforeEach(() => {
        TestBed.configureTestingModule({
            imports: [ContentTestingModule],
            declarations: [TestTypeComponent, TestComponent]
        });
        fixture = TestBed.createComponent(TestComponent);
        element = fixture.debugElement.query(By.directive(FolderCreateDirective));
        dialog = TestBed.inject(MatDialog);
        contentService = TestBed.inject(ContentService);

        dialogRefMock = {
            afterClosed: (val) => of(val),
            componentInstance: {
                error: new Subject<any>(),
                success: new Subject<Node>()
            }
        };
    });

    describe('With overrides', () => {
        beforeEach(() => {
            fixture = TestBed.createComponent(TestTypeComponent);
            element = fixture.debugElement.query(By.directive(FolderCreateDirective));
            dialog = TestBed.inject(MatDialog);
            contentService = TestBed.inject(ContentService);
            spyOn(dialog, 'open').and.returnValue(dialogRefMock);
        });

        it('should not emit folderCreate event when input value is undefined', async () => {
            spyOn(dialogRefMock, 'afterClosed').and.returnValue(of(null));
            spyOn(contentService.folderCreate, 'next');

            fixture.detectChanges();
            await fixture.whenStable();

            element.nativeElement.click();
            expect(contentService.folderCreate.next).not.toHaveBeenCalled();
        });

        it('should emit success event with node if the folder creation was successful', async () => {
            const testNode = {};

            element.triggerEventHandler('click', event);
            dialogRefMock.componentInstance.success.next(testNode);

            fixture.whenStable();
            await fixture.whenStable();

            expect(fixture.componentInstance.successParameter).toBe(testNode);
        });

        it('should open the dialog with the proper title and nodeType', () => {
            fixture.detectChanges();
            element.triggerEventHandler('click', event);

            expect(dialog.open).toHaveBeenCalledWith(jasmine.any(Function), {
                data: {
                    parentNodeId: jasmine.any(String),
                    createTitle: 'create-title',
                    nodeType: 'cm:my-little-pony'
                },
                width: jasmine.any(String)
            });
        });
    });

    describe('Without overrides', () => {
        beforeEach(() => {
            fixture = TestBed.createComponent(TestComponent);
            element = fixture.debugElement.query(By.directive(FolderCreateDirective));
            dialog = TestBed.inject(MatDialog);
            contentService = TestBed.inject(ContentService);
            spyOn(dialog, 'open').and.returnValue(dialogRefMock);
        });

        it('should open the dialog with the default title and nodeType', () => {
            fixture.detectChanges();
            element.triggerEventHandler('click', event);

            expect(dialog.open).toHaveBeenCalledWith(jasmine.any(Function), {
                data: {
                    parentNodeId: jasmine.any(String),
                    createTitle: null,
                    nodeType: 'cm:folder'
                },
                width: jasmine.any(String)
            });
        });
    });
});