unleash.unleash/frontend/src/component/application/__tests__/application-edit-component-test.js

import React from 'react';

import { ThemeProvider } from '@material-ui/core';
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';
import theme from '../../../themes/main-theme';

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

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

test('renders correctly without permission', () => {
    const tree = renderer
        .create(
            <MemoryRouter>
                <ThemeProvider theme={theme}>
                    <ClientApplications
                        fetchApplication={() => Promise.resolve({})}
                        storeApplicationMetaData={jest.fn()}
                        deleteApplication={jest.fn()}
                        history={{}}
                        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}
                    />
                </ThemeProvider>
            </MemoryRouter>
        )
        .toJSON();

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

test('renders correctly with permissions', () => {
    const tree = renderer
        .create(
            <MemoryRouter>
                <ThemeProvider theme={theme}>
                    <ClientApplications
                        fetchApplication={() => Promise.resolve({})}
                        storeApplicationMetaData={jest.fn()}
                        history={{}}
                        deleteApplication={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
                        }
                    />
                </ThemeProvider>
            </MemoryRouter>
        )
        .toJSON();

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