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

app: migrate to renderTestApp

Browse Source 
Signed-off-by: Vincenzo Scamporlino <vincenzos@spotify.com>
This commit is contained in:
Vincenzo Scamporlino
2025-10-07 20:58:42 +02:00
parent 4a494abf78
commit 7db384cef2
2 changed files with 70 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
plugins/app/src/apis/SwappableComponentsApi/DefaultSwappableComponentsApi.test.tsx
+68 -13
View File
@@ -16,6 +16,7 @@
import {
ApiBlueprint,
AppRootElementBlueprint,
createExtensionInput,
createFrontendModule,
createSwappableComponent,
@@ -24,7 +25,7 @@ import {
} from '@backstage/frontend-plugin-api';
import { DefaultSwappableComponentsApi } from './DefaultSwappableComponentsApi';
import { render, screen } from '@testing-library/react';
import { renderInTestApp } from '@backstage/frontend-test-utils';
import { renderInTestApp, renderTestApp } from '@backstage/frontend-test-utils';
const { ref: testRefA } = createSwappableComponent({ id: 'test.a' });
const { ref: testRefB1 } = createSwappableComponent({ id: 'test.b' });
@@ -149,8 +150,17 @@ describe('DefaultSwappableComponentsApi', () => {
id: 'test.mock',
});
renderInTestApp(<MockComponent />, {
extensions: [api],
renderTestApp({
extensions: [
AppRootElementBlueprint.make({
name: 'derp',
params: define =>
define({
element: <MockComponent />,
}),
}),
api,
],
});
await expect(
@@ -164,8 +174,17 @@ describe('DefaultSwappableComponentsApi', () => {
loader: () => () => <div>test.mock</div>,
});
renderInTestApp(<MockComponent />, {
extensions: [api],
renderTestApp({
extensions: [
AppRootElementBlueprint.make({
name: 'derp',
params: define =>
define({
element: <MockComponent />,
}),
}),
api,
],
});
await expect(
@@ -179,8 +198,17 @@ describe('DefaultSwappableComponentsApi', () => {
loader: async () => () => <div>test.mock</div>,
});
renderInTestApp(<MockComponent />, {
extensions: [api],
renderTestApp({
extensions: [
AppRootElementBlueprint.make({
name: 'derp',
params: define =>
define({
element: <MockComponent />,
}),
}),
api,
],
});
await expect(
@@ -202,8 +230,17 @@ describe('DefaultSwappableComponentsApi', () => {
}),
});
renderInTestApp(<MockComponent />, {
extensions: [api],
renderTestApp({
extensions: [
AppRootElementBlueprint.make({
name: 'derp',
params: define =>
define({
element: <MockComponent />,
}),
}),
api,
],
features: [
createFrontendModule({
pluginId: 'app',
@@ -231,8 +268,17 @@ describe('DefaultSwappableComponentsApi', () => {
}),
});
renderInTestApp(<MockComponent />, {
extensions: [api],
renderTestApp({
extensions: [
AppRootElementBlueprint.make({
name: 'derp',
params: define =>
define({
element: <MockComponent />,
}),
}),
api,
],
features: [
createFrontendModule({
pluginId: 'app',
@@ -264,8 +310,17 @@ describe('DefaultSwappableComponentsApi', () => {
}),
});
renderInTestApp(<MockComponent external="test" />, {
extensions: [api],
renderTestApp({
extensions: [
AppRootElementBlueprint.make({
name: 'derp',
params: define =>
define({
element: <MockComponent external="test" />,
}),
}),
api,
],
features: [
createFrontendModule({
pluginId: 'app',
plugins/app/src/extensions/DialogDisplay.test.tsx
+2 -2
View File
@@ -14,7 +14,7 @@
* limitations under the License.
*/
import { renderInTestApp } from '@backstage/frontend-test-utils';
import { renderTestApp } from '@backstage/frontend-test-utils';
import { act, useEffect } from 'react';
import {
AppRootElementBlueprint,
@@ -29,7 +29,7 @@ async function withDialogApi<T>(
callback: (dialogApi: DialogApi) => Promise<T>,
) {
const deferred = createDeferred<DialogApi>();
await renderInTestApp(<div />, {
await renderTestApp({
extensions: [
AppRootElementBlueprint.makeWithOverrides({
name: 'derp',