@flightctl/ui-components 0.5.1 → 0.6.0-rc1

package/src/components/DetailsPage/DetailsPage.spec.tsx

@@ -1,128 +0,0 @@
-import * as React from 'react';
-
-import { checkAccessibility, render, screen } from '../../tests/test-utils';
-
-import DetailsPage, { type DetailsPageProps } from './DetailsPage';
-import { Button } from '@patternfly/react-core';
-import { ROUTE } from '../../hooks/useNavigate';
-
-const baseProps: DetailsPageProps = {
-  id: 'device-id',
-  title: 'MyTitle',
-  children: null,
-  error: null,
-  loading: false,
-  resourceLink: ROUTE.DEVICES,
-  resourceType: 'Devices',
-  resourceTypeLabel: 'Devices',
-  actions: undefined,
-  nav: undefined,
-};
-
-describe('Details page', () => {
-  it('is accessible', async () => {
-    const { container } = render(<DetailsPage {...baseProps}>Content</DetailsPage>);
-
-    await checkAccessibility(container);
-  });
-
-  describe('loading state', () => {
-    it('Shows a spinner and not the content when data is loading', () => {
-      render(
-        <DetailsPage {...baseProps} loading>
-          Content
-        </DetailsPage>,
-      );
-
-      expect(screen.getByRole('progressbar')).toBeInTheDocument();
-      expect(screen.queryByText('Content')).not.toBeInTheDocument();
-    });
-
-    it('Shows the content and not the spinner when it is not loading', () => {
-      render(<DetailsPage {...baseProps}>Content</DetailsPage>);
-
-      expect(screen.queryByRole('progressbar')).not.toBeInTheDocument();
-      expect(screen.getByText('Content')).toBeInTheDocument();
-    });
-  });
-
-  describe('when in error state', () => {
-    const error = new Error('something bad happened');
-    it('shows the error message', () => {
-      render(
-        <DetailsPage {...baseProps} error={error}>
-          Content
-        </DetailsPage>,
-      );
-
-      expect(screen.getByText('Failed to retrieve resource details')).toBeInTheDocument();
-      expect(screen.getByText('something bad happened')).toBeInTheDocument();
-    });
-
-    it('does not show the content', () => {
-      render(
-        <DetailsPage {...baseProps} error={error}>
-          Content
-        </DetailsPage>,
-      );
-
-      expect(screen.getByText('something bad happened')).toBeInTheDocument();
-      expect(screen.queryByText('Content')).not.toBeInTheDocument();
-    });
-
-    it('shows PageNotFound if error is 404', () => {
-      const error404 = new Error('Error 404: Not Found');
-      render(
-        <DetailsPage {...baseProps} error={error404}>
-          Content
-        </DetailsPage>,
-      );
-
-      expect(screen.getByText('Device not found')).toBeInTheDocument();
-      expect(screen.queryByText('Content')).not.toBeInTheDocument();
-    });
-  });
-
-  describe('Content', () => {
-    it('shows a link to the parent section', () => {
-      render(<DetailsPage {...baseProps}>Content</DetailsPage>);
-
-      expect(screen.getByRole('link')).toHaveTextContent('Devices');
-      expect(screen.getByRole('link')).toHaveAttribute('href', '/devicemanagement/devices');
-    });
-
-    it('shows the title over the id', () => {
-      render(
-        <DetailsPage {...baseProps} title="MyTitle" id="device-id">
-          Content
-        </DetailsPage>,
-      );
-
-      expect(screen.getByRole('heading')).toHaveTextContent('MyTitle');
-      expect(screen.queryByText('device-id')).not.toBeInTheDocument();
-    });
-
-    it('shows the id when the title is missing', () => {
-      render(
-        <DetailsPage {...baseProps} title="" id="device-id">
-          Content
-        </DetailsPage>,
-      );
-
-      expect(screen.getByRole('heading')).toHaveTextContent('device-id');
-    });
-  });
-
-  describe('Actions', () => {
-    it('shows the actions', () => {
-      const action = <Button variant="primary">Some action</Button>;
-      render(
-        <DetailsPage {...baseProps} actions={action}>
-          Content
-        </DetailsPage>,
-      );
-
-      expect(screen.getByText('Some action')).toBeInTheDocument();
-    });
-  });
-});

