@mgdis/mg-components 5.19.2 → 5.20.0

package/dist/collection/components/molecules/mg-panel/test/mg-panel.spec.js

@@ -1,213 +0,0 @@
-import { h } from "@stencil/core";
-import { newSpecPage } from "@stencil/core/testing";
-import { MgPanel } from "../mg-panel";
-import { MgButton } from "../../../atoms/mg-button/mg-button";
-import { MgInputText } from "../../inputs/mg-input-text/mg-input-text";
-import { expandToggleDisplays, titlePositions } from "../mg-panel.conf";
-const getPage = (args, slot) => {
-  const page = newSpecPage({
-    components: [MgPanel, MgButton, MgInputText],
-    template: () => h("mg-panel", Object.assign({}, args), slot),
-  });
-  jest.runAllTimers();
-  return page;
-};
-describe('mg-panel', () => {
-  beforeAll(() => (global.HTMLInputElement.prototype.focus = jest.fn()));
-  afterAll(() => delete global.HTMLInputElement.prototype.focus);
-  beforeEach(() => jest.useFakeTimers());
-  afterEach(() => jest.runOnlyPendingTimers());
-  test.each([
-    { identifier: 'identifier', panelTitle: 'panel title' },
-    { identifier: 'identifier', panelTitle: 'panel title', expanded: true },
-    { identifier: 'identifier', panelTitle: 'panel title', titleEditable: true },
-    { identifier: 'identifier', panelTitle: 'panel title', titleEditable: true, titlePattern: /joker/, titlePatternErrorMessage: "You can't enter a bad guy !" },
-    { identifier: 'identifier', panelTitle: 'panel title', titleEditable: true, lang: 'fr' },
-    { identifier: 'identifier', panelTitle: 'panel title', titleEditable: true, lang: 'xx' },
-    ...titlePositions.map(titlePosition => ({ identifier: 'identifier', panelTitle: 'panel title', titlePosition })),
-    ...expandToggleDisplays.map(expandToggleDisplay => ({ identifier: 'identifier', panelTitle: 'panel title', expandToggleDisplay })),
-    ...expandToggleDisplays.map(expandToggleDisplay => ({ identifier: 'identifier', panelTitle: 'panel title', titleEditable: true, expandToggleDisplay })),
-  ])('Should render with args %s:', async (args) => {
-    const { root } = await getPage(args);
-    expect(root).toMatchSnapshot();
-  });
-  describe('errors', () => {
-    test('Should throw error when props association are unauthorized %s:', async () => {
-      expect.assertions(1);
-      try {
-        await getPage({ identifier: 'identifier', panelTitle: 'panel title', titlePattern: /joker/ });
-      }
-      catch (err) {
-        expect(err.message).toBe('<mg-panel> prop "titleEditable" must be set to "true".');
-      }
-    });
-    test.each(['', ' ', undefined])('Should not render with invalid panelTitle property: %s', async (panelTitle) => {
-      expect.assertions(1);
-      try {
-        await getPage({ panelTitle });
-      }
-      catch (err) {
-        expect(err.message).toMatch('<mg-panel> prop "panelTitle" is required.');
-      }
-    });
-    test.each(['', ' ', 'batman'].map(titlePosition => ({ panelTitle: 'panel title', titlePosition })))('Should throw an error when prop "titlePosition" is invalid', async (props) => {
-      try {
-        await getPage(props);
-      }
-      catch (err) {
-        expect(err.message).toMatch(`<mg-panel> prop "titlePosition" must be one of: ${titlePositions.join(', ')}.`);
-      }
-    });
-    test.each(['', ' ', 'batman'].map(expandToggleDisplay => ({ panelTitle: 'panel title', expandToggleDisplay })))('Should throw an error when prop "expandToggleDisplay" is invalid', async (props) => {
-      try {
-        await getPage(props);
-      }
-      catch (err) {
-        expect(err.message).toMatch(`<mg-panel> prop "expandToggleDisplay" must be one of: ${expandToggleDisplays.join(', ')}.`);
-      }
-    });
-  });
-  describe('navigation', () => {
-    test.each([true, false])('Should toggle collapse panel, expanded %s', async (expanded) => {
-      const page = await getPage({ identifier: 'identifier', panelTitle: 'panel title', expanded });
-      const mgPanel = page.doc.querySelector('mg-panel');
-      const collapseButton = mgPanel.shadowRoot.querySelector('mg-button:first-of-type');
-      const spy = jest.spyOn(page.rootInstance.expandedChange, 'emit');
-      expect(page.root).toMatchSnapshot();
-      collapseButton.dispatchEvent(new CustomEvent('click', { bubbles: true }));
-      await page.waitForChanges();
-      expect(page.root).toMatchSnapshot();
-      collapseButton.dispatchEvent(new CustomEvent('click', { bubbles: true }));
-      await page.waitForChanges();
-      expect(page.root).toMatchSnapshot();
-      expect(spy).toBeCalledTimes(2);
-    });
-    test.each([true, false])('Should NOT collapse panel, case expandToggleDisabled = true', async (expanded) => {
-      const page = await getPage({ identifier: 'identifier', panelTitle: 'panel title', expanded, expandToggleDisabled: true });
-      const mgPanel = page.doc.querySelector('mg-panel');
-      const collapseButton = mgPanel.shadowRoot.querySelector('mg-button:first-of-type');
-      expect(page.root).toMatchSnapshot();
-      collapseButton.dispatchEvent(new CustomEvent('click', { bubbles: true }));
-      await page.waitForChanges();
-      expect(page.root).toMatchSnapshot();
-    });
-    test.each([true, false])('Should toggle edit panel title', async (titleEditable) => {
-      const page = await getPage({ identifier: 'identifier', panelTitle: 'panel title', titleEditable });
-      const mgPanel = page.doc.querySelector('mg-panel');
-      const editButton = mgPanel.shadowRoot.querySelector('.mg-c-panel__header-title mg-button[is-icon]');
-      expect(page.root).toMatchSnapshot();
-      if (titleEditable) {
-        editButton.dispatchEvent(new CustomEvent('click', { bubbles: true }));
-        await page.waitForChanges();
-        expect(page.root).toMatchSnapshot();
-        editButton.dispatchEvent(new CustomEvent('click', { bubbles: true }));
-        jest.runOnlyPendingTimers();
-        await page.waitForChanges();
-        expect(page.root).toMatchSnapshot();
-      }
-    });
-    test.each(['first-of-type', 'last-of-type'])('should update panel title, case %s', async (lastAction) => {
-      const updatedPanelTitle = 'Updated panel title';
-      const args = { identifier: 'identifier', panelTitle: 'panel title', titleEditable: true };
-      const page = await getPage(args);
-      const mgPanel = page.doc.querySelector('mg-panel');
-      const editButton = mgPanel.shadowRoot.querySelector('.mg-c-panel__header-title mg-button[is-icon]');
-      expect(page.root).toMatchSnapshot();
-      jest.spyOn(page.rootInstance.titleChange, 'emit');
-      editButton.dispatchEvent(new CustomEvent('click', { bubbles: true }));
-      await page.waitForChanges();
-      expect(page.root).toMatchSnapshot();
-      const mgInputText = mgPanel.shadowRoot.querySelector('mg-input-text');
-      const input = mgInputText.shadowRoot.querySelector('input');
-      input.value = updatedPanelTitle;
-      input.dispatchEvent(new CustomEvent('input', { bubbles: true }));
-      await page.waitForChanges();
-      input.dispatchEvent(new CustomEvent('blur', { bubbles: true }));
-      await page.waitForChanges();
-      const afterInputAction = mgPanel.shadowRoot.querySelector(`.mg-c-panel__header-title mg-input-text mg-button:${lastAction}`);
-      afterInputAction.dispatchEvent(new CustomEvent('click', { bubbles: true }));
-      jest.runOnlyPendingTimers();
-      await page.waitForChanges();
-      expect(page.root).toMatchSnapshot();
-      if (lastAction === 'last-of-type') {
-        expect(mgPanel.panelTitle).toBe(updatedPanelTitle);
-        expect(page.rootInstance.titleChange.emit).toHaveBeenCalledWith(updatedPanelTitle);
-      }
-      else {
-        expect(mgPanel.panelTitle).toBe(args.panelTitle);
-        expect(page.rootInstance.titleChange.emit).not.toHaveBeenCalled();
-      }
-    });
-    test('should NOT update panel title, case no enter in input', async () => {
-      const updatedPanelTitle = 'Updated panel title';
-      const args = { identifier: 'identifier', panelTitle: 'panel title', titleEditable: true };
-      const page = await getPage(args);
-      const mgPanel = page.doc.querySelector('mg-panel');
-      const editButton = mgPanel.shadowRoot.querySelector('.mg-c-panel__header-title mg-button[is-icon]');
-      expect(page.root).toMatchSnapshot();
-      jest.spyOn(page.rootInstance.titleChange, 'emit');
-      editButton.dispatchEvent(new CustomEvent('click', { bubbles: true }));
-      await page.waitForChanges();
-      expect(page.root).toMatchSnapshot();
-      const mgInputText = mgPanel.shadowRoot.querySelector('mg-input-text');
-      const input = mgInputText.shadowRoot.querySelector('input');
-      input.dispatchEvent(new CustomEvent('blur', { bubbles: true }));
-      await page.waitForChanges();
-      const afterInputAction = mgPanel.shadowRoot.querySelector('.mg-c-panel__header-title mg-input-text mg-button:last-of-type');
-      afterInputAction.dispatchEvent(new CustomEvent('click', { bubbles: true }));
-      jest.runOnlyPendingTimers();
-      await page.waitForChanges();
-      expect(page.root).toMatchSnapshot();
-      expect(mgPanel.panelTitle).toBe(args.panelTitle);
-      expect(page.rootInstance.titleChange.emit).not.toHaveBeenCalledWith(updatedPanelTitle);
-    });
-    test('Should NOT update panel title, case input new value does NOT match pattern', async () => {
-      const updatedPanelTitle = 'joker';
-      const args = {
-        identifier: 'identifier',
-        panelTitle: 'panel title',
-        titleEditable: true,
-        titlePattern: '^(?!(joker)$)[a-z A-Z0-9s]+$',
-        titlePatternErrorMessage: "You can't enter a bad guy !",
-      };
-      const page = await getPage(args);
-      const mgPanel = page.doc.querySelector('mg-panel');
-      const editButton = mgPanel.shadowRoot.querySelector('.mg-c-panel__header-title mg-button[is-icon]');
-      expect(page.root).toMatchSnapshot();
-      jest.spyOn(page.rootInstance.titleChange, 'emit');
-      // first switch to title edition
-      editButton.dispatchEvent(new CustomEvent('click', { bubbles: true }));
-      await page.waitForChanges();
-      expect(page.root).toMatchSnapshot();
-      const mgInputText = mgPanel.shadowRoot.querySelector('mg-input-text');
-      const input = mgInputText.shadowRoot.querySelector('input');
-      input.checkValidity = jest.fn(() => false);
-      Object.defineProperty(input, 'validity', {
-        get: jest.fn(() => ({
-          patternMismatch: false,
-        })),
-      });
-      // second update title with a falsy update title
-      input.value = updatedPanelTitle;
-      input.dispatchEvent(new CustomEvent('input', { bubbles: true }));
-      await page.waitForChanges();
-      input.dispatchEvent(new CustomEvent('blur', { bubbles: true }));
-      await page.waitForChanges();
-      // and click on validate button
-      const afterInputAction = mgPanel.shadowRoot.querySelector('.mg-c-panel__header-title mg-input-text mg-button:last-of-type');
-      afterInputAction.dispatchEvent(new CustomEvent('click', { bubbles: true }));
-      jest.runOnlyPendingTimers();
-      await page.waitForChanges();
-      expect(page.root).toMatchSnapshot();
-      expect(mgPanel.panelTitle).toBe(args.panelTitle);
-      expect(page.rootInstance.titleChange.emit).not.toHaveBeenCalledWith(updatedPanelTitle);
-      // finaly return to default view by clicking on cancel button
-      const cancelAction = mgPanel.shadowRoot.querySelector('.mg-c-panel__header-title mg-input-text mg-button:last-of-type');
-      cancelAction.dispatchEvent(new CustomEvent('click', { bubbles: true }));
-      jest.runOnlyPendingTimers();
-      await page.waitForChanges();
-      expect(page.root).toMatchSnapshot();
-    });
-  });
-});
-//# sourceMappingURL=mg-panel.spec.js.map

