@centreon/ui 26.12.1 → 26.12.2

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

@@ -1,76 +0,0 @@
-import { CollapsibleItem, type Props } from './CollapsibleItem';
-
-const title = 'Title';
-
-const customizedTitle = <div>Customized title</div>;
-
-const initialize = (props: Omit<Props, 'children'>): void => {
-  cy.mount({
-    Component: <CollapsibleItem {...props}>Content</CollapsibleItem>
-  });
-};
-
-describe('CollapsibleItem', () => {
-  it('displays the component collapsed by default', () => {
-    initialize({ title });
-
-    cy.contains(title).should('be.visible');
-    cy.contains('Content').should('not.be.visible');
-    cy.get('button[aria-expanded="false"]').should('exist');
-
-    cy.makeSnapshot();
-  });
-
-  it('displays the component expanded when the corresponding prop is set to true', () => {
-    initialize({ defaultExpanded: true, title });
-
-    cy.contains(title).should('be.visible');
-    cy.contains('Content').should('be.visible');
-    cy.get('button[aria-expanded="true"]').should('exist');
-
-    cy.makeSnapshot();
-  });
-
-  it('displays a customized title', () => {
-    initialize({ title: customizedTitle });
-
-    cy.contains('Customized title').should('be.visible');
-    cy.get('button[aria-expanded="false"]').should('exist');
-
-    cy.makeSnapshot();
-  });
-
-  it('displays the component as compact', () => {
-    initialize({ compact: true, title });
-
-    cy.contains(title).should('be.visible');
-    cy.get('button[aria-expanded="false"]').should('exist');
-    cy.get('div[data-compact="true"]').should('exist');
-
-    cy.makeSnapshot();
-  });
-
-  it('displays the component as compact and expanded when the icon is clicked', () => {
-    initialize({ compact: true, title });
-
-    cy.contains(title).should('be.visible');
-    cy.get('button[aria-expanded="false"]').should('exist');
-
-    cy.get('button[aria-expanded="false"]').click();
-
-    cy.get('button[aria-expanded="true"]').should('exist');
-    cy.contains('Content').should('be.visible');
-
-    cy.makeSnapshot();
-  });
-
-  it('displays the component as compact and a customized title', () => {
-    initialize({ compact: true, title: customizedTitle });
-
-    cy.contains('Customized title').should('be.visible');
-    cy.get('button[aria-expanded="false"]').should('exist');
-    cy.get('div[data-compact="true"]').should('exist');
-
-    cy.makeSnapshot();
-  });
-});

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

@@ -1,167 +0,0 @@
-import { ThemeMode, userAtom } from '@centreon/ui-context';
-
-import { createStore, Provider } from 'jotai';
-
-import SnackbarProvider from '../../Snackbar/SnackbarProvider';
-import ThemeProvider from '../../ThemeProvider';
-import CopyCommand, { type CopyCommandProps } from './CopyCommand';
-
-const initialize = (props: CopyCommandProps & { theme?: ThemeMode }): void => {
-  const store = createStore();
-  store.set(userAtom, { themeMode: props.theme || ThemeMode.light });
-  cy.mount({
-    Component: (
-      <Provider store={store}>
-        <ThemeProvider>
-          <SnackbarProvider>
-            <CopyCommand {...props} />
-          </SnackbarProvider>
-        </ThemeProvider>
-      </Provider>
-    )
-  });
-};
-
-describe('CopyCommand', () => {
-  it('displays bash code when props are set', () => {
-    initialize({
-      commandToCopy: 'echo "hello" | grep "hel"',
-      language: 'bash',
-      text: `# a simple command
-echo "hello" | grep "hel"`
-    });
-
-    cy.contains('# a simple command').should('be.visible');
-    cy.contains('echo').should('be.visible');
-    cy.contains('bash').should('be.visible');
-    cy.findByTestId('Copy command').should('be.visible');
-
-    cy.makeSnapshot();
-  });
-
-  it('displays yaml code when props are set', () => {
-    initialize({
-      commandToCopy: 'echo "hello" | grep "hel"',
-      language: 'yaml',
-      text: `key:
-  with:
-    input: "input"`
-    });
-
-    cy.contains('key').should('be.visible');
-    cy.contains('"input"').should('be.visible');
-    cy.contains('yaml').should('be.visible');
-
-    cy.makeSnapshot();
-  });
-
-  it('displays php code when props are set', () => {
-    initialize({
-      commandToCopy: 'echo "hello" | grep "hel"',
-      language: 'php',
-      text: `<?php
-echo 'Hello ' . htmlspecialchars($_POST["name"]) . '!';
-?>`
-    });
-
-    cy.contains('echo').should('be.visible');
-    cy.contains('"name"').should('be.visible');
-    cy.contains('php').should('be.visible');
-
-    cy.makeSnapshot();
-  });
-
-  it('displays json code when props are set', () => {
-    initialize({
-      commandToCopy: 'echo "hello" | grep "hel"',
-      language: 'json',
-      text: `{
-  "number": 1,
-  "boolean": true,
-  "array": [
-    {
-      "string": "text"
-    }
-  ]
-}`
-    });
-
-    cy.contains('"number"').should('be.visible');
-    cy.contains('true').should('be.visible');
-    cy.contains('json').should('be.visible');
-
-    cy.makeSnapshot();
-  });
-
-  it('does not display the copy button when the corresponding prop is not passed', () => {
-    initialize({
-      language: 'json',
-      text: `{
-  "number": 1,
-  "boolean": true,
-  "array": [
-    {
-      "string": "text"
-    }
-  ]
-}`
-    });
-
-    cy.findByTestId('Copy command').should('not.exist');
-
-    cy.makeSnapshot();
-  });
-
-  it('displays the highlighted code in dark mode when the theme is changed', () => {
-    initialize({
-      language: 'json',
-      text: `{
-  "number": 1,
-  "boolean": true,
-  "array": [
-    {
-      "string": "text"
-    }
-  ]
-}`,
-      theme: ThemeMode.dark
-    });
-
-    cy.get('.hljs-keyword').should('have.css', 'color', 'rgb(255, 123, 114)');
-
-    cy.makeSnapshot();
-  });
-
-  it('copies the command to the clipboard when the button is clicked', () => {
-    cy.wrap(
-      Cypress.automation('remote:debugger:protocol', {
-        command: 'Browser.grantPermissions',
-        params: {
-          origin: window.location.origin,
-          permissions: ['clipboardReadWrite', 'clipboardSanitizedWrite']
-        }
-      })
-    );
-    cy.window()
-      .its('navigator.clipboard')
-      .then((clipboard) => {
-        cy.spy(clipboard, 'writeText').as('writeText');
-      });
-
-    initialize({
-      commandToCopy: 'echo "hello" | grep "hel"',
-      language: 'bash',
-      text: `# a simple command
-echo "hello" | grep "hel"`
-    });
-
-    cy.findByTestId('Copy command').click();
-
-    cy.get('@writeText').should(
-      'have.been.calledOnceWith',
-      'echo "hello" | grep "hel"'
-    );
-
-    cy.makeSnapshot();
-  });
-});