Commita043653

committed

Add ability to mock react-query errors

1 parentfd02c23 commita043653Copy full SHA for a043653

File tree

+15

-5

lines changed

site
- .storybook
  - preview.jsx
- src/pages/ManagementSettingsPage/GroupsPage
  - GroupPage.stories.tsx

+15

-5

lines changed

Lines changed: 13 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -7,7 +7,7 @@ import { ThemeProvider as EmotionThemeProvider } from "@emotion/react";`
`7`	`7`	`import{DecoratorHelpers}from"@storybook/addon-themes";`
`8`	`8`	`import{withRouter}from"storybook-addon-remix-react-router";`
`9`	`9`	`import{StrictMode}from"react";`
`10`		`-import{QueryClient,QueryClientProvider}from"react-query";`
	`10`	`+import{parseQueryArgs,QueryClient,QueryClientProvider}from"react-query";`
`11`	`11`	`import{HelmetProvider}from"react-helmet-async";`
`12`	`12`	`importthemesfrom"theme";`
`13`	`13`	`import"theme/globalFonts";`
`@@ -93,7 +93,18 @@ function withQuery(Story, { parameters }) {`
`93`	`93`
`94`	`94`	`if(parameters.queries){`
`95`	`95`	`parameters.queries.forEach((query)=>{`
`96`		`-queryClient.setQueryData(query.key,query.data);`
	`96`	`+if(query.datainstanceofError){`
	`97`	`+// This is copied from setQueryData() but sets the error.`
	`98`	`+constcache=queryClient.getQueryCache();`
	`99`	`+constparsedOptions=parseQueryArgs(query.key)`
	`100`	`+constdefaultedOptions=queryClient.defaultQueryOptions(parsedOptions)`
	`101`	`+constcachedQuery=cache.build(queryClient,defaultedOptions);`
	`102`	`+// Set manual data so react-query will not try to refetch.`
	`103`	`+cachedQuery.setData(undefined,{manual:true});`
	`104`	`+cachedQuery.setState({error:query.data});`
	`105`	`+}else{`
	`106`	`+queryClient.setQueryData(query.key,query.data);`
	`107`	`+}`
`97`	`108`	`});`
`98`	`109`	`}`
`99`	`110`

Lines changed: 2 additions & 3 deletions

Original file line number	Diff line number	Diff line change
`@@ -51,10 +51,9 @@ export const LoadingGroup: Story = {`
`51`	`51`	`},`
`52`	`52`	`};`
`53`	`53`
`54`		`-// Will show a 404 because the query is not mocked.`
`55`	`54`	`exportconstGroupError:Story={`
`56`	`55`	`parameters:{`
`57`		`-queries:[permissionsQuery({})],`
	`56`	`+queries:[groupQuery(newError("test group error")),permissionsQuery({})],`
`58`	`57`	`},`
`59`	`58`	`};`
`60`	`59`
`@@ -86,12 +85,12 @@ export const EveryoneGroup: Story = {`
`86`	`85`	`},`
`87`	`86`	`};`
`88`	`87`
`89`		`-// Will show a 404 because the query is not mocked.`
`90`	`88`	`exportconstMembersError:Story={`
`91`	`89`	`parameters:{`
`92`	`90`	`queries:[`
`93`	`91`	`groupQuery(MockGroup),`
`94`	`92`	`permissionsQuery({canUpdateGroup:true}),`
	`93`	`+membersQuery(newError("test members error")),`
`95`	`94`	`],`
`96`	`95`	`},`
`97`	`96`	`play:async({ canvasElement})=>{`

Comments

(0)