@centreon/ui 26.12.1 → 26.12.2

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

@@ -1,69 +0,0 @@
-import { Typography } from '@mui/material';
-
-import { Tabs } from '.';
-import { TabPanel } from './TabPanel';
-
-const initialize = (withTabListProps = false): void => {
-  cy.mount({
-    Component: (
-      <Tabs
-        defaultTab="tab 0"
-        tabList={
-          withTabListProps
-            ? {
-                variant: 'fullWidth'
-              }
-            : undefined
-        }
-        tabs={[
-          { label: 'Tab 0', value: 'tab 0' },
-          { label: 'Tab 1', value: 'tab 1' }
-        ]}
-      >
-        <TabPanel value="tab 0">
-          <Typography>Tab 0</Typography>
-        </TabPanel>
-        <TabPanel value="tab 1">
-          <Typography>Tab 1</Typography>
-        </TabPanel>
-      </Tabs>
-    )
-  });
-};
-
-describe('Tabs', () => {
-  it('displays tabs and their content when a tab is selected', () => {
-    initialize();
-
-    cy.get('[data-TabPanel="tab 0"]').should('not.have.attr', 'hidden');
-    cy.get('[data-TabPanel="tab 1"]').should('have.attr', 'hidden');
-    cy.findByLabelText('Tab 0')
-      .should('have.attr', 'aria-selected')
-      .and('equals', 'true');
-    cy.findByLabelText('Tab 1')
-      .should('have.attr', 'aria-selected')
-      .and('equals', 'false');
-
-    cy.contains('Tab 1').click();
-
-    cy.get('[data-TabPanel="tab 0"]').should('have.attr', 'hidden');
-    cy.get('[data-TabPanel="tab 1"]').should('not.have.attr', 'hidden');
-    cy.findByLabelText('Tab 0')
-      .should('have.attr', 'aria-selected')
-      .and('equals', 'false');
-    cy.findByLabelText('Tab 1')
-      .should('have.attr', 'aria-selected')
-      .and('equals', 'true');
-
-    cy.makeSnapshot();
-  });
-
-  it('displays tabs when tabList props are set', () => {
-    initialize(true);
-
-    cy.get('[data-TabPanel="tab 0"]').should('not.have.attr', 'hidden');
-    cy.get('[data-TabPanel="tab 1"]').should('have.attr', 'hidden');
-
-    cy.makeSnapshot();
-  });
-});

package/src/utils/useFullscreen/Fullscreen.cypress.spec.tsx

