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

packages,plugins: migrate to using TestApiProvider and Registry

Browse Source 
Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>
This commit is contained in:
Patrik Oldsberg
2021-11-17 18:56:22 +01:00
parent 7ff56c2330
commit 29ef695410
118 changed files with 991 additions and 1112 deletions
Download Patch File Download Diff File Expand all files Collapse all files
plugins/xcmetrics/src/components/BuildDetails/BuildDetails.test.tsx
+9 -18
View File
@@ -14,8 +14,7 @@
* limitations under the License.
*/
import React from 'react';
import { renderInTestApp } from '@backstage/test-utils';
import { ApiProvider, ApiRegistry } from '@backstage/core-app-api';
import { renderInTestApp, TestApiProvider } from '@backstage/test-utils';
import { BuildDetails, withRequest } from './BuildDetails';
import { xcmetricsApiRef } from '../../api';
@@ -35,11 +34,9 @@ jest.mock('../BuildTimeline', () => ({
describe('BuildDetails', () => {
it('should render', async () => {
const rendered = await renderInTestApp(
<ApiProvider
apis={ApiRegistry.with(xcmetricsApiRef, client.XcmetricsClient)}
>
<TestApiProvider apis={[[xcmetricsApiRef, client.XcmetricsClient]]}>
<BuildDetails buildData={client.mockBuildResponse} />
</ApiProvider>,
</TestApiProvider>,
);
expect(rendered.getByText('accordion-Host')).toBeInTheDocument();
@@ -61,11 +58,9 @@ describe('BuildDetails with request', () => {
it('should fetch the build and render', async () => {
const rendered = await renderInTestApp(
<ApiProvider
apis={ApiRegistry.with(xcmetricsApiRef, client.XcmetricsClient)}
>
<TestApiProvider apis={[[xcmetricsApiRef, client.XcmetricsClient]]}>
<BuildDetailsWithRequest buildId={client.mockBuild.id} />
</ApiProvider>,
</TestApiProvider>,
);
expect(rendered.getByText(client.mockBuild.id)).toBeInTheDocument();
@@ -78,11 +73,9 @@ describe('BuildDetails with request', () => {
.mockRejectedValue({ message: errorMessage });
const rendered = await renderInTestApp(
<ApiProvider
apis={ApiRegistry.with(xcmetricsApiRef, client.XcmetricsClient)}
>
<TestApiProvider apis={[[xcmetricsApiRef, client.XcmetricsClient]]}>
<BuildDetailsWithRequest buildId={client.mockBuild.id} />
</ApiProvider>,
</TestApiProvider>,
);
expect(rendered.getByText(errorMessage)).toBeInTheDocument();
@@ -92,11 +85,9 @@ describe('BuildDetails with request', () => {
client.XcmetricsClient.getBuild = jest.fn().mockReturnValue(undefined);
const rendered = await renderInTestApp(
<ApiProvider
apis={ApiRegistry.with(xcmetricsApiRef, client.XcmetricsClient)}
>
<TestApiProvider apis={[[xcmetricsApiRef, client.XcmetricsClient]]}>
<BuildDetailsWithRequest buildId={client.mockBuild.id} />
</ApiProvider>,
</TestApiProvider>,
);
expect(
plugins/xcmetrics/src/components/BuildList/BuildList.test.tsx
+7 -14
View File
@@ -14,8 +14,7 @@
* limitations under the License.
*/
import React from 'react';
import { renderInTestApp } from '@backstage/test-utils';
import { ApiProvider, ApiRegistry } from '@backstage/core-app-api';
import { renderInTestApp, TestApiProvider } from '@backstage/test-utils';
import { BuildList } from './BuildList';
import { xcmetricsApiRef } from '../../api';
import userEvent from '@testing-library/user-event';
@@ -35,11 +34,9 @@ jest.mock('../BuildDetails', () => ({
describe('BuildList', () => {
it('should render', async () => {
const rendered = await renderInTestApp(
<ApiProvider
apis={ApiRegistry.with(xcmetricsApiRef, client.XcmetricsClient)}
>
<TestApiProvider apis={[[xcmetricsApiRef, client.XcmetricsClient]]}>
<BuildList />
</ApiProvider>,
</TestApiProvider>,
);
expect(rendered.getByText('Builds')).toBeInTheDocument();
@@ -50,11 +47,9 @@ describe('BuildList', () => {
it('should show build details', async () => {
const rendered = await renderInTestApp(
<ApiProvider
apis={ApiRegistry.with(xcmetricsApiRef, client.XcmetricsClient)}
>
<TestApiProvider apis={[[xcmetricsApiRef, client.XcmetricsClient]]}>
<BuildList />
</ApiProvider>,
</TestApiProvider>,
);
userEvent.click(
@@ -70,11 +65,9 @@ describe('BuildList', () => {
.mockRejectedValue({ message });
const rendered = await renderInTestApp(
<ApiProvider
apis={ApiRegistry.with(xcmetricsApiRef, client.XcmetricsClient)}
>
<TestApiProvider apis={[[xcmetricsApiRef, client.XcmetricsClient]]}>
<BuildList />
</ApiProvider>,
</TestApiProvider>,
);
expect(rendered.getByText(message)).toBeInTheDocument();
plugins/xcmetrics/src/components/BuildListFilter/BuildListFilter.test.tsx
+5 -10
View File
@@ -14,8 +14,7 @@
* limitations under the License.
*/
import React from 'react';
import { renderInTestApp } from '@backstage/test-utils';
import { ApiProvider, ApiRegistry } from '@backstage/core-app-api';
import { renderInTestApp, TestApiProvider } from '@backstage/test-utils';
import userEvent from '@testing-library/user-event';
import { BuildListFilter } from './BuildListFilter';
import { BuildFilters, xcmetricsApiRef } from '../../api';
@@ -37,14 +36,12 @@ const renderWithFiltersVisible = async (
callback?: (filters: BuildFilters) => void,
) => {
const rendered = await renderInTestApp(
<ApiProvider
apis={ApiRegistry.with(xcmetricsApiRef, client.XcmetricsClient)}
>
<TestApiProvider apis={[[xcmetricsApiRef, client.XcmetricsClient]]}>
<BuildListFilter
initialValues={initialValues}
onFilterChange={callback ?? jest.fn()}
/>
</ApiProvider>,
</TestApiProvider>,
);
userEvent.click(rendered.getByLabelText('show filters'));
@@ -67,14 +64,12 @@ const setProjectFilter = async (rendered: RenderResult, option: string) => {
describe('BuildListFilter', () => {
it('should render', async () => {
const rendered = await renderInTestApp(
<ApiProvider
apis={ApiRegistry.with(xcmetricsApiRef, client.XcmetricsClient)}
>
<TestApiProvider apis={[[xcmetricsApiRef, client.XcmetricsClient]]}>
<BuildListFilter
initialValues={initialValues}
onFilterChange={jest.fn()}
/>
</ApiProvider>,
</TestApiProvider>,
);
expect(rendered.getByText('Filters (0)')).toBeInTheDocument();
plugins/xcmetrics/src/components/Overview/Overview.test.tsx
+7 -10
View File
@@ -14,9 +14,8 @@
* limitations under the License.
*/
import React from 'react';
import { renderInTestApp } from '@backstage/test-utils';
import { renderInTestApp, TestApiProvider } from '@backstage/test-utils';
import { xcmetricsApiRef } from '../../api';
import { ApiProvider, ApiRegistry } from '@backstage/core-app-api';
import { Overview } from './Overview';
jest.mock('../../api/XcmetricsClient');
@@ -33,11 +32,9 @@ jest.mock('../StatusMatrix', () => ({
describe('Overview', () => {
it('should render', async () => {
const rendered = await renderInTestApp(
<ApiProvider
apis={ApiRegistry.with(xcmetricsApiRef, client.XcmetricsClient)}
>
<TestApiProvider apis={[[xcmetricsApiRef, client.XcmetricsClient]]}>
<Overview />
</ApiProvider>,
</TestApiProvider>,
);
expect(rendered.getByText('XCMetrics Dashboard')).toBeInTheDocument();
@@ -49,9 +46,9 @@ describe('Overview', () => {
api.getBuilds = jest.fn().mockResolvedValue([]);
const rendered = await renderInTestApp(
<ApiProvider apis={ApiRegistry.with(xcmetricsApiRef, api)}>
<TestApiProvider apis={[[xcmetricsApiRef, api]]}>
<Overview />
</ApiProvider>,
</TestApiProvider>,
);
expect(rendered.getByText('No builds to show')).toBeInTheDocument();
@@ -64,9 +61,9 @@ describe('Overview', () => {
api.getBuilds = jest.fn().mockRejectedValue({ message: errorMessage });
const rendered = await renderInTestApp(
<ApiProvider apis={ApiRegistry.with(xcmetricsApiRef, api)}>
<TestApiProvider apis={[[xcmetricsApiRef, api]]}>
<Overview />
</ApiProvider>,
</TestApiProvider>,
);
expect(rendered.getByText(errorMessage)).toBeInTheDocument();
plugins/xcmetrics/src/components/OverviewTrends/OverviewTrends.test.tsx
+9 -14
View File
@@ -15,9 +15,8 @@
*/
import React from 'react';
import { OverviewTrends } from './OverviewTrends';
import { renderInTestApp } from '@backstage/test-utils';
import { renderInTestApp, TestApiProvider } from '@backstage/test-utils';
import { xcmetricsApiRef } from '../../api';
import { ApiProvider, ApiRegistry } from '@backstage/core-app-api';
import userEvent from '@testing-library/user-event';
jest.mock('../../api/XcmetricsClient');
@@ -26,11 +25,9 @@ const client = require('../../api/XcmetricsClient');
describe('OverviewTrends', () => {
it('should render', async () => {
const rendered = await renderInTestApp(
<ApiProvider
apis={ApiRegistry.with(xcmetricsApiRef, client.XcmetricsClient)}
>
<TestApiProvider apis={[[xcmetricsApiRef, client.XcmetricsClient]]}>
<OverviewTrends />
</ApiProvider>,
</TestApiProvider>,
);
expect(rendered.getByText('Trends for')).toBeInTheDocument();
expect(rendered.getAllByText('Build Count').length).toEqual(3);
@@ -42,20 +39,18 @@ describe('OverviewTrends', () => {
api.getBuildCounts = jest.fn().mockResolvedValue([]);
const rendered = await renderInTestApp(
<ApiProvider apis={ApiRegistry.with(xcmetricsApiRef, api)}>
<TestApiProvider apis={[[xcmetricsApiRef, api]]}>
<OverviewTrends />
</ApiProvider>,
</TestApiProvider>,
);
expect(rendered.getByText('--')).toBeInTheDocument();
});
it('should change number of days when select is changed', async () => {
const rendered = await renderInTestApp(
<ApiProvider
apis={ApiRegistry.with(xcmetricsApiRef, client.XcmetricsClient)}
>
<TestApiProvider apis={[[xcmetricsApiRef, client.XcmetricsClient]]}>
<OverviewTrends />
</ApiProvider>,
</TestApiProvider>,
);
userEvent.click(rendered.getByText('14 days'));
@@ -76,9 +71,9 @@ describe('OverviewTrends', () => {
.mockRejectedValue({ message: buildTimesError });
const rendered = await renderInTestApp(
<ApiProvider apis={ApiRegistry.with(xcmetricsApiRef, api)}>
<TestApiProvider apis={[[xcmetricsApiRef, api]]}>
<OverviewTrends />
</ApiProvider>,
</TestApiProvider>,
);
expect(rendered.getByText(buildCountError)).toBeInTheDocument();
expect(rendered.getByText(buildTimesError)).toBeInTheDocument();
plugins/xcmetrics/src/components/StatusCell/StatusCell.test.tsx
+3 -6
View File
@@ -14,8 +14,7 @@
* limitations under the License.
*/
import React from 'react';
import { renderInTestApp } from '@backstage/test-utils';
import { ApiProvider, ApiRegistry } from '@backstage/core-app-api';
import { renderInTestApp, TestApiProvider } from '@backstage/test-utils';
import userEvent from '@testing-library/user-event';
import { StatusCell } from './StatusCell';
import { xcmetricsApiRef } from '../../api';
@@ -27,9 +26,7 @@ const client = require('../../api/XcmetricsClient');
describe('StatusCell', () => {
it('should render', async () => {
const rendered = await renderInTestApp(
<ApiProvider
apis={ApiRegistry.with(xcmetricsApiRef, client.XcmetricsClient)}
>
<TestApiProvider apis={[[xcmetricsApiRef, client.XcmetricsClient]]}>
<StatusCell
buildStatus={{
id: client.mockBuild.id,
@@ -38,7 +35,7 @@ describe('StatusCell', () => {
size={10}
spacing={10}
/>
</ApiProvider>,
</TestApiProvider>,
);
userEvent.hover(rendered.getByTestId(client.mockBuild.id));
plugins/xcmetrics/src/components/StatusMatrix/StatusMatrix.test.tsx
+3 -6
View File
@@ -14,8 +14,7 @@
* limitations under the License.
*/
import React from 'react';
import { renderInTestApp } from '@backstage/test-utils';
import { ApiProvider, ApiRegistry } from '@backstage/core-app-api';
import { renderInTestApp, TestApiProvider } from '@backstage/test-utils';
import { StatusMatrix } from './StatusMatrix';
import { xcmetricsApiRef } from '../../api';
@@ -25,11 +24,9 @@ const client = require('../../api/XcmetricsClient');
describe('StatusMatrix', () => {
it('should render', async () => {
const rendered = await renderInTestApp(
<ApiProvider
apis={ApiRegistry.with(xcmetricsApiRef, client.XcmetricsClient)}
>
<TestApiProvider apis={[[xcmetricsApiRef, client.XcmetricsClient]]}>
<StatusMatrix />
</ApiProvider>,
</TestApiProvider>,
);
const cell = rendered.getByTestId(client.mockBuild.id);
plugins/xcmetrics/src/components/XcmetricsLayout/XcmetricsLayout.test.tsx
+5 -10
View File
@@ -14,8 +14,7 @@
* limitations under the License.
*/
import React from 'react';
import { renderInTestApp } from '@backstage/test-utils';
import { ApiProvider, ApiRegistry } from '@backstage/core-app-api';
import { renderInTestApp, TestApiProvider } from '@backstage/test-utils';
import { XcmetricsLayout } from './XcmetricsLayout';
import { xcmetricsApiRef } from '../../api';
import userEvent from '@testing-library/user-event';
@@ -34,11 +33,9 @@ jest.mock('../BuildList', () => ({
describe('XcmetricsLayout', () => {
it('should render', async () => {
const rendered = await renderInTestApp(
<ApiProvider
apis={ApiRegistry.with(xcmetricsApiRef, client.XcmetricsClient)}
>
<TestApiProvider apis={[[xcmetricsApiRef, client.XcmetricsClient]]}>
<XcmetricsLayout />
</ApiProvider>,
</TestApiProvider>,
);
expect(rendered.getByText('Overview')).toBeInTheDocument();
@@ -49,11 +46,9 @@ describe('XcmetricsLayout', () => {
it('should show a list of builds when the Builds tab is selected', async () => {
const rendered = await renderInTestApp(
<ApiProvider
apis={ApiRegistry.with(xcmetricsApiRef, client.XcmetricsClient)}
>
<TestApiProvider apis={[[xcmetricsApiRef, client.XcmetricsClient]]}>
<XcmetricsLayout />
</ApiProvider>,
</TestApiProvider>,
);
userEvent.click(rendered.getByText('Builds'));