@centreon/ui 24.4.57 → 24.4.59

package/src/Module/Module.cypress.spec.tsx

@@ -1,129 +0,0 @@
-import { createStore } from 'jotai';
-
-import { Method } from '..';
-
-import LicensedModule from './LicensedModule';
-
-import Module from '.';
-
-const initializeModule = (): void => {
-  cy.mount({
-    Component: (
-      <Module seedName="seed" store={createStore()}>
-        <p>Module</p>
-      </Module>
-    )
-  });
-};
-
-const initializeModuleWithValidLicense = (
-  isFederatedComponent = false
-): void => {
-  cy.interceptAPIRequest({
-    alias: 'getValidLicense',
-    method: Method.GET,
-    path: './api/internal.php?object=centreon_license_manager&action=licenseValid&productName=valid',
-    response: {
-      success: true
-    }
-  });
-
-  cy.mount({
-    Component: (
-      <div style={{ height: '100vh' }}>
-        <LicensedModule
-          isFederatedComponent={isFederatedComponent}
-          moduleName="valid"
-          seedName="seed"
-          store={createStore()}
-        >
-          <p>Module</p>
-        </LicensedModule>
-      </div>
-    )
-  });
-};
-
-const initializeModuleWithInvalidLicense = (
-  isFederatedComponent = false
-): void => {
-  cy.interceptAPIRequest({
-    alias: 'getInvalidLicense',
-    method: Method.GET,
-    path: './api/internal.php?object=centreon_license_manager&action=licenseValid&productName=invalid',
-    response: {
-      success: false
-    }
-  });
-
-  cy.mount({
-    Component: (
-      <div style={{ height: '100vh' }}>
-        <LicensedModule
-          isFederatedComponent={isFederatedComponent}
-          moduleName="invalid"
-          seedName="seed"
-          store={createStore()}
-        >
-          <p>Module</p>
-        </LicensedModule>
-      </div>
-    )
-  });
-};
-
-describe('Module', () => {
-  beforeEach(() => {
-    initializeModule();
-  });
-
-  it('displays the content of the module', () => {
-    cy.contains('Module').should('be.visible');
-
-    cy.makeSnapshot();
-  });
-});
-
-describe('Valid license module', () => {
-  it('displays the content of the page when the license is valid license', () => {
-    initializeModuleWithValidLicense();
-    cy.waitForRequest('@getValidLicense');
-
-    cy.contains('Module').should('be.visible');
-
-    cy.makeSnapshot();
-  });
-
-  it('displays the content of the component when the license is valid license', () => {
-    initializeModuleWithValidLicense(true);
-
-    cy.contains('Module').should('be.visible');
-
-    cy.makeSnapshot();
-  });
-});
-
-describe('Invalid license module', () => {
-  it('displays the content of the page when the license is invalid license', () => {
-    initializeModuleWithInvalidLicense();
-    cy.waitForRequest('@getInvalidLicense');
-
-    cy.contains('Module').should('not.exist');
-
-    cy.contains('Oops').should('be.visible');
-    cy.contains('License invalid or expired').should('be.visible');
-    cy.contains('Please contact your administrator.').should('be.visible');
-    cy.get('img[alt="License invalid or expired !"]').should('be.visible');
-    cy.get('img[alt="Centreon Logo"]').should('be.visible');
-
-    cy.makeSnapshot();
-  });
-
-  it('displays the content of the module when the license is invalid license', () => {
-    initializeModuleWithInvalidLicense(true);
-
-    cy.contains('Module').should('not.exist');
-
-    cy.makeSnapshot();
-  });
-});

package/src/Typography/FluidTypography/FluidTypography.cypress.spec.tsx

@@ -1,27 +0,0 @@
-import FluidTypography from '.';
-
-const initialize = ({ width, min, max, pref }): void => {
-  cy.viewport(width, 590);
-
-  cy.mount({
-    Component: (
-      <FluidTypography max={max} min={min} pref={pref} text="Unreachable" />
-    )
-  });
-};
-
-describe('FluidTypography', () => {
-  [500, 300, 150].forEach((width) => {
-    Object.entries({ max: '80px', min: '30px', pref: 10 }).forEach(
-      ([key, value]) => {
-        it(`displays the text when the viewport is ${width}px and the ${key} is ${value}`, () => {
-          initialize({ [key]: value, width });
-
-          cy.contains('Unreachable').should('be.visible');
-
-          cy.matchImageSnapshot();
-        });
-      }
-    );
-  });
-});

package/src/components/DataTable/DataListing.tsx

@@ -1,6 +0,0 @@
-import { RowId } from '../../Listing/models';
-import { Listing, ListingProps } from '../..';
-
-export const DataListing = <TRow extends { id: RowId }>(
-  props: ListingProps<TRow>
-): JSX.Element => <Listing<TRow> {...props} />;

