Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-02-04 00:18:01 +01:00
Code Issues Projects Releases Wiki Activity

fix: test and update snapshot

Browse Source
This commit is contained in:
Youssef 2022-02-10 11:24:36 +01:00
parent 5a05bb44a6
commit ac7ae9c8a1
2 changed files with 128 additions and 176 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

81
frontend/src/component/application/__tests__/__snapshots__/application-edit-component-test.js.snap
View File

@ -43,77 +43,22 @@ exports[`renders correctly with permissions 1`] = `
`; `;
exports[`renders correctly without permission 1`] = ` exports[`renders correctly without permission 1`] = `
<div <div>
className="MuiPaper-root MuiPaper-elevation1 MuiPaper-rounded" <p>
style={ Loading...
Object { </p>
"borderRadius": "10px",
"boxShadow": "none",
}
}
>
<div <div
className="makeStyles-headerContainer-1" className="MuiLinearProgress-root MuiLinearProgress-colorPrimary MuiLinearProgress-indeterminate"
role="progressbar"
> >
<div <div
className="makeStyles-headerTitleContainer-5" className="MuiLinearProgress-bar MuiLinearProgress-barColorPrimary MuiLinearProgress-bar1Indeterminate"
> style={Object {}}
<div />
className="" <div
data-loading={true} className="MuiLinearProgress-bar MuiLinearProgress-bar2Indeterminate MuiLinearProgress-barColorPrimary"
> style={Object {}}
<h2 />
className="MuiTypography-root makeStyles-headerTitle-6 MuiTypography-h2"
>
<span
style={
Object {
"alignItems": "center",
"display": "flex",
}
}
>
<div
className="MuiAvatar-root MuiAvatar-circular MuiAvatar-colorDefault"
style={
Object {
"marginRight": "8px",
}
}
>
<span
aria-hidden={true}
className="material-icons MuiIcon-root"
>
apps
</span>
</div>
</span>
</h2>
</div>
<div
className="makeStyles-headerActions-7"
/>
</div>
</div>
<div
className="makeStyles-bodyContainer-2"
>
<div>
<p
className="MuiTypography-root MuiTypography-body1"
>
</p>
<p
className="MuiTypography-root MuiTypography-body2"
>
Created:
<strong>
02/02/2022
</strong>
</p>
</div>
</div> </div>
</div> </div>
`; `;

223
frontend/src/component/application/__tests__/application-edit-component-test.js
View File

@ -1,26 +1,29 @@
import { ThemeProvider } from '@material-ui/core'; import { ThemeProvider } from '@material-ui/core';
import ApplicationEdit from '../ApplicationEdit/ApplicationEdit'; import { ApplicationEdit } from '../ApplicationEdit/ApplicationEdit';
import renderer from 'react-test-renderer'; import renderer from 'react-test-renderer';
import { MemoryRouter } from 'react-router-dom'; import { MemoryRouter } from 'react-router-dom';
import { ADMIN } from '../../providers/AccessProvider/permissions'; import { ADMIN } from '../../providers/AccessProvider/permissions';
import theme from '../../../themes/main-theme'; import theme from '../../../themes/main-theme';
import { createFakeStore } from '../../../accessStoreFake'; import { createFakeStore } from '../../../accessStoreFake';
import AccessProvider from '../../providers/AccessProvider/AccessProvider'; import AccessProvider from '../../providers/AccessProvider/AccessProvider';
import UIProvider from '../../providers/UIProvider/UIProvider';
test('renders correctly if no application', () => { test('renders correctly if no application', () => {
const tree = renderer const tree = renderer
.create( .create(
<AccessProvider store={createFakeStore([{ permission: ADMIN }])}> <AccessProvider store={createFakeStore([{ permission: ADMIN }])}>
<ThemeProvider theme={theme}> <ThemeProvider theme={theme}>
<MemoryRouter initialEntries={['/test']}> <UIProvider>
<ApplicationEdit <MemoryRouter initialEntries={['/test']}>
fetchApplication={() => Promise.resolve({})} <ApplicationEdit
storeApplicationMetaData={jest.fn()} fetchApplication={() => Promise.resolve({})}
deleteApplication={jest.fn()} storeApplicationMetaData={jest.fn()}
history={{}} deleteApplication={jest.fn()}
locationSettings={{ locale: 'en-GB' }} history={{}}
/> locationSettings={{ locale: 'en-GB' }}
</MemoryRouter> />
</MemoryRouter>
</UIProvider>
</ThemeProvider> </ThemeProvider>
</AccessProvider> </AccessProvider>
) )
@ -34,54 +37,56 @@ test('renders correctly without permission', () => {
.create( .create(
<MemoryRouter> <MemoryRouter>
<ThemeProvider theme={theme}> <ThemeProvider theme={theme}>
<AccessProvider store={createFakeStore([])}> <UIProvider>
<ApplicationEdit <AccessProvider store={createFakeStore([])}>
fetchApplication={() => Promise.resolve({})} <ApplicationEdit
storeApplicationMetaData={jest.fn()} fetchApplication={() => Promise.resolve({})}
deleteApplication={jest.fn()} storeApplicationMetaData={jest.fn()}
history={{}} deleteApplication={jest.fn()}
application={{ history={{}}
appName: 'test-app', application={{
instances: [ appName: 'test-app',
{ instances: [
instanceId: 'instance-1', {
clientIp: '123.123.123.123', instanceId: 'instance-1',
lastSeen: '2017-02-23T15:56:49', clientIp: '123.123.123.123',
sdkVersion: '4.0', lastSeen: '2017-02-23T15:56:49',
}, sdkVersion: '4.0',
], },
strategies: [ ],
{ strategies: [
name: 'StrategyA', {
description: 'A description', name: 'StrategyA',
}, description: 'A description',
{ },
name: 'StrategyB', {
description: 'B description', name: 'StrategyB',
notFound: true, description: 'B description',
}, notFound: true,
], },
seenToggles: [ ],
{ seenToggles: [
name: 'ToggleA', {
description: 'this is A toggle', name: 'ToggleA',
enabled: true, description: 'this is A toggle',
project: 'default', enabled: true,
}, project: 'default',
{ },
name: 'ToggleB', {
description: 'this is B toggle', name: 'ToggleB',
enabled: false, description: 'this is B toggle',
notFound: true, enabled: false,
project: 'default', notFound: true,
}, project: 'default',
], },
url: 'http://example.org', ],
description: 'app description', url: 'http://example.org',
}} description: 'app description',
locationSettings={{ locale: 'en-GB' }} }}
/> locationSettings={{ locale: 'en-GB' }}
</AccessProvider> />
</AccessProvider>
</UIProvider>
</ThemeProvider> </ThemeProvider>
</MemoryRouter> </MemoryRouter>
) )
@ -95,56 +100,58 @@ test('renders correctly with permissions', () => {
.create( .create(
<MemoryRouter> <MemoryRouter>
<ThemeProvider theme={theme}> <ThemeProvider theme={theme}>
<AccessProvider <UIProvider>
store={createFakeStore([{ permission: ADMIN }])} <AccessProvider
> store={createFakeStore([{ permission: ADMIN }])}
<ApplicationEdit >
fetchApplication={() => Promise.resolve({})} <ApplicationEdit
storeApplicationMetaData={jest.fn()} fetchApplication={() => Promise.resolve({})}
history={{}} storeApplicationMetaData={jest.fn()}
deleteApplication={jest.fn()} history={{}}
application={{ deleteApplication={jest.fn()}
appName: 'test-app', application={{
instances: [ appName: 'test-app',
{ instances: [
instanceId: 'instance-1', {
clientIp: '123.123.123.123', instanceId: 'instance-1',
lastSeen: '2017-02-23T15:56:49', clientIp: '123.123.123.123',
sdkVersion: '4.0', lastSeen: '2017-02-23T15:56:49',
}, sdkVersion: '4.0',
], },
strategies: [ ],
{ strategies: [
name: 'StrategyA', {
description: 'A description', name: 'StrategyA',
}, description: 'A description',
{ },
name: 'StrategyB', {
description: 'B description', name: 'StrategyB',
notFound: true, description: 'B description',
}, notFound: true,
], },
seenToggles: [ ],
{ seenToggles: [
name: 'ToggleA', {
description: 'this is A toggle', name: 'ToggleA',
enabled: true, description: 'this is A toggle',
project: 'default', enabled: true,
}, project: 'default',
{ },
name: 'ToggleB', {
description: 'this is B toggle', name: 'ToggleB',
enabled: false, description: 'this is B toggle',
notFound: true, enabled: false,
project: 'default', notFound: true,
}, project: 'default',
], },
url: 'http://example.org', ],
description: 'app description', url: 'http://example.org',
}} description: 'app description',
locationSettings={{ locale: 'en-GB' }} }}
/> locationSettings={{ locale: 'en-GB' }}
</AccessProvider> />
</AccessProvider>
</UIProvider>
</ThemeProvider> </ThemeProvider>
</MemoryRouter> </MemoryRouter>
) )