message: core-components: wrap page stories in test app
diff: @@ -20,8 +20,7 @@ import Grid from '@material-ui/core/Grid';
  import Link from '@material-ui/core/Link';
  import Typography from '@material-ui/core/Typography';
  import React, { useState } from 'react';
  -import { MemoryRouter } from 'react-router';
  -import { createApp } from '@backstage/core-app-api';
  +import { wrapInTestApp } from '@backstage/test-utils';
  import {
  Content,
  ContentHeader,
  @@ -197,14 +196,9 @@ const ExampleContentHeader = ({ selectedTab }: { selectedTab?: number }) => (
  </ContentHeader>
  );
  -const app = createApp({ configLoader: async () => [] });
  -const AppProvider = app.getProvider();
  -
  export const PluginWithData = () => {
  const [selectedTab, setSelectedTab] = useState<number>(2);
  - return (
  - <AppProvider>
  - <MemoryRouter>
  + return wrapInTestApp(() => (
  <div style={{ border: '1px solid #ddd' }}>
  <Page themeId="tool">
  <ExampleHeader />
  @@ -222,14 +216,11 @@ export const PluginWithData = () => {
  </Content>
  </Page>
  </div>
  - </MemoryRouter>
  - </AppProvider>
  - );
  + ));
  };
  export const PluginWithTable = () => {
  - return (
  - <AppProvider>
  + return wrapInTestApp(() => (
  <div style={{ border: '1px solid #ddd' }}>
  <Page themeId="tool">
  <ExampleHeader />
  @@ -244,6 +235,5 @@ export const PluginWithTable = () => {
  </Content>
  </Page>
  </div>
  - </AppProvider>
  - );
  + ));
  };
  