import 'reflect-metadata';

import {
    DropZoneComponent,
} from './drop-zone.component';

const initDropZoneComponent = () => new DropZoneComponent();

describe('dropFiles', () => {
    test('Emits the files to the output', () => {
        const dropZoneComponent = initDropZoneComponent();
        dropZoneComponent.onDropFiles.emit = jest.fn();
        const dragEvent = {
            dataTransfer: {
                files: {},
            },
        } as DragEvent;

        dropZoneComponent.dropFiles(dragEvent);

        expect(dropZoneComponent.onDropFiles.emit).toHaveBeenCalledWith(
            dragEvent.dataTransfer.files,
        );
    });
});

describe('dragLeave', () => {
    test('Emits an onDragLeave event', () => {
        const dropZoneComponent = initDropZoneComponent();
        dropZoneComponent.onDragLeave.emit = jest.fn();

        dropZoneComponent.dragLeave();

        expect(dropZoneComponent.onDragLeave.emit).toHaveBeenCalled();
    });
});