admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

test: fix People test

Browse Source
This commit is contained in:
Sammy Teillet
2023-04-20 14:42:17 +02:00
parent 7a89e5591d
commit e4edaf183f
2 changed files with 24 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
front/src/pages/people/People.tsx
View File

@ -13,7 +13,7 @@ const StyledPeopleContainer = styled.div`
width: 100%; width: 100%;
`; `;
const GET_PEOPLE = gql` export const GET_PEOPLE = gql`
query GetPeople { query GetPeople {
person { person {
id id

29
front/src/pages/people/__stories__/People.stories.tsx
View File

@ -1,7 +1,9 @@
import { MemoryRouter } from 'react-router-dom'; import { MemoryRouter } from 'react-router-dom';
import People from '../People'; import People, { GET_PEOPLE } from '../People';
import { ThemeProvider } from '@emotion/react'; import { ThemeProvider } from '@emotion/react';
import { lightTheme } from '../../../layout/styles/themes'; import { lightTheme } from '../../../layout/styles/themes';
import { MockedProvider } from '@apollo/client/testing';
import { defaultData } from '../default-data';
const component = { const component = {
title: 'People', title: 'People',
@ -10,10 +12,25 @@ const component = {
export default component; export default component;
const mocks = [
{
request: {
query: GET_PEOPLE,
},
result: {
data: {
person: defaultData,
},
},
},
];
export const PeopleDefault = () => ( export const PeopleDefault = () => (
<ThemeProvider theme={lightTheme}> <MockedProvider mocks={mocks}>
<MemoryRouter> <ThemeProvider theme={lightTheme}>
<People /> <MemoryRouter>
</MemoryRouter> <People />
</ThemeProvider> </MemoryRouter>
</ThemeProvider>
</MockedProvider>
); );