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

Merge pull request #14671 from luchillo17/feat/BCKSTG-73-core-components-theme-sync

Browse Source 
Sync @backstage/core-components with Backstage's Component Design Guidelines
This commit is contained in:
Fredrik Adelöw
2022-12-01 15:41:56 +01:00
committed by GitHub
parent 6bea8f2019 1a36e2f06d
commit 032d46d3af
62 changed files with 491 additions and 358 deletions
Download Patch File Download Diff File Expand all files Collapse all files
plugins/git-release-manager/src/features/Features.test.tsx
+3 -3
View File
@@ -55,7 +55,7 @@ describe('Features', () => {
expect(getByTestId(TEST_IDS.info.info)).toMatchInlineSnapshot(`
<div
class="MuiBox-root MuiBox-root-10"
class="MuiBox-root MuiBox-root-11"
data-testid="grm--info"
>
<h6
@@ -72,7 +72,7 @@ describe('Features', () => {
: The source control system where releases reside in a practical sense. Read more about
<a
class="MuiTypography-root MuiLink-root MuiLink-underlineHover Link-externalLink-12 MuiTypography-colorPrimary"
class="MuiTypography-root MuiLink-root MuiLink-underlineHover Link-externalLink-13 MuiTypography-colorPrimary"
href="https://docs.github.com/en/github/administering-a-repository/managing-releases-in-a-repository"
rel="noopener"
target="_blank"
@@ -80,7 +80,7 @@ describe('Features', () => {
>
Git releases
<span
class="Link-visuallyHidden-11"
class="MuiTypography-root Link-visuallyHidden-12 MuiTypography-body1"
>
, Opens in a new window
</span>
plugins/kubernetes/src/components/DeploymentsAccordions/DeploymentDrawer.test.tsx
+8 -4
View File
@@ -16,7 +16,7 @@
import React from 'react';
import * as deployments from '../../__fixtures__/2-deployments.json';
import { renderInTestApp } from '@backstage/test-utils';
import { renderInTestApp, textContentMatcher } from '@backstage/test-utils';
import { DeploymentDrawer } from './DeploymentDrawer';
describe('DeploymentDrawer', () => {
@@ -33,9 +33,13 @@ describe('DeploymentDrawer', () => {
expect(getByText('YAML')).toBeInTheDocument();
expect(getByText('Strategy')).toBeInTheDocument();
expect(getByText('Rolling Update:')).toBeInTheDocument();
expect(getByText('Max Surge: 25%')).toBeInTheDocument();
expect(getByText('Max Unavailable: 25%')).toBeInTheDocument();
expect(getByText('Type: RollingUpdate')).toBeInTheDocument();
expect(getByText(textContentMatcher('Max Surge: 25%'))).toBeInTheDocument();
expect(
getByText(textContentMatcher('Max Unavailable: 25%')),
).toBeInTheDocument();
expect(
getByText(textContentMatcher('Type: RollingUpdate')),
).toBeInTheDocument();
expect(getByText('Min Ready Seconds')).toBeInTheDocument();
expect(getByText('???')).toBeInTheDocument();
expect(getByText('Progress Deadline Seconds')).toBeInTheDocument();
plugins/kubernetes/src/components/IngressesAccordions/IngressDrawer.test.tsx
+11 -5
View File
@@ -17,7 +17,7 @@
import React from 'react';
import { render } from '@testing-library/react';
import * as ingresses from './__fixtures__/2-ingresses.json';
import { wrapInTestApp } from '@backstage/test-utils';
import { textContentMatcher, wrapInTestApp } from '@backstage/test-utils';
import { IngressDrawer } from './IngressDrawer';
describe('IngressDrawer', () => {
@@ -28,11 +28,17 @@ describe('IngressDrawer', () => {
),
);
expect(getAllByText('awesome-service')).toHaveLength(2);
expect(getAllByText('awesome-service')).toHaveLength(4);
expect(getByText('YAML')).toBeInTheDocument();
expect(getByText('Rules')).toBeInTheDocument();
expect(getByText('Host: api.awesome-host.io')).toBeInTheDocument();
expect(getAllByText('Service Port: 80')).toHaveLength(2);
expect(getAllByText('Service Name: awesome-service')).toHaveLength(2);
expect(
getByText(textContentMatcher('Host: api.awesome-host.io')),
).toBeInTheDocument();
expect(getAllByText(textContentMatcher('Service Port: 80'))).toHaveLength(
2,
);
expect(
getAllByText(textContentMatcher('Service Name: awesome-service')),
).toHaveLength(2);
});
});
plugins/kubernetes/src/components/Pods/PodDrawer.test.tsx
Generated
+15 -7
View File
@@ -18,7 +18,7 @@ import React from 'react';
import { render } from '@testing-library/react';
import * as pod from './__fixtures__/pod.json';
import * as crashingPod from './__fixtures__/crashing-pod.json';
import { wrapInTestApp } from '@backstage/test-utils';
import { textContentMatcher, wrapInTestApp } from '@backstage/test-utils';
import { PodDrawer } from './PodDrawer';
describe('PodDrawer', () => {
@@ -46,8 +46,10 @@ describe('PodDrawer', () => {
expect(getAllByText('True')).toHaveLength(4);
expect(getByText('Exposed Ports')).toBeInTheDocument();
expect(getByText('Nginx:')).toBeInTheDocument();
expect(getByText('Container Port: 80')).toBeInTheDocument();
expect(getByText('Protocol: TCP')).toBeInTheDocument();
expect(
getByText(textContentMatcher('Container Port: 80')),
).toBeInTheDocument();
expect(getByText(textContentMatcher('Protocol: TCP'))).toBeInTheDocument();
});
it('should render crashing pod', async () => {
const { getByText, getAllByText } = render(
@@ -80,12 +82,18 @@ describe('PodDrawer', () => {
getAllByText('containers with unready status: [side-car other-side-car]'),
).toHaveLength(2);
expect(getByText('Exposed Ports')).toBeInTheDocument();
expect(getAllByText('Protocol: TCP')).toHaveLength(3);
expect(getAllByText(textContentMatcher('Protocol: TCP'))).toHaveLength(3);
expect(getByText('Nginx:')).toBeInTheDocument();
expect(getByText('Container Port: 80')).toBeInTheDocument();
expect(
getByText(textContentMatcher('Container Port: 80')),
).toBeInTheDocument();
expect(getByText('Side Car:')).toBeInTheDocument();
expect(getByText('Container Port: 81')).toBeInTheDocument();
expect(
getByText(textContentMatcher('Container Port: 81')),
).toBeInTheDocument();
expect(getByText('Other Side Car:')).toBeInTheDocument();
expect(getByText('Container Port: 82')).toBeInTheDocument();
expect(
getByText(textContentMatcher('Container Port: 82')),
).toBeInTheDocument();
});
});
plugins/kubernetes/src/components/ServicesAccordions/ServiceDrawer.test.tsx
+7 -3
View File
@@ -17,7 +17,7 @@
import React from 'react';
import { render } from '@testing-library/react';
import * as services from './__fixtures__/2-services.json';
import { wrapInTestApp } from '@backstage/test-utils';
import { textContentMatcher, wrapInTestApp } from '@backstage/test-utils';
import { ServiceDrawer } from './ServiceDrawer';
describe('ServiceDrawer', () => {
@@ -33,7 +33,11 @@ describe('ServiceDrawer', () => {
expect(getByText('YAML')).toBeInTheDocument();
expect(getByText('Cluster IP')).toBeInTheDocument();
expect(getByText('Ports')).toBeInTheDocument();
expect(getByText('Target Port: 1997')).toBeInTheDocument();
expect(getByText('App: awesome-service')).toBeInTheDocument();
expect(
getByText(textContentMatcher('Target Port: 1997')),
).toBeInTheDocument();
expect(
getByText(textContentMatcher('App: awesome-service')),
).toBeInTheDocument();
});
});
plugins/kubernetes/src/components/StatefulSetsAccordions/StatefulSetDrawer.test.tsx
+12 -6
View File
@@ -16,7 +16,7 @@
import React from 'react';
import * as statefulsets from '../../__fixtures__/2-statefulsets.json';
import { renderInTestApp } from '@backstage/test-utils';
import { renderInTestApp, textContentMatcher } from '@backstage/test-utils';
import { StatefulSetDrawer } from './StatefulSetDrawer';
describe('StatefulSetDrawer', () => {
@@ -28,19 +28,25 @@ describe('StatefulSetDrawer', () => {
/>,
);
expect(getAllByText('dice-roller')).toHaveLength(3);
expect(getAllByText('dice-roller')).toHaveLength(4);
expect(getByText('StatefulSet')).toBeInTheDocument();
expect(getByText('YAML')).toBeInTheDocument();
expect(getByText('Type: RollingUpdate')).toBeInTheDocument();
expect(
getByText(textContentMatcher('Type: RollingUpdate')),
).toBeInTheDocument();
expect(getByText('Rolling Update:')).toBeInTheDocument();
expect(getByText('Max Surge: 25%')).toBeInTheDocument();
expect(getByText('Max Unavailable: 25%')).toBeInTheDocument();
expect(getByText(textContentMatcher('Max Surge: 25%'))).toBeInTheDocument();
expect(
getByText(textContentMatcher('Max Unavailable: 25%')),
).toBeInTheDocument();
expect(getByText('Pod Management Policy')).toBeInTheDocument();
expect(getByText('Parallel')).toBeInTheDocument();
expect(getByText('Service Name')).toBeInTheDocument();
expect(getByText('Selector')).toBeInTheDocument();
expect(getByText('Match Labels:')).toBeInTheDocument();
expect(getByText('App: dice-roller')).toBeInTheDocument();
expect(
getByText(textContentMatcher('App: dice-roller')),
).toBeInTheDocument();
expect(getByText('Revision History Limit')).toBeInTheDocument();
expect(getByText('10')).toBeInTheDocument();
expect(getByText('namespace: default')).toBeInTheDocument();