package/src/components/Device/EditDeviceWizard/types.ts

@@ -1,22 +0,0 @@
-import { ApplicationSpec } from '@flightctl/types';
-import { FlightCtlLabel } from '../../../types/extraTypes';
-import { SpecConfigTemplate } from '../../../types/deviceSpec';
-import { SystemdUnitFormValue } from '../SystemdUnitsModal/TrackSystemdUnitsForm';
-
-export type ApplicationFormSpec = Omit<ApplicationSpec, 'envVars'> & {
-  variables: { name: string; value: string }[];
-};
-
-export type DeviceSpecConfigFormValues = {
-  osImage?: string;
-  configTemplates: SpecConfigTemplate[];
-  applications: ApplicationFormSpec[];
-  systemdUnits: SystemdUnitFormValue[];
-  registerMicroShift: boolean;
-};
-
-export type EditDeviceFormValues = DeviceSpecConfigFormValues & {
-  deviceAlias: string;
-  labels: FlightCtlLabel[];
-  fleetMatch: string;
-};

package/src/components/Fleet/CreateFleet/types.ts

@@ -1,33 +0,0 @@
-import { DisruptionBudget } from '@flightctl/types';
-import { FlightCtlLabel } from '../../../types/extraTypes';
-import { DeviceSpecConfigFormValues } from '../../Device/EditDeviceWizard/types';
-
-export enum BatchLimitType {
-  BatchLimitPercent = 'percent',
-  BatchLimitAbsoluteNumber = 'value',
-}
-
-export type BatchForm = {
-  selector: FlightCtlLabel[];
-  limit?: number;
-  limitType: BatchLimitType;
-  successThreshold?: number;
-};
-
-export type RolloutPolicyForm = {
-  isAdvanced: boolean;
-  updateTimeout: number;
-  batches: BatchForm[];
-};
-
-export type DisruptionBudgetForm = DisruptionBudget & {
-  isAdvanced: boolean;
-};
-
-export type FleetFormValues = DeviceSpecConfigFormValues & {
-  name: string;
-  fleetLabels: FlightCtlLabel[];
-  labels: FlightCtlLabel[];
-  rolloutPolicy: RolloutPolicyForm;
-  disruptionBudget: DisruptionBudgetForm;
-};

package/src/setupTests.ts

@@ -1,21 +0,0 @@
-import i18n from 'i18next';
-import { initReactI18next } from 'react-i18next';
-
-i18n
-  // pass the i18n instance to react-i18next
-  .use(initReactI18next)
-  // init i18next
-  .init({
-    fallbackLng: 'en',
-    interpolation: {
-      escapeValue: false, // not needed for react as it escapes by default
-    },
-    lng: 'en',
-    ns: 'translation',
-    resources: {
-      en: {
-        // eslint-disable-next-line
-        translation: require('../../i18n/locales/en/translation.json'),
-      },
-    },
-  });

package/src/tests/test-utils.tsx

@@ -1,21 +0,0 @@
-import { RenderResult, render } from '@testing-library/react';
-import { BrowserRouter } from 'react-router-dom';
-import { axe, toHaveNoViolations } from 'jest-axe';
-import '@testing-library/jest-dom';
-
-expect.extend(toHaveNoViolations);
-
-const customRender = (ui: React.ReactNode, options?: object): RenderResult =>
-  // eslint-disable-next-line
-  render(ui as any, { wrapper: BrowserRouter, ...options });
-
-export const checkAccessibility = async (container: HTMLElement | string, options?: object) => {
-  const results = await axe(container, options);
-  expect(results).toHaveNoViolations();
-};
-
-// re-export everything
-export * from '@testing-library/react';
-
-// override render method
-export { customRender as render };