paulononato/backstage
1
0
Fork 0
Code Issues Pull Requests Actions 39 Packages Projects Releases Wiki Activity

Wrap storybook components for SearchBar and SearchBarAutocomplete in wrapInTestApp

Browse Source 
Signed-off-by: Rik Claessens <rhmclaessens@gmail.com>
This commit is contained in:
Rik Claessens
2024-07-13 14:07:54 +02:00
parent 6232b8f234
commit f9011ac3d4
2 changed files with 27 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
plugins/search-react/src/components/SearchAutocomplete/SearchAutocomplete.stories.tsx
+12 -11
View File
@@ -19,7 +19,7 @@ import React, { ComponentType, PropsWithChildren } from 'react';
import Grid from '@material-ui/core/Grid';
import LabelIcon from '@material-ui/icons/Label';
import { TestApiProvider } from '@backstage/test-utils';
import { TestApiProvider, wrapInTestApp } from '@backstage/test-utils';
import { searchApiRef, MockSearchApi } from '../../api';
import { SearchContextProvider } from '../../context';
@@ -31,17 +31,18 @@ export default {
title: 'Plugins/Search/SearchAutocomplete',
component: SearchAutocomplete,
decorators: [
(Story: ComponentType<PropsWithChildren<{}>>) => (
<TestApiProvider apis={[[searchApiRef, new MockSearchApi()]]}>
<SearchContextProvider>
<Grid container direction="row">
<Grid item xs={12}>
<Story />
(Story: ComponentType<PropsWithChildren<{}>>) =>
wrapInTestApp(
<TestApiProvider apis={[[searchApiRef, new MockSearchApi()]]}>
<SearchContextProvider>
<Grid container direction="row">
<Grid item xs={12}>
<Story />
</Grid>
</Grid>
</Grid>
</SearchContextProvider>
</TestApiProvider>
),
</SearchContextProvider>
</TestApiProvider>,
),
],
};
plugins/search-react/src/components/SearchBar/SearchBar.stories.tsx
+15 -11
View File
@@ -18,7 +18,7 @@ import React, { ComponentType, PropsWithChildren } from 'react';
import Grid from '@material-ui/core/Grid';
import { makeStyles } from '@material-ui/core/styles';
import { TestApiProvider } from '@backstage/test-utils';
import { TestApiProvider, wrapInTestApp } from '@backstage/test-utils';
import { searchApiRef, MockSearchApi } from '../../api';
import { SearchContextProvider } from '../../context';
@@ -28,18 +28,22 @@ import { SearchBar } from './SearchBar';
export default {
title: 'Plugins/Search/SearchBar',
component: SearchBar,
loaders: [
async () => ({ component: (await import('./SearchBar')).SearchBar }),
],
decorators: [
(Story: ComponentType<PropsWithChildren<{}>>) => (
<TestApiProvider apis={[[searchApiRef, new MockSearchApi()]]}>
<SearchContextProvider>
<Grid container direction="row">
<Grid item xs={12}>
<Story />
(Story: ComponentType<PropsWithChildren<{}>>) =>
wrapInTestApp(
<TestApiProvider apis={[[searchApiRef, new MockSearchApi()]]}>
<SearchContextProvider>
<Grid container direction="row">
<Grid item xs={12}>
<Story />
</Grid>
</Grid>
</Grid>
</SearchContextProvider>
</TestApiProvider>
),
</SearchContextProvider>
</TestApiProvider>,
),
],
};