Merge pull request #9917 from backstage/rugvip/staries

home: fixed starred entities initialization in stories
This commit is contained in:
Patrik Oldsberg
2022-03-02 20:35:49 +01:00
committed by GitHub
2 changed files with 14 additions and 28 deletions
@@ -15,11 +15,7 @@
*/
import { HomePageStarredEntities } from '../../plugin';
import {
wrapInTestApp,
TestApiProvider,
MockStorageApi,
} from '@backstage/test-utils';
import { wrapInTestApp, TestApiProvider } from '@backstage/test-utils';
import {
starredEntitiesApiRef,
MockStarredEntitiesApi,
@@ -28,24 +24,18 @@ import {
import { Grid } from '@material-ui/core';
import React, { ComponentType } from 'react';
const mockStorageApi = MockStorageApi.create();
mockStorageApi
.forBucket('starredEntities')
.set('entityRefs', [
'component:default/example-starred-entity',
'component:default/example-starred-entity-2',
'component:default/example-starred-entity-3',
'component:default/example-starred-entity-4',
]);
const starredEntitiesApi = new MockStarredEntitiesApi();
starredEntitiesApi.toggleStarred('component:default/example-starred-entity');
starredEntitiesApi.toggleStarred('component:default/example-starred-entity-2');
starredEntitiesApi.toggleStarred('component:default/example-starred-entity-3');
starredEntitiesApi.toggleStarred('component:default/example-starred-entity-4');
export default {
title: 'Plugins/Home/Components/StarredEntities',
decorators: [
(Story: ComponentType<{}>) =>
wrapInTestApp(
<TestApiProvider
apis={[[starredEntitiesApiRef, new MockStarredEntitiesApi()]]}
>
<TestApiProvider apis={[[starredEntitiesApiRef, starredEntitiesApi]]}>
<Story />
</TestApiProvider>,
{
@@ -21,7 +21,7 @@ import {
HomePageCompanyLogo,
HomePageStarredEntities,
} from '../plugin';
import { wrapInTestApp, TestApiProvider, MockStorageApi} from '@backstage/test-utils';
import { wrapInTestApp, TestApiProvider} from '@backstage/test-utils';
import { Content, Page, InfoCard } from '@backstage/core-components';
import {
starredEntitiesApiRef,
@@ -37,15 +37,11 @@ import {
import { Grid, makeStyles } from '@material-ui/core';
import React, { ComponentType } from 'react';
const mockStorageApi = MockStorageApi.create();
mockStorageApi
.forBucket('starredEntities')
.set('entityRefs', [
'component:default/example-starred-entity',
'component:default/example-starred-entity-2',
'component:default/example-starred-entity-3',
'component:default/example-starred-entity-4'
]);
const starredEntitiesApi = new MockStarredEntitiesApi();
starredEntitiesApi.toggleStarred('component:default/example-starred-entity');
starredEntitiesApi.toggleStarred('component:default/example-starred-entity-2');
starredEntitiesApi.toggleStarred('component:default/example-starred-entity-3');
starredEntitiesApi.toggleStarred('component:default/example-starred-entity-4');
export default {
title: 'Plugins/Home/Templates',
@@ -57,7 +53,7 @@ export default {
apis={[
[
starredEntitiesApiRef,
new MockStarredEntitiesApi(),
starredEntitiesApi,
],
[searchApiRef, { query: () => Promise.resolve({ results: [] }) }],
]}