package/src/components/DataTable/DataTable.cypress.spec.tsx

@@ -1,193 +0,0 @@
-import { Box } from '@mui/material';
-
-import { ColumnType } from '../../Listing/models';
-
-import { DataTable } from '.';
-
-const data = Array(5)
-  .fill(0)
-  .map((_, idx) => ({
-    description: `Description ${idx}`,
-    id: idx,
-    title: `Entity ${idx}`
-  }));
-
-const initializeDataTableGrid = ({
-  hasActions,
-  hasCardAction,
-  canDelete
-}): void => {
-  cy.viewport(1200, 590);
-  cy.mount({
-    Component: (
-      <DataTable variant="grid">
-        {data.map(({ title, description }) => (
-          <DataTable.Item
-            description={description}
-            hasActions={hasActions}
-            hasCardAction={hasCardAction}
-            key={title}
-            labelsDelete={{
-              cancel: 'Cancel',
-              confirm: {
-                label: 'Delete'
-              }
-            }}
-            title={title}
-            onDelete={canDelete ? cy.stub() : undefined}
-          />
-        ))}
-      </DataTable>
-    )
-  });
-};
-
-const initializeDataTableEmpty = (canCreate = false): void => {
-  cy.viewport(1200, 590);
-  cy.mount({
-    Component: (
-      <DataTable isEmpty variant="grid">
-        <DataTable.EmptyState
-          canCreate={canCreate}
-          labels={{
-            actions: {
-              create: 'Create'
-            },
-            title: 'Welcome'
-          }}
-          onCreate={cy.stub()}
-        />
-      </DataTable>
-    )
-  });
-};
-
-const initializeDataTableListing = (): void => {
-  cy.viewport(1200, 590);
-  cy.mount({
-    Component: (
-      <Box sx={{ height: '100vh' }}>
-        <DataTable variant="listing">
-          <DataTable.Listing
-            columns={[
-              {
-                getFormattedString: (row) => row.title,
-                id: 'title',
-                label: 'Title',
-                type: ColumnType.string
-              },
-              {
-                getFormattedString: (row) => row.description,
-                id: 'description',
-                label: 'Description',
-                type: ColumnType.string
-              }
-            ]}
-            rows={data}
-          />
-        </DataTable>
-      </Box>
-    )
-  });
-};
-
-describe('DataTable: Grid', () => {
-  it('displays items with title and description only', () => {
-    initializeDataTableGrid({
-      canDelete: false,
-      hasActions: false,
-      hasCardAction: false
-    });
-
-    data.forEach(({ title, description }) => {
-      cy.contains(title).should('be.visible');
-      cy.contains(description).should('be.visible');
-    });
-
-    cy.makeSnapshot();
-  });
-
-  it('displays items with actions', () => {
-    initializeDataTableGrid({
-      canDelete: false,
-      hasActions: true,
-      hasCardAction: false
-    });
-
-    cy.findAllByLabelText('edit access rights').should('have.length', 5);
-    cy.findAllByLabelText('edit').should('have.length', 5);
-
-    cy.makeSnapshot();
-  });
-
-  it('displays items with delete action', () => {
-    initializeDataTableGrid({
-      canDelete: true,
-      hasActions: true,
-      hasCardAction: false
-    });
-
-    cy.findAllByLabelText('delete').should('have.length', 5);
-
-    cy.makeSnapshot();
-  });
-
-  it('displays items with card action only', () => {
-    initializeDataTableGrid({
-      canDelete: false,
-      hasActions: false,
-      hasCardAction: true
-    });
-
-    cy.findAllByLabelText('view').should('have.length', 5);
-
-    cy.makeSnapshot();
-  });
-
-  it('displays items with card action and bottom actions', () => {
-    initializeDataTableGrid({
-      canDelete: true,
-      hasActions: true,
-      hasCardAction: true
-    });
-
-    cy.findAllByLabelText('view').should('have.length', 5);
-    cy.findAllByLabelText('delete').should('have.length', 5);
-    cy.findAllByLabelText('edit access rights').should('have.length', 5);
-    cy.findAllByLabelText('edit').should('have.length', 5);
-
-    cy.makeSnapshot();
-  });
-});
-
-describe('DataTable: Empty', () => {
-  it('displays the title', () => {
-    initializeDataTableEmpty();
-
-    cy.contains('Welcome').should('be.visible');
-
-    cy.makeSnapshot();
-  });
-
-  it('displays the title and the action button', () => {
-    initializeDataTableEmpty(true);
-
-    cy.contains('Welcome').should('be.visible');
-    cy.contains('Create').should('be.visible');
-
-    cy.makeSnapshot();
-  });
-});
-
-describe('DataTable: Listing', () => {
-  it('displays the listing', () => {
-    initializeDataTableListing();
-
-    data.forEach(({ title, description }) => {
-      cy.contains(title).should('be.visible');
-      cy.contains(description).should('be.visible');
-    });
-
-    cy.makeSnapshot();
-  });
-});

