import React from 'react';

import {shallowWithIntl} from '../../helpers/intl-helpers.jsx';
import configureStore from 'redux-mock-store';
import SBFileUploader from '../../../src/containers/sb-file-uploader';
import {LoadingState} from '../../../src/reducers/project-state';

jest.mock('react-ga'); // must mock this entire library, or lib/analytics causes error

describe('SBFileUploader Container', () => {
    const mockStore = configureStore();
    let onLoadingFinished;
    let onLoadingStarted;
    let store;

    // Wrap this in a function so it gets test specific states and can be reused.
    const getContainer = function () {
        return (
            <SBFileUploader
                onLoadingFinished={onLoadingFinished}
                onLoadingStarted={onLoadingStarted}
            >
                {(renderFileInput, loadProject) => (
                    <div
                        onClick={loadProject}
                    />
                )}
            </SBFileUploader>
        );
    };

    beforeEach(() => {
        store = mockStore({
            scratchGui: {
                projectState: {
                    loadingState: LoadingState.SHOWING_WITH_ID
                },
                vm: {}
            }
        });
        onLoadingFinished = jest.fn();
        onLoadingStarted = jest.fn();
    });

    test('correctly sets title with .sb3 filename', () => {
        const wrapper = shallowWithIntl(getContainer(), {context: {store}});
        const instance = wrapper
            .dive() // unwrap redux Connect(InjectIntl(SBFileUploader))
            .dive() // unwrap InjectIntl(SBFileUploader)
            .instance(); // SBFileUploader
        const projectName = instance.getProjectTitleFromFilename('my project is great.sb3');
        expect(projectName).toBe('my project is great');
    });

    test('correctly sets title with .sb2 filename', () => {
        const wrapper = shallowWithIntl(getContainer(), {context: {store}});
        const instance = wrapper
            .dive() // unwrap redux Connect(InjectIntl(SBFileUploader))
            .dive() // unwrap InjectIntl(SBFileUploader)
            .instance(); // SBFileUploader
        const projectName = instance.getProjectTitleFromFilename('my project is great.sb2');
        expect(projectName).toBe('my project is great');
    });

    test('correctly sets title with .sb filename', () => {
        const wrapper = shallowWithIntl(getContainer(), {context: {store}});
        const instance = wrapper
            .dive() // unwrap redux Connect(InjectIntl(SBFileUploader))
            .dive() // unwrap InjectIntl(SBFileUploader)
            .instance(); // SBFileUploader
        const projectName = instance.getProjectTitleFromFilename('my project is great.sb');
        expect(projectName).toBe('my project is great');
    });

    test('sets blank title with filename with no extension', () => {
        const wrapper = shallowWithIntl(getContainer(), {context: {store}});
        const instance = wrapper
            .dive() // unwrap redux Connect(InjectIntl(SBFileUploader))
            .dive() // unwrap InjectIntl(SBFileUploader)
            .instance(); // SBFileUploader
        const projectName = instance.getProjectTitleFromFilename('my project is great');
        expect(projectName).toBe('');
    });
});