package/dist/collection/components/molecules/mg-panel/test/mg-panel.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mg-panel.spec.js","sourceRoot":"","sources":["../../../../../src/components/molecules/mg-panel/test/mg-panel.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport { newSpecPage } from '@stencil/core/testing';\nimport { MgPanel } from '../mg-panel';\n\nimport { MgButton } from '../../../atoms/mg-button/mg-button';\nimport { MgInputText } from '../../inputs/mg-input-text/mg-input-text';\nimport { expandToggleDisplays, titlePositions } from '../mg-panel.conf';\n\nconst getPage = (args, slot?) => {\n  const page = newSpecPage({\n    components: [MgPanel, MgButton, MgInputText],\n    template: () => <mg-panel {...args}>{slot}</mg-panel>,\n  });\n  jest.runAllTimers();\n\n  return page;\n};\n\ndescribe('mg-panel', () => {\n  beforeAll(() => (global.HTMLInputElement.prototype.focus = jest.fn()));\n  afterAll(() => delete global.HTMLInputElement.prototype.focus);\n\n  beforeEach(() => jest.useFakeTimers());\n  afterEach(() => jest.runOnlyPendingTimers());\n\n  test.each([\n    { identifier: 'identifier', panelTitle: 'panel title' },\n    { identifier: 'identifier', panelTitle: 'panel title', expanded: true },\n    { identifier: 'identifier', panelTitle: 'panel title', titleEditable: true },\n    { identifier: 'identifier', panelTitle: 'panel title', titleEditable: true, titlePattern: /joker/, titlePatternErrorMessage: \"You can't enter a bad guy !\" },\n    { identifier: 'identifier', panelTitle: 'panel title', titleEditable: true, lang: 'fr' },\n    { identifier: 'identifier', panelTitle: 'panel title', titleEditable: true, lang: 'xx' },\n    ...titlePositions.map(titlePosition => ({ identifier: 'identifier', panelTitle: 'panel title', titlePosition })),\n    ...expandToggleDisplays.map(expandToggleDisplay => ({ identifier: 'identifier', panelTitle: 'panel title', expandToggleDisplay })),\n    ...expandToggleDisplays.map(expandToggleDisplay => ({ identifier: 'identifier', panelTitle: 'panel title', titleEditable: true, expandToggleDisplay })),\n  ])('Should render with args %s:', async args => {\n    const { root } = await getPage(args);\n    expect(root).toMatchSnapshot();\n  });\n\n  describe('errors', () => {\n    test('Should throw error when props association are unauthorized %s:', async () => {\n      expect.assertions(1);\n      try {\n        await getPage({ identifier: 'identifier', panelTitle: 'panel title', titlePattern: /joker/ });\n      } catch (err) {\n        expect(err.message).toBe('<mg-panel> prop \"titleEditable\" must be set to \"true\".');\n      }\n    });\n\n    test.each(['', ' ', undefined])('Should not render with invalid panelTitle property: %s', async panelTitle => {\n      expect.assertions(1);\n      try {\n        await getPage({ panelTitle });\n      } catch (err) {\n        expect(err.message).toMatch('<mg-panel> prop \"panelTitle\" is required.');\n      }\n    });\n\n    test.each(['', ' ', 'batman'].map(titlePosition => ({ panelTitle: 'panel title', titlePosition })))(\n      'Should throw an error when prop \"titlePosition\" is invalid',\n      async props => {\n        try {\n          await getPage(props);\n        } catch (err) {\n          expect(err.message).toMatch(`<mg-panel> prop \"titlePosition\" must be one of: ${titlePositions.join(', ')}.`);\n        }\n      },\n    );\n\n    test.each(['', ' ', 'batman'].map(expandToggleDisplay => ({ panelTitle: 'panel title', expandToggleDisplay })))(\n      'Should throw an error when prop \"expandToggleDisplay\" is invalid',\n      async props => {\n        try {\n          await getPage(props);\n        } catch (err) {\n          expect(err.message).toMatch(`<mg-panel> prop \"expandToggleDisplay\" must be one of: ${expandToggleDisplays.join(', ')}.`);\n        }\n      },\n    );\n  });\n\n  describe('navigation', () => {\n    test.each([true, false])('Should toggle collapse panel, expanded %s', async expanded => {\n      const page = await getPage({ identifier: 'identifier', panelTitle: 'panel title', expanded });\n      const mgPanel = page.doc.querySelector('mg-panel');\n      const collapseButton = mgPanel.shadowRoot.querySelector('mg-button:first-of-type');\n\n      const spy = jest.spyOn(page.rootInstance.expandedChange, 'emit');\n\n      expect(page.root).toMatchSnapshot();\n\n      collapseButton.dispatchEvent(new CustomEvent('click', { bubbles: true }));\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n\n      collapseButton.dispatchEvent(new CustomEvent('click', { bubbles: true }));\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n\n      expect(spy).toBeCalledTimes(2);\n    });\n\n    test.each([true, false])('Should NOT collapse panel, case expandToggleDisabled = true', async expanded => {\n      const page = await getPage({ identifier: 'identifier', panelTitle: 'panel title', expanded, expandToggleDisabled: true });\n      const mgPanel = page.doc.querySelector('mg-panel');\n      const collapseButton = mgPanel.shadowRoot.querySelector('mg-button:first-of-type');\n\n      expect(page.root).toMatchSnapshot();\n\n      collapseButton.dispatchEvent(new CustomEvent('click', { bubbles: true }));\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n    });\n\n    test.each([true, false])('Should toggle edit panel title', async titleEditable => {\n      const page = await getPage({ identifier: 'identifier', panelTitle: 'panel title', titleEditable });\n      const mgPanel = page.doc.querySelector('mg-panel');\n      const editButton = mgPanel.shadowRoot.querySelector('.mg-c-panel__header-title mg-button[is-icon]');\n\n      expect(page.root).toMatchSnapshot();\n\n      if (titleEditable) {\n        editButton.dispatchEvent(new CustomEvent('click', { bubbles: true }));\n        await page.waitForChanges();\n\n        expect(page.root).toMatchSnapshot();\n\n        editButton.dispatchEvent(new CustomEvent('click', { bubbles: true }));\n        jest.runOnlyPendingTimers();\n        await page.waitForChanges();\n\n        expect(page.root).toMatchSnapshot();\n      }\n    });\n\n    test.each(['first-of-type', 'last-of-type'])('should update panel title, case %s', async lastAction => {\n      const updatedPanelTitle = 'Updated panel title';\n      const args = { identifier: 'identifier', panelTitle: 'panel title', titleEditable: true };\n      const page = await getPage(args);\n      const mgPanel = page.doc.querySelector('mg-panel');\n      const editButton = mgPanel.shadowRoot.querySelector('.mg-c-panel__header-title mg-button[is-icon]');\n\n      expect(page.root).toMatchSnapshot();\n\n      jest.spyOn(page.rootInstance.titleChange, 'emit');\n\n      editButton.dispatchEvent(new CustomEvent('click', { bubbles: true }));\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n\n      const mgInputText = mgPanel.shadowRoot.querySelector('mg-input-text');\n      const input = mgInputText.shadowRoot.querySelector('input');\n\n      input.value = updatedPanelTitle;\n      input.dispatchEvent(new CustomEvent('input', { bubbles: true }));\n      await page.waitForChanges();\n\n      input.dispatchEvent(new CustomEvent('blur', { bubbles: true }));\n      await page.waitForChanges();\n\n      const afterInputAction = mgPanel.shadowRoot.querySelector(`.mg-c-panel__header-title mg-input-text mg-button:${lastAction}`);\n\n      afterInputAction.dispatchEvent(new CustomEvent('click', { bubbles: true }));\n      jest.runOnlyPendingTimers();\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n\n      if (lastAction === 'last-of-type') {\n        expect(mgPanel.panelTitle).toBe(updatedPanelTitle);\n        expect(page.rootInstance.titleChange.emit).toHaveBeenCalledWith(updatedPanelTitle);\n      } else {\n        expect(mgPanel.panelTitle).toBe(args.panelTitle);\n        expect(page.rootInstance.titleChange.emit).not.toHaveBeenCalled();\n      }\n    });\n\n    test('should NOT update panel title, case no enter in input', async () => {\n      const updatedPanelTitle = 'Updated panel title';\n      const args = { identifier: 'identifier', panelTitle: 'panel title', titleEditable: true };\n      const page = await getPage(args);\n      const mgPanel = page.doc.querySelector('mg-panel');\n      const editButton = mgPanel.shadowRoot.querySelector('.mg-c-panel__header-title mg-button[is-icon]');\n\n      expect(page.root).toMatchSnapshot();\n\n      jest.spyOn(page.rootInstance.titleChange, 'emit');\n\n      editButton.dispatchEvent(new CustomEvent('click', { bubbles: true }));\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n\n      const mgInputText = mgPanel.shadowRoot.querySelector('mg-input-text');\n      const input = mgInputText.shadowRoot.querySelector('input');\n\n      input.dispatchEvent(new CustomEvent('blur', { bubbles: true }));\n      await page.waitForChanges();\n\n      const afterInputAction = mgPanel.shadowRoot.querySelector('.mg-c-panel__header-title mg-input-text mg-button:last-of-type');\n\n      afterInputAction.dispatchEvent(new CustomEvent('click', { bubbles: true }));\n      jest.runOnlyPendingTimers();\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n\n      expect(mgPanel.panelTitle).toBe(args.panelTitle);\n      expect(page.rootInstance.titleChange.emit).not.toHaveBeenCalledWith(updatedPanelTitle);\n    });\n\n    test('Should NOT update panel title, case input new value does NOT match pattern', async () => {\n      const updatedPanelTitle = 'joker';\n      const args = {\n        identifier: 'identifier',\n        panelTitle: 'panel title',\n        titleEditable: true,\n        titlePattern: '^(?!(joker)$)[a-z A-Z0-9s]+$',\n        titlePatternErrorMessage: \"You can't enter a bad guy !\",\n      };\n      const page = await getPage(args);\n      const mgPanel = page.doc.querySelector('mg-panel');\n      const editButton = mgPanel.shadowRoot.querySelector('.mg-c-panel__header-title mg-button[is-icon]');\n\n      expect(page.root).toMatchSnapshot();\n\n      jest.spyOn(page.rootInstance.titleChange, 'emit');\n\n      // first switch to title edition\n      editButton.dispatchEvent(new CustomEvent('click', { bubbles: true }));\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n\n      const mgInputText = mgPanel.shadowRoot.querySelector('mg-input-text');\n      const input = mgInputText.shadowRoot.querySelector('input');\n      input.checkValidity = jest.fn(() => false);\n      Object.defineProperty(input, 'validity', {\n        get: jest.fn(() => ({\n          patternMismatch: false,\n        })),\n      });\n\n      // second update title with a falsy update title\n      input.value = updatedPanelTitle;\n      input.dispatchEvent(new CustomEvent('input', { bubbles: true }));\n      await page.waitForChanges();\n\n      input.dispatchEvent(new CustomEvent('blur', { bubbles: true }));\n      await page.waitForChanges();\n\n      // and click on validate button\n      const afterInputAction = mgPanel.shadowRoot.querySelector('.mg-c-panel__header-title mg-input-text mg-button:last-of-type');\n\n      afterInputAction.dispatchEvent(new CustomEvent('click', { bubbles: true }));\n      jest.runOnlyPendingTimers();\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n\n      expect(mgPanel.panelTitle).toBe(args.panelTitle);\n      expect(page.rootInstance.titleChange.emit).not.toHaveBeenCalledWith(updatedPanelTitle);\n\n      // finaly return to default view by clicking on cancel button\n      const cancelAction = mgPanel.shadowRoot.querySelector('.mg-c-panel__header-title mg-input-text mg-button:last-of-type');\n\n      cancelAction.dispatchEvent(new CustomEvent('click', { bubbles: true }));\n      jest.runOnlyPendingTimers();\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n    });\n  });\n});\n"]}

package/dist/collection/components/molecules/mg-popover/test/mg-popover.e2e.playwright.js

@@ -1,140 +0,0 @@
-import { setPageContent, expect, describe, describeEach, testEach, test } from "../../../../utils/playwright.e2e.test.utils";
-import { renderAttributes } from "../../../../utils/e2e.test.utils";
-const TIMEOUT = 1000;
-describe('mg-popover', () => {
-  describeEach([
-    'auto',
-    'auto-start',
-    'auto-end',
-    'top',
-    'top-start',
-    'top-end',
-    'bottom',
-    'bottom-start',
-    'bottom-end',
-    'right',
-    'right-start',
-    'right-end',
-    'left',
-    'left-start',
-    'left-end',
-  ])('placement %s', placement => {
-    testEach([true, false])('Should render, case hide arrow %s', async (page, arrowHide) => {
-      await setPageContent(page, `<style>mg-button{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}</style>
-        <mg-popover ${renderAttributes({ placement, arrowHide })}>
-        <mg-button>Button</mg-button>
-        <h2 slot="title">Blu bli blo bla</h2>
-        <p slot="content">
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
-          tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-          quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-          consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-          cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
-          non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-        </p>
-        </mg-popover>`, { height: 900, width: 900 });
-      const mgPopover = await page.locator('mg-popover');
-      const mgButton = await page.locator('mg-button');
-      const mgPopoverContent = await page.locator('mg-popover-content');
-      await mgPopover.waitFor({ timeout: TIMEOUT });
-      // display popover on click on slotted element
-      await mgButton.click();
-      await mgPopoverContent.waitFor({ timeout: TIMEOUT });
-      expect(await mgPopoverContent.getAttribute('data-show')).toEqual('');
-      await expect(page.locator('body')).toHaveScreenshot();
-      // hide popover on click on slotted element
-      await mgButton.click();
-      expect(await mgPopoverContent.getAttribute('data-show')).toEqual(null);
-      // display popover on keyboad click event on slotted element
-      await page.keyboard.down('Tab');
-      await page.keyboard.down('Tab');
-      await page.keyboard.down('Enter');
-      await mgPopoverContent.waitFor({ timeout: TIMEOUT });
-      expect(await mgPopoverContent.getAttribute('data-show')).toEqual('');
-      // hide popover on keyboad escape key
-      await page.keyboard.down('Escape');
-      expect(await mgPopoverContent.getAttribute('data-show')).toEqual(null);
-    });
-  });
-  describeEach([
-    '',
-    '<h2 slot="title">Titre un peu plus long un peu plus long un peu plus long un peu plus long un peu plus long un peu plus long un peu plus long un peu plus long un peu plus long un peu plus long un peu plus long</h2>',
-  ])('with or without title %s', title => {
-    test('Should render with close button', async ({ page }) => {
-      await setPageContent(page, `<mg-popover display close-button>
-        <mg-button>Button</mg-button>
-        ${title}
-        <p slot="content">
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
-          tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-          quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-          consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-          cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
-          non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-        </p>
-        </mg-popover>`, { width: 400, height: 350 });
-      await page.locator('mg-popover.hydrated').waitFor({ timeout: TIMEOUT });
-      await expect(page.locator('body')).toHaveScreenshot();
-    });
-  });
-  describeEach(['title', 'content'])('re-position %s slot', slot => {
-    test('should re-position when slot size change', async ({ page }) => {
-      const tagName = slot === 'title' ? 'h2' : 'p';
-      await setPageContent(page, `<style>mg-button{position:fixed;left:50%;transform:translateX(-50%)}</style>
-        <mg-popover ${renderAttributes({ placement: 'bottom-start', display: true })}>
-        <mg-button>Button</mg-button>
-        <${tagName} slot="${slot}">
-          Lorem ipsum
-        </${tagName}>
-        </mg-popover>`, { width: 400, height: 130 });
-      await expect(page.locator('body')).toHaveScreenshot();
-      await page.$eval(`mg-popover-content [slot="${slot}"]`, el => {
-        el.textContent = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit';
-      });
-      await expect(page.locator('body')).toHaveScreenshot();
-    });
-  });
-  test(`should position popover where it have enough place`, async ({ page }) => {
-    await setPageContent(page, `<style>mg-button{position:fixed;left:0;bottom:0}</style>
-      <mg-popover ${renderAttributes({ display: true })}>
-      <mg-button>Button</mg-button>
-      <p slot="content">
-        Lorem ipsum
-      </p>
-      </mg-popover>`, { width: 400, height: 100 });
-    await expect(page.locator('body')).toHaveScreenshot();
-  });
-  describe('style', () => {
-    test('Should render with child mg-card', async ({ page }) => {
-      await setPageContent(page, `<mg-popover display close-button class="custom-popover-card">
-        <mg-button>Button</mg-button>
-        <mg-card slot="content">
-          My custom card
-        </mg-card>
-        </mg-popover>
-        <style>
-          .custom-popover-card {
-            --mg-popover-background-color: var(--color-danger);
-          }
-        </style>
-        `, { width: 150, height: 180 });
-      await page.locator('mg-popover.hydrated').waitFor({ timeout: TIMEOUT });
-      await expect(page.locator('body')).toHaveScreenshot();
-    });
-    testEach(['content', 'title'])('Should render with --mg-popover-max-width %s', async (page, slot) => {
-      await setPageContent(page, `<mg-popover display close-button class="custom-popover">
-        <mg-button>Button</mg-button>
-        <h2 slot="${slot}">Titre un peu plus long un peu plus long un peu plus long un peu plus long un peu plus long un peu plus long un peu plus long un peu plus long un peu plus long un peu plus long un peu plus long</h2>
-        </mg-popover>
-        <style>
-          .custom-popover {
-            --mg-popover-max-width: 10rem;
-          }
-        </style>
-        `, { width: 300, height: 300 });
-      await page.locator('mg-popover.hydrated').waitFor({ timeout: TIMEOUT });
-      await expect(page.locator('body')).toHaveScreenshot();
-    });
-  });
-});
-//# sourceMappingURL=mg-popover.e2e.playwright.js.map

package/dist/collection/components/molecules/mg-popover/test/mg-popover.e2e.playwright.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mg-popover.e2e.playwright.js","sourceRoot":"","sources":["../../../../../src/components/molecules/mg-popover/test/mg-popover.e2e.playwright.ts"],"names":[],"mappings":"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","sourcesContent":["import { setPageContent, expect, describe, describeEach, testEach, PageType, test } from '../../../../utils/playwright.e2e.test.utils';\nimport { renderAttributes } from '../../../../utils/e2e.test.utils';\n\nconst TIMEOUT = 1000;\n\ndescribe('mg-popover', () => {\n  describeEach([\n    'auto',\n    'auto-start',\n    'auto-end',\n    'top',\n    'top-start',\n    'top-end',\n    'bottom',\n    'bottom-start',\n    'bottom-end',\n    'right',\n    'right-start',\n    'right-end',\n    'left',\n    'left-start',\n    'left-end',\n  ])('placement %s', placement => {\n    testEach([true, false])('Should render, case hide arrow %s', async (page: PageType, arrowHide) => {\n      await setPageContent(\n        page,\n        `<style>mg-button{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}</style>\n        <mg-popover ${renderAttributes({ placement, arrowHide })}>\n        <mg-button>Button</mg-button>\n        <h2 slot=\"title\">Blu bli blo bla</h2>\n        <p slot=\"content\">\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\n          tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,\n          quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo\n          consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse\n          cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat\n          non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n        </p>\n        </mg-popover>`,\n        { height: 900, width: 900 },\n      );\n\n      const mgPopover = await page.locator('mg-popover');\n      const mgButton = await page.locator('mg-button');\n      const mgPopoverContent = await page.locator('mg-popover-content');\n\n      await mgPopover.waitFor({ timeout: TIMEOUT });\n\n      // display popover on click on slotted element\n      await mgButton.click();\n\n      await mgPopoverContent.waitFor({ timeout: TIMEOUT });\n\n      expect(await mgPopoverContent.getAttribute('data-show')).toEqual('');\n\n      await expect(page.locator('body')).toHaveScreenshot();\n\n      // hide popover on click on slotted element\n      await mgButton.click();\n\n      expect(await mgPopoverContent.getAttribute('data-show')).toEqual(null);\n\n      // display popover on keyboad click event on slotted element\n      await page.keyboard.down('Tab');\n      await page.keyboard.down('Tab');\n      await page.keyboard.down('Enter');\n\n      await mgPopoverContent.waitFor({ timeout: TIMEOUT });\n      expect(await mgPopoverContent.getAttribute('data-show')).toEqual('');\n\n      // hide popover on keyboad escape key\n      await page.keyboard.down('Escape');\n\n      expect(await mgPopoverContent.getAttribute('data-show')).toEqual(null);\n    });\n  });\n\n  describeEach([\n    '',\n    '<h2 slot=\"title\">Titre un peu plus long un peu plus long un peu plus long un peu plus long un peu plus long un peu plus long un peu plus long un peu plus long un peu plus long un peu plus long un peu plus long</h2>',\n  ])('with or without title %s', title => {\n    test('Should render with close button', async ({ page }) => {\n      await setPageContent(\n        page,\n        `<mg-popover display close-button>\n        <mg-button>Button</mg-button>\n        ${title}\n        <p slot=\"content\">\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\n          tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,\n          quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo\n          consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse\n          cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat\n          non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n        </p>\n        </mg-popover>`,\n        { width: 400, height: 350 },\n      );\n\n      await page.locator('mg-popover.hydrated').waitFor({ timeout: TIMEOUT });\n\n      await expect(page.locator('body')).toHaveScreenshot();\n    });\n  });\n\n  describeEach(['title', 'content'])('re-position %s slot', slot => {\n    test('should re-position when slot size change', async ({ page }) => {\n      const tagName = slot === 'title' ? 'h2' : 'p';\n      await setPageContent(\n        page,\n        `<style>mg-button{position:fixed;left:50%;transform:translateX(-50%)}</style>\n        <mg-popover ${renderAttributes({ placement: 'bottom-start', display: true })}>\n        <mg-button>Button</mg-button>\n        <${tagName} slot=\"${slot}\">\n          Lorem ipsum\n        </${tagName}>\n        </mg-popover>`,\n        { width: 400, height: 130 },\n      );\n\n      await expect(page.locator('body')).toHaveScreenshot();\n\n      await page.$eval(`mg-popover-content [slot=\"${slot}\"]`, el => {\n        el.textContent = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit';\n      });\n\n      await expect(page.locator('body')).toHaveScreenshot();\n    });\n  });\n\n  test(`should position popover where it have enough place`, async ({ page }) => {\n    await setPageContent(\n      page,\n      `<style>mg-button{position:fixed;left:0;bottom:0}</style>\n      <mg-popover ${renderAttributes({ display: true })}>\n      <mg-button>Button</mg-button>\n      <p slot=\"content\">\n        Lorem ipsum\n      </p>\n      </mg-popover>`,\n      { width: 400, height: 100 },\n    );\n\n    await expect(page.locator('body')).toHaveScreenshot();\n  });\n\n  describe('style', () => {\n    test('Should render with child mg-card', async ({ page }) => {\n      await setPageContent(\n        page,\n        `<mg-popover display close-button class=\"custom-popover-card\">\n        <mg-button>Button</mg-button>\n        <mg-card slot=\"content\">\n          My custom card\n        </mg-card>\n        </mg-popover>\n        <style>\n          .custom-popover-card {\n            --mg-popover-background-color: var(--color-danger);\n          }\n        </style>\n        `,\n        { width: 150, height: 180 },\n      );\n\n      await page.locator('mg-popover.hydrated').waitFor({ timeout: TIMEOUT });\n\n      await expect(page.locator('body')).toHaveScreenshot();\n    });\n\n    testEach(['content', 'title'])('Should render with --mg-popover-max-width %s', async (page: PageType, slot) => {\n      await setPageContent(\n        page,\n        `<mg-popover display close-button class=\"custom-popover\">\n        <mg-button>Button</mg-button>\n        <h2 slot=\"${slot}\">Titre un peu plus long un peu plus long un peu plus long un peu plus long un peu plus long un peu plus long un peu plus long un peu plus long un peu plus long un peu plus long un peu plus long</h2>\n        </mg-popover>\n        <style>\n          .custom-popover {\n            --mg-popover-max-width: 10rem;\n          }\n        </style>\n        `,\n        { width: 300, height: 300 },\n      );\n\n      await page.locator('mg-popover.hydrated').waitFor({ timeout: TIMEOUT });\n\n      await expect(page.locator('body')).toHaveScreenshot();\n    });\n  });\n});\n"]}

package/dist/collection/components/molecules/mg-popover/test/mg-popover.spec.js

@@ -1,142 +0,0 @@
-import { h } from "@stencil/core";
-import { newSpecPage } from "@stencil/core/testing";
-import { MgPopover } from "../mg-popover";
-import { MgButton } from "../../../atoms/mg-button/mg-button";
-import { mockConsoleError, mockWindowFrames, setupResizeObserverMock } from "../../../../utils/unit.test.utils";
-import { MgPopoverContent } from "../mg-popover-content/mg-popover-content";
-mockConsoleError();
-mockWindowFrames();
-const getPage = (args, slot, parent) => {
-  const popover = () => h("mg-popover", Object.assign({}, args), slot);
-  return newSpecPage({
-    components: [MgPopover, MgPopoverContent, MgButton],
-    template: () => (parent ? h("span", { "data-mg-popover-guard": args.identifier }, popover()) : popover()),
-  });
-};
-describe('mg-popover', () => {
-  let fireRo;
-  beforeEach(() => {
-    jest.useFakeTimers();
-    setupResizeObserverMock({
-      observe: function () {
-        fireRo = this.cb;
-      },
-      disconnect: function () {
-        return null;
-      },
-    });
-  });
-  afterEach(() => jest.clearAllTimers());
-  test.each([
-    { identifier: 'identifier' },
-    { identifier: 'identifier', placement: 'auto' },
-    { identifier: 'identifier', display: true },
-    { identifier: 'identifier', closeButton: true },
-    { identifier: 'identifier', display: true },
-    { identifier: 'identifier', closeButton: true, lang: 'fr' },
-    { identifier: 'identifier', closeButton: true, lang: 'xx' },
-    { identifier: 'identifier', arrowHide: true },
-  ])('Should render with element', async (args) => {
-    const { root } = await getPage(args, [
-      h("h2", { slot: "title" }, "Blu bli blo bla"),
-      h("p", { slot: "content" }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),
-      h("mg-button", { identifier: "identifier-btn" }, "mg-button"),
-    ]);
-    expect(root).toMatchSnapshot();
-  });
-  test.each([
-    { eventIn: 'click', eventOut: 'clickBtn' },
-    { eventIn: 'click', eventOut: { code: 'Escape' } },
-    { eventIn: 'click', eventOut: 'clickCross' },
-    { eventIn: 'click', eventOut: 'clickDocument' },
-    { eventIn: 'click', eventOut: 'clickPopover' },
-    { eventIn: 'click', eventOut: 'clickGuard' },
-  ])('Should manage display on events %s', async ({ eventIn, eventOut }) => {
-    const args = { identifier: 'identifier', closeButton: true };
-    const page = await getPage(args, [
-      h("h2", { slot: "title" }, "Blu bli blo bla"),
-      h("p", { slot: "content" }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),
-      h("mg-button", { identifier: "identifier-btn" }, "mg-button"),
-    ], eventOut === 'clickGuard');
-    const mgPopover = page.doc.querySelector('mg-popover');
-    const interactiveElement = mgPopover.querySelector(`[aria-controls*='${args.identifier}']`);
-    const popover = mgPopover.querySelector(`#${args.identifier}`);
-    const popoverButton = popover.shadowRoot.querySelector(`mg-button`);
-    const dataGuard = page.doc.querySelector('[data-mg-popover-guard]');
-    const focusSpy = jest.spyOn(interactiveElement, 'focus');
-    const displayChangeSpy = jest.spyOn(page.rootInstance.displayChange, 'emit');
-    interactiveElement.dispatchEvent(new CustomEvent(eventIn, { bubbles: true }));
-    await page.waitForChanges();
-    jest.runAllTimers();
-    expect(popover).toHaveAttribute('data-show');
-    if (typeof eventOut === 'string') {
-      if (eventOut === 'clickBtn') {
-        interactiveElement.dispatchEvent(new Event('click', { bubbles: true }));
-      }
-      else if (eventOut === 'clickCross') {
-        popoverButton.dispatchEvent(new Event('click', { bubbles: true }));
-      }
-      else if (eventOut === 'clickDocument') {
-        document.dispatchEvent(new Event('click', { bubbles: true }));
-      }
-      else if (eventOut === 'clickPopover') {
-        popover.dispatchEvent(new Event('click', { bubbles: true }));
-      }
-      else if (eventOut === 'clickGuard') {
-        dataGuard.dispatchEvent(new Event('click', { bubbles: true }));
-      }
-    }
-    else {
-      mgPopover.dispatchEvent(new KeyboardEvent('keydown', { code: eventOut.code }));
-      expect(focusSpy).toHaveBeenCalled();
-    }
-    await page.waitForChanges();
-    if (typeof eventOut === 'string' && ['clickPopover', 'clickGuard'].includes(eventOut)) {
-      expect(popover).toHaveAttribute('data-show');
-      expect(displayChangeSpy).toHaveBeenCalledWith(true);
-    }
-    else {
-      expect(popover).not.toHaveAttribute('data-show');
-      expect(displayChangeSpy).toHaveBeenCalledWith(false);
-    }
-  });
-  test('Should throw error if slot title element is not a heading', async () => {
-    expect.assertions(1);
-    try {
-      const args = { identifier: 'identifier', closeButton: true };
-      await getPage(args, [
-        h("span", { slot: "title" }, "Blu bli blo bla"),
-        h("p", { slot: "content" }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),
-        h("mg-button", { identifier: "identifier-btn" }, "mg-button"),
-      ]);
-    }
-    catch (err) {
-      expect(err.message).toContain('<mg-popover> Slotted title must be a heading: ');
-    }
-  });
-  test('should update popper instance when slot %s update', async () => {
-    const page = await getPage({ identifier: 'identifier', display: true }, [
-      h("h2", { slot: "title" }, "Blu bli blo bla"),
-      h("p", { slot: "content" }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),
-      h("mg-button", { identifier: "identifier-btn" }, "mg-button"),
-    ]);
-    expect(page.root).toMatchSnapshot();
-    const spy = jest.spyOn(page.rootInstance.popper, 'update');
-    fireRo([]);
-    expect(spy).toHaveBeenCalled();
-    expect(page.root).toMatchSnapshot();
-  });
-  test('should update mg-popover-content id when identifier is updated', async () => {
-    const page = await getPage({ identifier: 'identifier' }, [
-      h("h2", { slot: "title" }, "Blu bli blo bla"),
-      h("p", { slot: "content" }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),
-      h("mg-button", { identifier: "identifier-btn" }, "mg-button"),
-    ]);
-    expect(page.root).toMatchSnapshot();
-    fireRo([]);
-    page.doc.querySelector('mg-popover').identifier = 'new-identifier';
-    await page.waitForChanges();
-    expect(page.root).toMatchSnapshot();
-  });
-});
-//# sourceMappingURL=mg-popover.spec.js.map

package/dist/collection/components/molecules/mg-popover/test/mg-popover.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mg-popover.spec.js","sourceRoot":"","sources":["../../../../../src/components/molecules/mg-popover/test/mg-popover.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport { newSpecPage } from '@stencil/core/testing';\nimport { MgPopover } from '../mg-popover';\nimport { MgButton } from '../../../atoms/mg-button/mg-button';\nimport { mockConsoleError, mockWindowFrames, setupResizeObserverMock } from '../../../../utils/unit.test.utils';\nimport { MgPopoverContent } from '../mg-popover-content/mg-popover-content';\n\nmockConsoleError();\nmockWindowFrames();\n\nconst getPage = (args, slot, parent?: boolean) => {\n  const popover = () => <mg-popover {...args}>{slot}</mg-popover>;\n  return newSpecPage({\n    components: [MgPopover, MgPopoverContent, MgButton],\n    template: () => (parent ? <span data-mg-popover-guard={args.identifier}>{popover()}</span> : popover()),\n  });\n};\n\ndescribe('mg-popover', () => {\n  let fireRo;\n  beforeEach(() => {\n    jest.useFakeTimers();\n    setupResizeObserverMock({\n      observe: function () {\n        fireRo = this.cb;\n      },\n      disconnect: function () {\n        return null;\n      },\n    });\n  });\n  afterEach(() => jest.clearAllTimers());\n\n  test.each([\n    { identifier: 'identifier' },\n    { identifier: 'identifier', placement: 'auto' },\n    { identifier: 'identifier', display: true },\n    { identifier: 'identifier', closeButton: true },\n    { identifier: 'identifier', display: true },\n    { identifier: 'identifier', closeButton: true, lang: 'fr' },\n    { identifier: 'identifier', closeButton: true, lang: 'xx' },\n    { identifier: 'identifier', arrowHide: true },\n  ])('Should render with element', async args => {\n    const { root } = await getPage(args, [\n      <h2 slot=\"title\">Blu bli blo bla</h2>,\n      <p slot=\"content\">\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud\n        exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.\n        Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n      </p>,\n      <mg-button identifier=\"identifier-btn\">mg-button</mg-button>,\n    ]);\n    expect(root).toMatchSnapshot();\n  });\n\n  test.each([\n    { eventIn: 'click', eventOut: 'clickBtn' },\n    { eventIn: 'click', eventOut: { code: 'Escape' } },\n    { eventIn: 'click', eventOut: 'clickCross' },\n    { eventIn: 'click', eventOut: 'clickDocument' },\n    { eventIn: 'click', eventOut: 'clickPopover' },\n    { eventIn: 'click', eventOut: 'clickGuard' },\n  ])('Should manage display on events %s', async ({ eventIn, eventOut }) => {\n    const args = { identifier: 'identifier', closeButton: true };\n    const page = await getPage(\n      args,\n      [\n        <h2 slot=\"title\">Blu bli blo bla</h2>,\n        <p slot=\"content\">\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud\n          exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n        </p>,\n        <mg-button identifier=\"identifier-btn\">mg-button</mg-button>,\n      ],\n      eventOut === 'clickGuard',\n    );\n\n    const mgPopover = page.doc.querySelector('mg-popover');\n    const interactiveElement = mgPopover.querySelector(`[aria-controls*='${args.identifier}']`) as HTMLElement;\n    const popover = mgPopover.querySelector(`#${args.identifier}`);\n    const popoverButton = popover.shadowRoot.querySelector(`mg-button`);\n    const dataGuard = page.doc.querySelector('[data-mg-popover-guard]');\n\n    const focusSpy = jest.spyOn(interactiveElement, 'focus');\n    const displayChangeSpy = jest.spyOn(page.rootInstance.displayChange, 'emit');\n\n    interactiveElement.dispatchEvent(new CustomEvent(eventIn, { bubbles: true }));\n    await page.waitForChanges();\n    jest.runAllTimers();\n\n    expect(popover).toHaveAttribute('data-show');\n\n    if (typeof eventOut === 'string') {\n      if (eventOut === 'clickBtn') {\n        interactiveElement.dispatchEvent(new Event('click', { bubbles: true }));\n      } else if (eventOut === 'clickCross') {\n        popoverButton.dispatchEvent(new Event('click', { bubbles: true }));\n      } else if (eventOut === 'clickDocument') {\n        document.dispatchEvent(new Event('click', { bubbles: true }));\n      } else if (eventOut === 'clickPopover') {\n        popover.dispatchEvent(new Event('click', { bubbles: true }));\n      } else if (eventOut === 'clickGuard') {\n        dataGuard.dispatchEvent(new Event('click', { bubbles: true }));\n      }\n    } else {\n      mgPopover.dispatchEvent(new KeyboardEvent('keydown', { code: eventOut.code }));\n      expect(focusSpy).toHaveBeenCalled();\n    }\n    await page.waitForChanges();\n\n    if (typeof eventOut === 'string' && ['clickPopover', 'clickGuard'].includes(eventOut)) {\n      expect(popover).toHaveAttribute('data-show');\n      expect(displayChangeSpy).toHaveBeenCalledWith(true);\n    } else {\n      expect(popover).not.toHaveAttribute('data-show');\n      expect(displayChangeSpy).toHaveBeenCalledWith(false);\n    }\n  });\n\n  test('Should throw error if slot title element is not a heading', async () => {\n    expect.assertions(1);\n    try {\n      const args = { identifier: 'identifier', closeButton: true };\n      await getPage(args, [\n        <span slot=\"title\">Blu bli blo bla</span>,\n        <p slot=\"content\">\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud\n          exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n        </p>,\n        <mg-button identifier=\"identifier-btn\">mg-button</mg-button>,\n      ]);\n    } catch (err) {\n      expect(err.message).toContain('<mg-popover> Slotted title must be a heading: ');\n    }\n  });\n\n  test('should update popper instance when slot %s update', async () => {\n    const page = await getPage({ identifier: 'identifier', display: true }, [\n      <h2 slot=\"title\">Blu bli blo bla</h2>,\n      <p slot=\"content\">\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud\n        exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.\n        Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n      </p>,\n      <mg-button identifier=\"identifier-btn\">mg-button</mg-button>,\n    ]);\n    expect(page.root).toMatchSnapshot();\n\n    const spy = jest.spyOn(page.rootInstance.popper, 'update');\n\n    fireRo([]);\n\n    expect(spy).toHaveBeenCalled();\n    expect(page.root).toMatchSnapshot();\n  });\n\n  test('should update mg-popover-content id when identifier is updated', async () => {\n    const page = await getPage({ identifier: 'identifier' }, [\n      <h2 slot=\"title\">Blu bli blo bla</h2>,\n      <p slot=\"content\">\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud\n        exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.\n        Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n      </p>,\n      <mg-button identifier=\"identifier-btn\">mg-button</mg-button>,\n    ]);\n    expect(page.root).toMatchSnapshot();\n\n    fireRo([]);\n    page.doc.querySelector('mg-popover').identifier = 'new-identifier';\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n  });\n});\n"]}