package/src/components/Layout/PageLayout/PageQuickAccess.tsx

@@ -1,76 +0,0 @@
-import { useTranslation } from 'react-i18next';
-
-import AddIcon from '@mui/icons-material/Add';
-import ArrowBackIcon from '@mui/icons-material/ArrowBack';
-
-import { Button, Menu } from '../..';
-
-interface NamedEntity {
-  id: number | string;
-  name: string;
-}
-
-type Props = {
-  create: () => void;
-  elements: Array<NamedEntity>;
-  goBack: () => void;
-  isActive: (id: number | string) => boolean;
-  labels: {
-    create: string;
-    goBack: string;
-  };
-  navigateToElement: (id: number | string) => () => void;
-};
-
-export const PageQuickAccess = ({
-  elements,
-  isActive,
-  navigateToElement,
-  goBack,
-  create,
-  labels
-}: Props): JSX.Element => {
-  const { t } = useTranslation();
-
-  return (
-    <Menu>
-      <Menu.Button data-testid="quickaccess" />
-      <Menu.Items>
-        {elements &&
-          elements.map((element) => (
-            <Menu.Item
-              key={`${element.id}`}
-              onClick={navigateToElement(element.id)}
-              {...(isActive(element.id) && {
-                isActive: true,
-                isDisabled: true
-              })}
-            >
-              {element.name}
-            </Menu.Item>
-          ))}
-        <Menu.Divider key="divider" />
-        <Menu.Item key="create">
-          <>
-            <Button
-              icon={<ArrowBackIcon />}
-              iconVariant="start"
-              variant="ghost"
-              onClick={goBack}
-            >
-              {t(labels.goBack)}
-            </Button>
-            <Button
-              icon={<AddIcon />}
-              iconVariant="start"
-              variant="secondary"
-              onClick={create}
-            >
-              {t(labels.create)}
-            </Button>
-          </>
-        </Menu.Item>
-      </Menu.Items>
-    </Menu>
-  );
-};

package/src/components/Layout/PageLayout.cypress.spec.tsx

@@ -1,66 +0,0 @@
-import { T } from 'ramda';
-
-import { PageHeader } from '..';
-
-import { AreaIndicator } from './AreaIndicator';
-
-import { PageLayout } from '.';
-
-const initialize = (): void => {
-  cy.mount({
-    Component: (
-      <PageLayout>
-        <PageLayout.Header>
-          <PageHeader>
-            <PageHeader.Menu>
-              <PageLayout.QuickAccess
-                create={cy.stub()}
-                elements={[
-                  {
-                    id: 1,
-                    name: 'Entity'
-                  }
-                ]}
-                goBack={cy.stub()}
-                isActive={T}
-                labels={{
-                  create: 'Create',
-                  goBack: 'Go back'
-                }}
-                navigateToElement={cy.stub()}
-              />
-            </PageHeader.Menu>
-            <PageHeader.Main>
-              <PageHeader.Title description="Description" title="Title" />
-            </PageHeader.Main>
-            <PageHeader.Actions>Actions</PageHeader.Actions>
-          </PageHeader>
-        </PageLayout.Header>
-        <PageLayout.Body>
-          <PageLayout.Actions>
-            <AreaIndicator name="Body actions" />
-          </PageLayout.Actions>
-          <h1>Content</h1>
-        </PageLayout.Body>
-      </PageLayout>
-    )
-  });
-};
-
-describe('Page layout', () => {
-  beforeEach(initialize);
-
-  it('displays the page layout', () => {
-    cy.makeSnapshot();
-  });
-
-  it('opens the quick access poppin when the corresponding logo is displayed', () => {
-    cy.findByTestId('quickaccess').click();
-
-    cy.contains('Entity').should('be.visible');
-    cy.contains('Create').should('be.visible');
-    cy.contains('Go back').should('be.visible');
-
-    cy.makeSnapshot();
-  });
-});

package/src/utils/usePluralizedTranslation.ts

@@ -1,21 +0,0 @@
-import { useTranslation } from 'react-i18next';
-import pluralize from 'pluralize';
-
-interface TProps {
-  count: number;
-  label: string;
-}
-
-export const usePluralizedTranslation = (): {
-  pluralizedT: (props: TProps) => string;
-} => {
-  const translation = useTranslation();
-
-  const pluralizedT = ({ label, count }: TProps): string => {
-    return pluralize(translation.t(label), count);
-  };
-
-  return {
-    pluralizedT
-  };
-};