diff --git a/packages/frontend-plugin-api/src/blueprints/AppRootWrapperBlueprint.test.tsx b/packages/frontend-plugin-api/src/blueprints/AppRootWrapperBlueprint.test.tsx
index b4ad8ed2d2..0f26af3243 100644
--- a/packages/frontend-plugin-api/src/blueprints/AppRootWrapperBlueprint.test.tsx
+++ b/packages/frontend-plugin-api/src/blueprints/AppRootWrapperBlueprint.test.tsx
@@ -13,7 +13,7 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
-
+import { Fragment } from 'react';
import { AppRootWrapperBlueprint } from './AppRootWrapperBlueprint';
import { screen, waitFor } from '@testing-library/react';
import {
@@ -21,7 +21,7 @@ import {
createExtension,
createExtensionInput,
} from '../wiring';
-import { renderInTestApp } from '@backstage/frontend-test-utils';
+import { renderTestApp } from '@backstage/frontend-test-utils';
describe('AppRootWrapperBlueprint', () => {
it('should return an extension with sensible defaults', () => {
@@ -63,7 +63,7 @@ describe('AppRootWrapperBlueprint', () => {
},
});
- renderInTestApp(
, { extensions: [extension] });
+ renderTestApp({ extensions: [extension] });
await waitFor(() => expect(screen.getByText('Hello')).toBeInTheDocument());
});
@@ -83,16 +83,18 @@ describe('AppRootWrapperBlueprint', () => {
component: ({ children }) => (
{children}
- {inputs.children.flatMap(c =>
- c.get(coreExtensionData.reactElement),
- )}
+ {inputs.children.flatMap((c, index) => (
+
+ {c.get(coreExtensionData.reactElement)}
+
+ ))}
),
});
},
});
- renderInTestApp(, {
+ renderTestApp({
extensions: [
extension,
createExtension({
diff --git a/packages/frontend-plugin-api/src/blueprints/SwappableComponentBlueprint.test.tsx b/packages/frontend-plugin-api/src/blueprints/SwappableComponentBlueprint.test.tsx
index fae4bf7ebf..f51750b1e7 100644
--- a/packages/frontend-plugin-api/src/blueprints/SwappableComponentBlueprint.test.tsx
+++ b/packages/frontend-plugin-api/src/blueprints/SwappableComponentBlueprint.test.tsx
@@ -13,11 +13,11 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
-import { renderInTestApp } from '@backstage/frontend-test-utils';
+import { renderTestApp } from '@backstage/frontend-test-utils';
import { createSwappableComponent } from '../components';
import { SwappableComponentBlueprint } from './SwappableComponentBlueprint';
import { PageBlueprint } from './PageBlueprint';
-import { waitFor, screen } from '@testing-library/react';
+import { screen } from '@testing-library/react';
describe('SwappableComponentBlueprint', () => {
it('should allow defining a component override for a component ref', () => {
@@ -48,21 +48,19 @@ describe('SwappableComponentBlueprint', () => {
loader: () => (props: { hello: string }) => {props.hello}
,
});
- renderInTestApp(, {
+ renderTestApp({
extensions: [
PageBlueprint.make({
params: define =>
define({
- // todo(blam): there's a bug that this path cannot be `/`?
- path: '/test',
+ path: '/',
loader: async () => ,
}),
}),
],
- initialRouteEntries: ['/test'],
});
- await waitFor(() => expect(screen.getByText('test!')).toBeInTheDocument());
+ expect(await screen.findByText('test!')).toBeInTheDocument();
});
it('should render a component ref without a default implementation', async () => {
@@ -70,22 +68,19 @@ describe('SwappableComponentBlueprint', () => {
id: 'test.component',
});
- renderInTestApp(, {
+ renderTestApp({
extensions: [
PageBlueprint.make({
params: define =>
define({
- path: '/test',
+ path: '/',
loader: async () => ,
}),
}),
],
- initialRouteEntries: ['/test'],
});
- await waitFor(() =>
- expect(screen.getByTestId('test.component')).toBeInTheDocument(),
- );
+ expect(await screen.findByTestId('test.component')).toBeInTheDocument();
});
it('should render a component ref with an async loader implementation', async () => {
@@ -95,21 +90,20 @@ describe('SwappableComponentBlueprint', () => {
{props.hello}
,
});
- renderInTestApp(, {
+ renderTestApp({
extensions: [
PageBlueprint.make({
params: define =>
define({
// todo(blam): there's a bug that this path cannot be `/`?
- path: '/test',
+ path: '/',
loader: async () => ,
}),
}),
],
- initialRouteEntries: ['/test'],
});
- await waitFor(() => expect(screen.getByText('test!')).toBeInTheDocument());
+ expect(await screen.findByText('test!')).toBeInTheDocument();
});
it('should render a component ref with an async loader implementation and prop transform', async () => {
@@ -120,22 +114,18 @@ describe('SwappableComponentBlueprint', () => {
transformProps: ({ hello }) => ({ hello: `tr ${hello}` }),
});
- renderInTestApp(, {
+ renderTestApp({
extensions: [
PageBlueprint.make({
params: define =>
define({
- // todo(blam): there's a bug that this path cannot be `/`?
- path: '/test',
+ path: '/',
loader: async () => ,
}),
}),
],
- initialRouteEntries: ['/test'],
});
- await waitFor(() =>
- expect(screen.getByText('tr test!')).toBeInTheDocument(),
- );
+ expect(await screen.findByText('tr test!')).toBeInTheDocument();
});
});