@centreon/ui 26.12.1 → 26.12.3

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

@@ -1,174 +0,0 @@
-import Delete from '@mui/icons-material/Delete';
-import { Box } from '@mui/material';
-
-import { IconButton } from '../..';
-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 CardActions = (): JSX.Element => {
-  return (
-    <IconButton ariaLabel="Delete" onClick={cy.stub()} title="Delete">
-      <Delete fontSize="small" />
-    </IconButton>
-  );
-};
-
-const initializeDataTableGrid = ({ hasActions, hasCardAction }): void => {
-  cy.viewport(1200, 590);
-  cy.mount({
-    Component: (
-      <DataTable variant="grid">
-        {data.map(({ title, description }) => (
-          <DataTable.Item
-            Actions={<CardActions />}
-            description={description}
-            hasActions={hasActions}
-            hasCardAction={hasCardAction}
-            key={title}
-            title={title}
-          />
-        ))}
-      </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'
-            },
-            description: 'Description',
-            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({
-      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({
-      hasActions: true,
-      hasCardAction: false
-    });
-
-    cy.findAllByLabelText('Delete').should('have.length', 5);
-
-    cy.makeSnapshot();
-  });
-
-  it('displays items with card action only', () => {
-    initializeDataTableGrid({
-      hasActions: false,
-      hasCardAction: true
-    });
-
-    cy.findAllByLabelText('view').should('have.length', 5);
-
-    cy.makeSnapshot();
-  });
-
-  it('displays items with card action and bottom actions', () => {
-    initializeDataTableGrid({
-      hasActions: true,
-      hasCardAction: true
-    });
-
-    cy.findAllByLabelText('view').should('have.length', 5);
-    cy.findAllByLabelText('Delete').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/Form/AccessRights/AccessRights.cypress.spec.tsx

@@ -1,376 +0,0 @@
-import { createStore, Provider } from 'jotai';
-
-import { Method, SnackbarProvider, TestQueryProvider } from '../../..';
-import { AccessRights } from './AccessRights';
-import {
-  buildResult,
-  emptyAccessRights,
-  labels,
-  roles,
-  simpleAccessRights
-} from './storiesData';
-
-const initialize = ({
-  initialValues = simpleAccessRights,
-  loading = false
-}): unknown => {
-  const cancel = cy.stub();
-  const save = cy.stub().as('save');
-  const change = cy.stub();
-
-  cy.interceptAPIRequest({
-    alias: 'getContacts',
-    method: Method.GET,
-    path: '**/contacts?**',
-    response: buildResult(false)
-  });
-  cy.interceptAPIRequest({
-    alias: 'getContactGroups',
-    method: Method.GET,
-    path: '**/contact-groups?**',
-    response: buildResult(true)
-  });
-
-  cy.mount({
-    Component: (
-      <SnackbarProvider>
-        <TestQueryProvider>
-          <Provider store={createStore()}>
-            <AccessRights
-              cancel={cancel}
-              endpoints={{
-                contact: '/contacts',
-                contactGroup: '/contact-groups'
-              }}
-              initialValues={initialValues}
-              labels={labels}
-              loading={loading}
-              onChange={change}
-              roles={roles}
-              submit={save}
-            />
-          </Provider>
-        </TestQueryProvider>
-      </SnackbarProvider>
-    )
-  });
-
-  return {
-    cancel,
-    change,
-    save
-  };
-};
-
-describe('Access rights', () => {
-  it('displays the access rights in loading state', () => {
-    initialize({ loading: true });
-
-    cy.contains('Share dashboard with').should('be.visible');
-    cy.contains('Contact').should('be.visible');
-    cy.contains('Contact group').should('be.visible');
-    cy.findByLabelText('Add a contact').should('be.visible');
-    cy.findByTestId('add_role').should('be.disabled');
-    cy.findByTestId('add').should('be.disabled');
-    cy.findByLabelText('Cancel').should('be.visible');
-    cy.findByLabelText('Save').should('be.visible');
-
-    cy.makeSnapshot();
-  });
-
-  it('displays the access rights with an empty list', () => {
-    initialize({ initialValues: emptyAccessRights });
-
-    cy.contains('The contact list is empty').should('be.visible');
-
-    cy.makeSnapshot();
-  });
-
-  it('displays the access rights list', () => {
-    initialize({});
-
-    simpleAccessRights.forEach(({ name, email, isContactGroup, role }) => {
-      cy.contains(name).should('be.visible');
-      cy.contains(email).should('be.visible');
-      cy.get(`[data-groupChip="${name}"]`).should(
-        isContactGroup ? 'be.visible' : 'not.exist'
-      );
-      cy.findByTestId(`role-${name}`).should('have.value', role);
-      cy.findByTestId(`remove-${name}`).should('be.visible');
-    });
-
-    cy.makeSnapshot();
-  });
-
-  it('displays a removed chip when the corresponding icon is clicked', () => {
-    initialize({});
-
-    cy.findByTestId('remove-Erin Monahan').should(
-      'have.attr',
-      'data-removed',
-      'false'
-    );
-
-    cy.findByTestId('remove-Erin Monahan').click();
-
-    cy.findByTestId('remove-Erin Monahan').should(
-      'have.attr',
-      'data-removed',
-      'true'
-    );
-    cy.contains(labels.list.removed).should('be.visible');
-
-    cy.makeSnapshot();
-  });
-
-  it('restores the contact when the contact is removed and the corresponding icon is clicked', () => {
-    initialize({});
-
-    cy.findByTestId('remove-Erin Monahan').click();
-
-    cy.findByTestId('remove-Erin Monahan').should(
-      'have.attr',
-      'data-removed',
-      'false'
-    );
-    cy.contains(labels.list.removed).should('not.exist');
-
-    cy.makeSnapshot();
-  });
-
-  it('submits the new acces rights list without the removed contact', () => {
-    const { save } = initialize({});
-
-    cy.findByTestId('remove-Erin Monahan').click();
-
-    cy.findByTestId('remove-Erin Monahan').should(
-      'have.attr',
-      'data-removed',
-      'true'
-    );
-    cy.contains(labels.list.removed).should('be.visible');
-    cy.contains('1 removed').should('be.visible');
-
-    cy.contains(labels.actions.save).click();
-
-    cy.get('@save').then(() => {
-      expect(save).to.have.been.called;
-    });
-
-    cy.makeSnapshot();
-  });
-
-  it('submits the new acces rights list with the updated contact', () => {
-    const { save } = initialize({});
-
-    cy.findByTestId('remove-Erin Monahan').click();
-    cy.findByTestId('role-Erin Monahan').parent().click();
-
-    cy.get('li[data-value="viewer"]').click();
-    cy.contains(labels.list.updated).should('be.visible');
-    cy.contains('1 updated').should('be.visible');
-
-    cy.contains(labels.actions.save)
-      .click()
-      .then(() => {
-        expect(save).to.have.been.called;
-      });
-
-    cy.makeSnapshot();
-  });
-
-  it('removes the updated chip when the contact role is updated and its initial role is assigned back', () => {
-    initialize({});
-
-    cy.findByTestId('role-Erin Monahan').parent().click();
-
-    cy.get('li[data-value="viewer"]').click();
-    cy.contains(labels.list.updated).should('be.visible');
-
-    cy.get('li[data-value="editor"]').click();
-    cy.contains(labels.list.updated).should('not.exist');
-
-    cy.makeSnapshot();
-  });
-
-  it('retrieves contacts when the contact radio is selected', () => {
-    initialize({});
-
-    cy.contains(labels.add.contact).click();
-    cy.findByLabelText(labels.add.autocompleteContact).click();
-
-    cy.waitForRequest('@getContacts');
-
-    cy.makeSnapshot();
-  });
-
-  it('retrieves contact groups when the contact group radio is selected', () => {
-    initialize({});
-
-    cy.contains(labels.add.contactGroup).click();
-    cy.findByLabelText(labels.add.autocompleteContactGroup).click();
-
-    cy.waitForRequest('@getContactGroups');
-
-    cy.makeSnapshot();
-  });
-
-  it('adds the contact as viewer when a contact is selected and the corresponding button is clicked', () => {
-    initialize({});
-
-    cy.contains(labels.add.contact).click();
-    cy.findByLabelText(labels.add.autocompleteContact).click();
-
-    cy.waitForRequest('@getContacts');
-
-    cy.contains('Entity 10').click();
-
-    cy.findByTestId('add').click();
-
-    cy.contains('Entity 10').should('be.visible');
-
-    cy.findByTestId('role-Entity 10').should('have.value', 'viewer');
-    cy.contains(labels.list.added).should('be.visible');
-
-    cy.makeSnapshot();
-  });
-
-  it('adds the contact group as editor when a contact group is selected and the corresponding button is clicked', () => {
-    initialize({});
-
-    cy.contains(labels.add.contactGroup).click();
-    cy.findByLabelText(labels.add.autocompleteContactGroup).click();
-
-    cy.waitForRequest('@getContactGroups');
-
-    cy.contains('Entity Group 10').click();
-    cy.findByTestId('add_role').parent().click();
-    cy.get('li[data-value="editor"]').click();
-    cy.findByTestId('add').click();
-
-    cy.contains('Entity Group 10').should('be.visible');
-
-    cy.findByTestId('role-Entity Group 10').should('have.value', 'editor');
-    cy.contains(labels.list.added).should('be.visible');
-    cy.contains('2 added').should('be.visible');
-
-    cy.makeSnapshot();
-  });
-
-  it('displays statistics when a contact is added, a contact is updated and a contact is removed', () => {
-    initialize({});
-
-    cy.contains(labels.add.contactGroup).click();
-    cy.findByLabelText(labels.add.autocompleteContactGroup).click();
-
-    cy.waitForRequest('@getContactGroups');
-
-    cy.contains('Entity Group 11').click();
-    cy.findByTestId('add_role').parent().click();
-    cy.get('li[data-value="editor"]').click();
-    cy.findByTestId('add').click();
-
-    cy.contains('Entity Group 10').should('be.visible');
-
-    cy.findByTestId('role-Erin Monahan').parent().click();
-    cy.get('li[data-value="viewer"]').click();
-
-    cy.findByTestId('remove-Maryann Ferry').click();
-
-    cy.contains('3 added | 1 updated | 1 removed').should('be.visible');
-
-    cy.makeSnapshot();
-  });
-
-  it('clears the autocomplete when a contact is selected and the contact type is changed', () => {
-    initialize({});
-
-    cy.contains(labels.add.contact).click();
-    cy.findByLabelText(labels.add.autocompleteContact).click();
-
-    cy.waitForRequest('@getContacts');
-
-    cy.contains('Entity 11').click();
-    cy.findByLabelText(labels.add.autocompleteContact).should(
-      'have.value',
-      'Entity  11'
-    );
-
-    cy.contains(labels.add.contactGroup).click();
-    cy.findByLabelText(labels.add.autocompleteContactGroup).should(
-      'have.value',
-      ''
-    );
-
-    cy.makeSnapshot();
-  });
-
-  it('removes the contact from the list when the contact has been to the list and the corresponding button is clicked', () => {
-    initialize({});
-
-    cy.contains(labels.add.contact).click();
-    cy.findByLabelText(labels.add.autocompleteContact).click();
-
-    cy.waitForRequest('@getContacts');
-
-    cy.contains('Entity 11').click();
-
-    cy.findByTestId('add').click();
-
-    cy.contains('Entity 11').should('be.visible');
-
-    cy.contains(labels.list.added).should('be.visible');
-
-    cy.findByTestId('remove-Entity 11').click();
-
-    cy.contains('Entity 11').should('not.exist');
-    cy.contains('3 Added').should('not.exist');
-
-    cy.makeSnapshot();
-  });
-
-  it('resets the role to "viewer" when the "editor" role is selected and a contact with "viewer" right is selected', () => {
-    initialize({});
-
-    cy.findByLabelText(labels.add.autocompleteContact).click();
-
-    cy.waitForRequest('@getContacts');
-
-    cy.contains('Entity 11').click();
-
-    cy.findByTestId('add_role').parent().click();
-    cy.get('li[data-value="editor"]').click();
-
-    cy.findByLabelText(labels.add.autocompleteContact).click();
-
-    cy.waitForRequest('@getContacts');
-
-    cy.contains('Entity 12').click();
-
-    cy.findByTestId('add_role').should('have.value', 'viewer');
-
-    cy.makeSnapshot();
-  });
-
-  it('calls the change function when the corresponding prop is set and the form is updated', () => {
-    const { change } = initialize({});
-
-    cy.contains(labels.add.contact).click();
-    cy.findByLabelText(labels.add.autocompleteContact).click();
-
-    cy.waitForRequest('@getContacts');
-
-    cy.contains('Entity 11').click();
-
-    cy.findByTestId('add').click();
-
-    cy.contains('Entity 11').should('be.visible');
-
-    cy.findByTestId('role-Entity 11').should('have.value', 'viewer');
-    cy.contains(labels.list.added)
-      .should('be.visible')
-      .then(() => {
-        expect(change).to.have.callCount(2);
-      });
-  });
-});

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

@@ -1,112 +0,0 @@
-import { ItemComposition } from '.';
-import type { Props } from './ItemComposition';
-
-const initialize = ({
-  deleteButtonHidden,
-  ...props
-}: Partial<Props> & {
-  deleteButtonHidden?: boolean;
-}): unknown => {
-  const addItem = cy.stub();
-  const deleteItem = cy.stub();
-
-  cy.mount({
-    Component: (
-      <ItemComposition {...props} labelAdd="Add" onAddItem={addItem}>
-        <ItemComposition.Item
-          deleteButtonHidden={deleteButtonHidden}
-          labelDelete="Delete"
-          onDeleteItem={deleteItem}
-        >
-          <div>Item 1</div>
-        </ItemComposition.Item>
-        <ItemComposition.Item
-          deleteButtonHidden={deleteButtonHidden}
-          labelDelete="Delete"
-          onDeleteItem={deleteItem}
-        >
-          <div>Item 2</div>
-        </ItemComposition.Item>
-      </ItemComposition>
-    )
-  });
-
-  return {
-    addItem,
-    deleteItem
-  };
-};
-
-describe('ItemComposition', () => {
-  it('displays the component', () => {
-    initialize({});
-
-    cy.contains('Item 1').should('be.visible');
-    cy.contains('Item 2').should('be.visible');
-    cy.findAllByTestId('Delete').should('have.length', 2);
-    cy.findByTestId('Add').should('be.enabled');
-
-    cy.makeSnapshot();
-  });
-
-  it('displays the component with a secondary label', () => {
-    initialize({ secondaryLabel: 'Secondary label' });
-
-    cy.contains('Secondary label').should('be.visible');
-
-    cy.makeSnapshot();
-  });
-
-  it('displays add button as hidden when the prop is set to true', () => {
-    initialize({ addbuttonDisabled: true });
-
-    cy.findByTestId('Add').should('be.disabled');
-
-    cy.makeSnapshot();
-  });
-
-  it('does not display the add button when the prop is set to true', () => {
-    initialize({ addButtonHidden: true });
-
-    cy.findByTestId('Add').should('not.exist');
-
-    cy.makeSnapshot();
-  });
-
-  it('does not display the delete button when the prop is set to true', () => {
-    initialize({ deleteButtonHidden: true });
-
-    cy.findByTestId('Delete').should('not.exist');
-
-    cy.makeSnapshot();
-  });
-
-  it('calls the add function when the button is clicked', () => {
-    const { addItem } = initialize({});
-
-    cy.findByTestId('Add')
-      .click()
-      .then(() => {
-        expect(addItem).to.have.been.calledWith();
-      });
-  });
-
-  it('calls the delete function when the button is clicked', () => {
-    const { deleteItem } = initialize({});
-
-    cy.findAllByTestId('Delete')
-      .eq(1)
-      .click()
-      .then(() => {
-        expect(deleteItem).to.have.been.calledWith();
-      });
-  });
-
-  it('displays items as linked when the prop is set to true', () => {
-    initialize({ displayItemsAsLinked: true });
-
-    cy.get('[data-linked]').should('be.visible');
-
-    cy.makeSnapshot();
-  });
-});