@@ -1,130 +0,0 @@
-import { Button } from '@mui/material';
-
-import { createStore, Provider } from 'jotai';
-import { BrowserRouter } from 'react-router';
-
-import { useFullscreen } from './useFullscreen';
-import { router, useFullscreenListener } from './useFullscreenListener';
-
-const labelEnterFullscreen = 'Enter fullscreen';
-const labelExitFullscreen = 'Exit fullscreen';
-
-const ChildComponent = (): JSX.Element => {
-  const { toggleFullscreen, fullscreenEnabled, isFullscreenActivated } =
-    useFullscreen();
-
-  return (
-    <div
-      data-fullscreenActivated={isFullscreenActivated}
-      data-fullscreenEnabled={fullscreenEnabled}
-      id="test"
-    >
-      <Button onClick={() => toggleFullscreen(document.body)}>
-        {isFullscreenActivated ? labelExitFullscreen : labelEnterFullscreen}
-      </Button>
-      <input id="input" />
-      <textarea id="textarea" />
-    </div>
-  );
-};
-
-const TestComponent = (): JSX.Element => {
-  useFullscreenListener();
-
-  return <ChildComponent />;
-};
-
-const initialize = (): void => {
-  const store = createStore();
-
-  const queryParameters = new Map();
-
-  cy.stub(router, 'useSearchParams', () => queryParameters);
-
-  cy.mount({
-    Component: (
-      <BrowserRouter>
-        <Provider store={store}>
-          <TestComponent />
-        </Provider>
-      </BrowserRouter>
-    )
-  });
-};
-
-describe('Fullscreen', () => {
-  it('enters fullscreen mode when the button is clicked', () => {
-    initialize();
-
-    cy.get('#test')
-      .should('have.attr', 'data-fullscreenActivated', 'false')
-      .should('have.attr', 'data-fullscreenEnabled', 'true');
-
-    cy.contains(labelEnterFullscreen).realClick();
-
-    cy.get('#test')
-      .should('have.attr', 'data-fullscreenActivated', 'true')
-      .should('have.attr', 'data-fullscreenEnabled', 'true');
-
-    cy.contains(labelExitFullscreen).realClick();
-  });
-
-  it('exits fullscreen mode when the button is clicked', () => {
-    initialize();
-
-    cy.get('#test')
-      .should('have.attr', 'data-fullscreenActivated', 'false')
-      .should('have.attr', 'data-fullscreenEnabled', 'true');
-
-    cy.contains(labelEnterFullscreen).realClick();
-
-    cy.get('#test')
-      .should('have.attr', 'data-fullscreenActivated', 'true')
-      .should('have.attr', 'data-fullscreenEnabled', 'true');
-
-    cy.contains(labelExitFullscreen).realClick();
-
-    cy.get('#test')
-      .should('have.attr', 'data-fullscreenActivated', 'false')
-      .should('have.attr', 'data-fullscreenEnabled', 'true');
-  });
-
-  it('toggles fullscreen mode when the corresponding shortcut is clicked', () => {
-    initialize();
-
-    cy.get('#test')
-      .should('have.attr', 'data-fullscreenActivated', 'false')
-      .should('have.attr', 'data-fullscreenEnabled', 'true');
-
-    cy.get('#test').realPress(['F']);
-
-    cy.get('#test')
-      .should('have.attr', 'data-fullscreenActivated', 'true')
-      .should('have.attr', 'data-fullscreenEnabled', 'true');
-
-    cy.get('#test').realPress(['F']);
-
-    cy.get('#test')
-      .should('have.attr', 'data-fullscreenActivated', 'false')
-      .should('have.attr', 'data-fullscreenEnabled', 'true');
-  });
-
-  ['input', 'textarea'].forEach((tag) => {
-    it(`cannot toggle fullscreen feature using the shortcut when ${tag === 'input' ? 'an' : 'a'} ${tag} is focused`, () => {
-      initialize();
-
-      cy.get('#test')
-        .should('have.attr', 'data-fullscreenActivated', 'false')
-        .should('have.attr', 'data-fullscreenEnabled', 'true');
-
-      cy.get(`#${tag}`).focus();
-
-      cy.get('#test').realPress(['F']);
-
-      cy.get('#test')
-        .should('have.attr', 'data-fullscreenActivated', 'false')
-        .should('have.attr', 'data-fullscreenEnabled', 'true');
-      cy.get(`#${tag}`).should('have.value', 'F');
-    });
-  });
-});

package/src/utils/useLocale/useLocale.cypress.spec.tsx

@@ -1,40 +0,0 @@
-import { browserLocaleAtom, userAtom } from '@centreon/ui-context';
-
-import { createStore, Provider } from 'jotai';
-
-import { useLocale } from '.';
-
-const TestComponent = () => {
-  const locale = useLocale();
-
-  return <p>{locale}</p>;
-};
-
-const initialize = ({ userLocale, browserLocale }) => {
-  const store = createStore();
-
-  store.set(userAtom, { locale: userLocale });
-  store.set(browserLocaleAtom, browserLocale);
-
-  cy.mount({
-    Component: (
-      <Provider store={store}>
-        <TestComponent />
-      </Provider>
-    )
-  });
-};
-
-describe('useLocale', () => {
-  it('displays the user locale when the corresponding atom is set', () => {
-    initialize({ browserLocale: 'en', userLocale: 'fi' });
-
-    cy.contains('fi').should('be.visible');
-  });
-
-  it('displays the browser locale when the user locale is not set', () => {
-    initialize({ browserLocale: 'de', userLocale: null });
-
-    cy.contains('de').should('be.visible');
-  });
-});