// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.

import {shallow} from 'enzyme';
import React from 'react';

import {Preferences} from '@mm-redux/constants';
import {shallowWithIntl} from '@test/intl-test-helper';
import ImageCacheManager from '@utils/image_cache_manager';

import UploadItem from './upload_item';

describe('UploadItem', () => {
    const props = {
        handleRemoveFile: jest.fn(),
        retryFileUpload: jest.fn(),
        uploadComplete: jest.fn(),
        uploadFailed: jest.fn(),
        channelId: 'channel-id',
        file: {
            loading: false,
        },
        theme: Preferences.THEMES.default,
    };

    describe('downloadAndUploadFile', () => {
        test('should match, full snapshot', () => {
            const wrapper = shallowWithIntl(
                <UploadItem {...props}/>,
            );

            expect(wrapper.getElement()).toMatchSnapshot();
        });

        test('should upload file', async () => {
            const component = shallow(<UploadItem {...props}/>);
            component.instance().uploadFile = jest.fn();
            await component.instance().downloadAndUploadFile({
                localPath: 'path/to/file',
            });
            expect(component.instance().uploadFile).toHaveBeenCalledWith({
                localPath: 'path/to/file',
            });
        });

        test('should download file if file path is http', async () => {
            jest.spyOn(ImageCacheManager, 'cache').mockReturnValue('path/to/downloaded/image');
            const component = shallow(<UploadItem {...props}/>);
            component.instance().uploadFile = jest.fn();
            await component.instance().downloadAndUploadFile({
                localPath: 'https://path.to/file',
            });
            expect(component.instance().uploadFile).toHaveBeenCalledWith({
                localPath: 'path/to/downloaded/image',
            });
        });

        test('should upload next file when we pass new props', async () => {
            const component = shallow(<UploadItem {...props}/>);
            component.instance().uploadFile = jest.fn();

            component.setProps({file: {
                loading: true,
                failed: false,
                localPath: 'path/to/downloaded/image',
            }});
            expect(component.instance().uploadFile).toHaveBeenCalledTimes(1);
        });
    });
});