import React from 'react';

import ClientApplications from '../application-edit-component';
import renderer from 'react-test-renderer';
import { MemoryRouter } from 'react-router-dom';
import { CREATE_FEATURE, CREATE_STRATEGY, UPDATE_APPLICATION } from '../../../permissions';

jest.mock('react-mdl');

test('renders correctly if no application', () => {
    const tree = renderer
        .create(
            <ClientApplications
                fetchApplication={jest.fn()}
                storeApplicationMetaData={jest.fn()}
                hasPermission={() => true}
            />
        )
        .toJSON();

    expect(tree).toMatchSnapshot();
});

test('renders correctly without permission', () => {
    const tree = renderer
        .create(
            <MemoryRouter>
                <ClientApplications
                    fetchApplication={jest.fn()}
                    storeApplicationMetaData={jest.fn()}
                    application={{
                        appName: 'test-app',
                        instances: [
                            {
                                instanceId: 'instance-1',
                                clientIp: '123.123.123.123',
                                lastSeen: '2017-02-23T15:56:49',
                                sdkVersion: '4.0',
                            },
                        ],
                        strategies: [
                            {
                                name: 'StrategyA',
                                description: 'A description',
                            },
                            {
                                name: 'StrategyB',
                                description: 'B description',
                                notFound: true,
                            },
                        ],
                        seenToggles: [
                            {
                                name: 'ToggleA',
                                description: 'this is A toggle',
                                enabled: true,
                            },
                            {
                                name: 'ToggleB',
                                description: 'this is B toggle',
                                enabled: false,
                                notFound: true,
                            },
                        ],
                        url: 'http://example.org',
                        description: 'app description',
                    }}
                    location={{ locale: 'en-GB' }}
                    hasPermission={() => false}
                />
            </MemoryRouter>
        )
        .toJSON();

    expect(tree).toMatchSnapshot();
});

test('renders correctly with permissions', () => {
    const tree = renderer
        .create(
            <MemoryRouter>
                <ClientApplications
                    fetchApplication={jest.fn()}
                    storeApplicationMetaData={jest.fn()}
                    application={{
                        appName: 'test-app',
                        instances: [
                            {
                                instanceId: 'instance-1',
                                clientIp: '123.123.123.123',
                                lastSeen: '2017-02-23T15:56:49',
                                sdkVersion: '4.0',
                            },
                        ],
                        strategies: [
                            {
                                name: 'StrategyA',
                                description: 'A description',
                            },
                            {
                                name: 'StrategyB',
                                description: 'B description',
                                notFound: true,
                            },
                        ],
                        seenToggles: [
                            {
                                name: 'ToggleA',
                                description: 'this is A toggle',
                                enabled: true,
                            },
                            {
                                name: 'ToggleB',
                                description: 'this is B toggle',
                                enabled: false,
                                notFound: true,
                            },
                        ],
                        url: 'http://example.org',
                        description: 'app description',
                    }}
                    location={{ locale: 'en-GB' }}
                    hasPermission={permission =>
                        [CREATE_FEATURE, CREATE_STRATEGY, UPDATE_APPLICATION].indexOf(permission) !== -1
                    }
                />
            </MemoryRouter>
        )
        .toJSON();

    expect(tree).toMatchSnapshot();
});