@mgdis/mg-components 5.19.3 → 5.20.0

package/dist/collection/components/atoms/mg-tooltip/test/mg-tooltip.spec.js

@@ -1,272 +0,0 @@
-import { h } from "@stencil/core";
-import { newSpecPage } from "@stencil/core/testing";
-import { MgTooltip } from "../mg-tooltip";
-import { MgButton } from "../../mg-button/mg-button";
-import { MgIcon } from "../../mg-icon/mg-icon";
-import { setupMutationObserverMock, mockWindowFrames, mockConsoleError } from "../../../../utils/unit.test.utils";
-import { MgTooltipContent } from "../mg-tooltip-content/mg-tooltip-content";
-mockWindowFrames();
-mockConsoleError();
-const getPage = (args, element) => newSpecPage({
-  components: [MgTooltip, MgTooltipContent, MgButton, MgIcon],
-  template: () => h("mg-tooltip", Object.assign({}, args), element),
-});
-describe('mg-tooltip', () => {
-  let fireMo;
-  beforeEach(() => {
-    jest.useFakeTimers();
-    setupMutationObserverMock({
-      observe: function () {
-        fireMo = this.cb;
-      },
-      disconnect: function () {
-        return null;
-      },
-      takeRecords: () => [],
-    });
-  });
-  afterEach(() => jest.runOnlyPendingTimers());
-  describe.each([
-    () => h("span", null, "span"),
-    () => h("button", { "aria-describedby": "blu" }, "button"),
-    () => h("mg-icon", { icon: "check-circle" }),
-    () => h("mg-button", { identifier: "identifier" }, "mg-button"),
-    () => (h("mg-button", { identifier: "identifier", disabled: true }, "mg-button.disabled")),
-  ])('render', element => {
-    test.each([true, false])('Should render with tooltip', async (disabled) => {
-      const page = await getPage({ identifier: 'identifier', message: 'My tooltip message', disabled }, element());
-      expect(page.root).toMatchSnapshot();
-      const mgTooltip = page.doc.querySelector('mg-tooltip');
-      mgTooltip.disabled = !disabled;
-      await page.waitForChanges();
-      expect(page.root).toMatchSnapshot();
-      mgTooltip.disabled = disabled;
-      await page.waitForChanges();
-      expect(page.root).toMatchSnapshot();
-    });
-  });
-  test('Should render with element with given placement', async () => {
-    const args = { identifier: 'identifier', message: 'My tooltip message', placement: 'auto' };
-    const { root } = await getPage(args, h("span", null, "span"));
-    expect(root).toMatchSnapshot();
-  });
-  test.each(['', ' ', undefined])('Should throw error, case invalid message prop', async (message) => {
-    expect.assertions(1);
-    try {
-      await getPage({ message }, h("span", null, "span"));
-    }
-    catch (err) {
-      expect(err.message).toContain('<mg-tooltip> prop "message" is required.');
-    }
-  });
-  describe.each([
-    { eventIn: 'mouseenter', eventOut: 'mouseleave' },
-    { eventIn: 'focus', eventOut: 'blur' },
-    { eventIn: 'mouseenter', eventOut: 'clickDocument' },
-  ])('Should manage display on events enter with %s, leave with %s', ({ eventIn, eventOut }) => {
-    test.each([
-      h("span", null, "span"),
-      h("button", { "aria-describedby": "blu" }, "button"),
-      h("mg-icon", { icon: "check-circle" }),
-      h("mg-button", { identifier: "identifier-mg-button" }, "mg-button"),
-    ])('element', async (element) => {
-      const args = { identifier: 'identifier', message: 'blu' };
-      const page = await getPage(args, element);
-      const mgTooltip = page.doc.querySelector('mg-tooltip');
-      const linkedTooltipElement = mgTooltip.querySelector(`[aria-describedby*='${args.identifier}']`);
-      const tooltip = mgTooltip.querySelector(`#${args.identifier}`);
-      linkedTooltipElement.dispatchEvent(new CustomEvent(eventIn, { bubbles: true }));
-      // flush windows addEventListener timeout
-      jest.runOnlyPendingTimers();
-      await page.waitForChanges();
-      expect(page.root).toMatchSnapshot();
-      expect(tooltip).toHaveAttribute('data-show');
-      if (eventOut !== 'clickDocument')
-        linkedTooltipElement.dispatchEvent(new CustomEvent(eventOut, { bubbles: true }));
-      else
-        page.doc.dispatchEvent(new Event('click', { bubbles: true }));
-      if (eventOut !== 'blur')
-        jest.runOnlyPendingTimers();
-      await page.waitForChanges();
-      expect(tooltip).not.toHaveAttribute('data-show');
-    });
-    test.each([false, true])('should not call event methods when disabled and display:%s', async (display) => {
-      const args = { identifier: 'identifier', message: 'blu', disabled: true, display };
-      const page = await getPage(args, h("span", null, "span"));
-      const mgTooltip = page.doc.querySelector('mg-tooltip');
-      const linkedTooltipElement = mgTooltip.querySelector(`[aria-describedby*='${args.identifier}']`);
-      const tooltip = mgTooltip.querySelector(`#${args.identifier}`);
-      [eventIn, eventOut].forEach(async (event) => {
-        linkedTooltipElement.dispatchEvent(new CustomEvent(event, { bubbles: true }));
-        await page.waitForChanges();
-        if (display) {
-          expect(tooltip).toHaveAttribute('data-show');
-        }
-        else {
-          expect(tooltip).not.toHaveAttribute('data-show');
-        }
-      });
-    });
-  });
-  test.each([
-    h("span", null, "span"),
-    h("button", { "aria-describedby": "blu" }, "button"),
-    h("mg-icon", { icon: "check-circle" }),
-    h("mg-button", { identifier: "identifier-mg-button" }, "mg-button"),
-  ])('should manage cross mouse and keyboard navigation', async (element) => {
-    const args = { identifier: 'identifier', message: 'blu' };
-    const page = await getPage(args, element);
-    const mgTooltip = page.doc.querySelector('mg-tooltip');
-    const linkedTooltipElement = mgTooltip.querySelector(`[aria-describedby*='${args.identifier}']`);
-    const tooltip = mgTooltip.querySelector(`#${args.identifier}`);
-    linkedTooltipElement.dispatchEvent(new CustomEvent('focus', { bubbles: true }));
-    await page.waitForChanges();
-    expect(tooltip).toHaveAttribute('data-show');
-    page.doc.dispatchEvent(new KeyboardEvent('keydown', { code: 'Escape' }));
-    await page.waitForChanges();
-    expect(tooltip).not.toHaveAttribute('data-show');
-    linkedTooltipElement.dispatchEvent(new CustomEvent('mouseenter', { bubbles: true }));
-    await page.waitForChanges();
-    expect(tooltip).toHaveAttribute('data-show');
-    linkedTooltipElement.dispatchEvent(new CustomEvent('mouseleave', { bubbles: true }));
-    // flush windows addEventListener timeout
-    jest.runOnlyPendingTimers();
-    await page.waitForChanges();
-    expect(tooltip).not.toHaveAttribute('data-show');
-  });
-  test.each([true, false])('Should toggle tooltip from prop display, case display %s', async (display) => {
-    const args = { identifier: 'identifier', message: 'batman', display };
-    const page = await getPage(args, h("span", null, "batman"));
-    const mgTooltip = page.doc.querySelector('mg-tooltip');
-    const tooltip = mgTooltip.querySelector(`#${args.identifier}`);
-    expect(page.root).toMatchSnapshot();
-    if (display) {
-      expect(tooltip).toHaveAttribute('data-show');
-    }
-    else {
-      expect(tooltip).not.toHaveAttribute('data-show');
-    }
-    page.rootInstance.display = !display;
-    await page.waitForChanges();
-    expect(page.root).toMatchSnapshot();
-    if (display) {
-      expect(tooltip).not.toHaveAttribute('data-show');
-    }
-    else {
-      expect(tooltip).toHaveAttribute('data-show');
-    }
-  });
-  describe('hide method', () => {
-    test.each(['Tab', 'Space', 'Enter', 'i'])('should prevent keyboardEvent, case not "Escape" code', async (code) => {
-      const args = { identifier: 'identifier', message: 'batman' };
-      const page = await getPage(args, h("span", { id: "batman" }, "batman"));
-      const mgTooltip = page.doc.querySelector('mg-tooltip');
-      const tooltip = mgTooltip.querySelector(`#${args.identifier}`);
-      const element = page.doc.getElementById('batman');
-      element.dispatchEvent(new CustomEvent('focus', { bubbles: true }));
-      await page.waitForChanges();
-      expect(tooltip).toHaveAttribute('data-show');
-      page.doc.dispatchEvent(new KeyboardEvent('keydown', { code }));
-      await page.waitForChanges();
-      expect(tooltip).toHaveAttribute('data-show');
-    });
-    test('should hide tooltip with keyboardEvent, case "Escape" code', async () => {
-      const args = { identifier: 'identifier', message: 'batman' };
-      const page = await getPage(args, h("span", { id: "batman" }, "batman"));
-      const mgTooltip = page.doc.querySelector('mg-tooltip');
-      const tooltip = mgTooltip.querySelector(`#${args.identifier}`);
-      const element = page.doc.getElementById('batman');
-      element.dispatchEvent(new CustomEvent('focus', { bubbles: true }));
-      await page.waitForChanges();
-      expect(tooltip).toHaveAttribute('data-show');
-      page.doc.dispatchEvent(new KeyboardEvent('keydown', { code: 'Escape' }));
-      await page.waitForChanges();
-      expect(tooltip).not.toHaveAttribute('data-show');
-    });
-  });
-  test('Should keep displayed tooltip when hover it', async () => {
-    const element = h("span", null, "span");
-    const eventIn = 'mouseenter';
-    const eventOut = 'mouseleave';
-    const args = { identifier: 'identifier', message: 'blu' };
-    const page = await getPage(args, element);
-    const mgTooltip = page.doc.querySelector('mg-tooltip');
-    const linkedTooltipElement = mgTooltip.querySelector(`[aria-describedby*='${args.identifier}']`);
-    const tooltip = mgTooltip.querySelector(`#${args.identifier}`);
-    // 1. hover tooltipedElement and display tooltip
-    linkedTooltipElement.dispatchEvent(new CustomEvent(eventIn, { bubbles: true }));
-    await page.waitForChanges();
-    expect(page.root).toMatchSnapshot();
-    expect(tooltip).toHaveAttribute('data-show');
-    // 2.1 leave tooltipedElement and tooltip stay displayed
-    linkedTooltipElement.dispatchEvent(new CustomEvent(eventOut, { bubbles: true }));
-    await page.waitForChanges();
-    expect(tooltip).toHaveAttribute('data-show');
-    // 2.2 hover on tooltipedElement and tooltip stay displayed
-    tooltip.dispatchEvent(new CustomEvent(eventIn, { bubbles: true }));
-    await page.waitForChanges();
-    // 2.3 flush promise to keep tooltip display thanks to guard
-    jest.advanceTimersByTime(200);
-    await page.waitForChanges();
-    expect(tooltip).toHaveAttribute('data-show');
-    // 3 leave tooltipElement
-    tooltip.dispatchEvent(new CustomEvent(eventOut, { bubbles: true }));
-    await page.waitForChanges();
-    // 3.2 flush promise to pass tooltip guard and hide it
-    jest.advanceTimersByTime(200);
-    await page.waitForChanges();
-    expect(tooltip).not.toHaveAttribute('data-show');
-  });
-  test('Should prevent focus guard with click event', async () => {
-    const args = { identifier: 'identifier', message: 'batman' };
-    const page = await getPage(args, h("mg-button", null, "batman"));
-    const mgTooltip = page.doc.querySelector('mg-tooltip');
-    const tooltip = mgTooltip.querySelector(`#${args.identifier}`);
-    const element = page.doc.querySelector('mg-button');
-    element.dispatchEvent(new MouseEvent('mouseenter', { bubbles: true }));
-    await page.waitForChanges();
-    expect(tooltip).toHaveAttribute('data-show');
-    // recompose a click event as click event is not properly mock by jest `mousedown` + `focus` + `mouseup`
-    for (const event of ['mousedown', 'focus', 'mouseup']) {
-      const Constructor = event === 'focus' ? FocusEvent : MouseEvent;
-      element.dispatchEvent(new Constructor(event, { bubbles: true }));
-      await page.waitForChanges();
-    }
-    expect(tooltip).toHaveAttribute('data-show');
-    element.dispatchEvent(new MouseEvent('mouseleave', { bubbles: true }));
-    await page.waitForChanges();
-    jest.runOnlyPendingTimers();
-    expect(tooltip).not.toHaveAttribute('data-show');
-  });
-  test.each(['button', 'mg-button'])('Should update %s wrapper dynamically', async (TagName) => {
-    const page = await getPage({ identifier: 'identifier', message: 'My tooltip message' }, h(TagName, { identifier: "identifier", disabled: true }, TagName, ".disabled"));
-    expect(page.root).toMatchSnapshot();
-    // Mock replaceWith
-    const mgTooltip = page.doc.querySelector('mg-tooltip');
-    mgTooltip.firstElementChild.replaceWith = jest.fn(element => {
-      mgTooltip.innerHTML = element.parentElement.innerHTML;
-    });
-    const mgButton = page.doc.querySelector(TagName);
-    mgButton.disabled = false;
-    fireMo([{ attributeName: TagName === 'MG-BUTTON' ? 'aria-disabled' : 'disabled' }]);
-    await page.waitForChanges();
-    expect(page.root).toMatchSnapshot();
-  });
-  test('Should update popper instance when "message" prop change', async () => {
-    const page = await getPage({ identifier: 'identifier', message: 'My tooltip message' }, h("mg-button", { identifier: "identifier", disabled: true }, "mg-button.disabled"));
-    const spy = jest.spyOn(page.rootInstance.popper, 'update');
-    const mgTooltip = page.doc.querySelector('mg-tooltip');
-    mgTooltip.message = 'my new message';
-    await page.waitForChanges();
-    expect(spy).toHaveBeenCalled();
-  });
-  test('should update mg-popover-content id when "identifier" is updated', async () => {
-    const page = await getPage({ identifier: 'identifier', message: 'My tooltip message' }, h("mg-button", { identifier: "identifier", disabled: true }, "mg-button.disabled"));
-    expect(page.root).toMatchSnapshot();
-    const mgTooltip = page.doc.querySelector('mg-tooltip');
-    mgTooltip.identifier = 'new-identifier';
-    await page.waitForChanges();
-    expect(page.root).toMatchSnapshot();
-  });
-});
-//# sourceMappingURL=mg-tooltip.spec.js.map

package/dist/collection/components/atoms/mg-tooltip/test/mg-tooltip.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mg-tooltip.spec.js","sourceRoot":"","sources":["../../../../../src/components/atoms/mg-tooltip/test/mg-tooltip.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport { newSpecPage } from '@stencil/core/testing';\nimport { MgTooltip } from '../mg-tooltip';\nimport { MgButton } from '../../mg-button/mg-button';\nimport { MgIcon } from '../../mg-icon/mg-icon';\nimport { setupMutationObserverMock, mockWindowFrames, mockConsoleError } from '../../../../utils/unit.test.utils';\nimport { MgTooltipContent } from '../mg-tooltip-content/mg-tooltip-content';\n\nmockWindowFrames();\nmockConsoleError();\n\nconst getPage = (args, element) =>\n  newSpecPage({\n    components: [MgTooltip, MgTooltipContent, MgButton, MgIcon],\n    template: () => <mg-tooltip {...args}>{element}</mg-tooltip>,\n  });\n\ndescribe('mg-tooltip', () => {\n  let fireMo;\n\n  beforeEach(() => {\n    jest.useFakeTimers();\n    setupMutationObserverMock({\n      observe: function () {\n        fireMo = this.cb;\n      },\n      disconnect: function () {\n        return null;\n      },\n      takeRecords: () => [],\n    });\n  });\n\n  afterEach(() => jest.runOnlyPendingTimers());\n\n  describe.each([\n    () => <span>span</span>,\n    () => <button aria-describedby=\"blu\">button</button>,\n    () => <mg-icon icon=\"check-circle\"></mg-icon>,\n    () => <mg-button identifier=\"identifier\">mg-button</mg-button>,\n    () => (\n      <mg-button identifier=\"identifier\" disabled>\n        mg-button.disabled\n      </mg-button>\n    ),\n  ])('render', element => {\n    test.each([true, false])('Should render with tooltip', async disabled => {\n      const page = await getPage({ identifier: 'identifier', message: 'My tooltip message', disabled }, element());\n      expect(page.root).toMatchSnapshot();\n\n      const mgTooltip = page.doc.querySelector('mg-tooltip');\n      mgTooltip.disabled = !disabled;\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n\n      mgTooltip.disabled = disabled;\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n    });\n  });\n\n  test('Should render with element with given placement', async () => {\n    const args = { identifier: 'identifier', message: 'My tooltip message', placement: 'auto' };\n    const { root } = await getPage(args, <span>span</span>);\n    expect(root).toMatchSnapshot();\n  });\n\n  test.each(['', ' ', undefined])('Should throw error, case invalid message prop', async message => {\n    expect.assertions(1);\n    try {\n      await getPage({ message }, <span>span</span>);\n    } catch (err) {\n      expect(err.message).toContain('<mg-tooltip> prop \"message\" is required.');\n    }\n  });\n\n  describe.each([\n    { eventIn: 'mouseenter', eventOut: 'mouseleave' },\n    { eventIn: 'focus', eventOut: 'blur' },\n    { eventIn: 'mouseenter', eventOut: 'clickDocument' },\n  ])('Should manage display on events enter with %s, leave with %s', ({ eventIn, eventOut }) => {\n    test.each([\n      <span>span</span>,\n      <button aria-describedby=\"blu\">button</button>,\n      <mg-icon icon=\"check-circle\"></mg-icon>,\n      <mg-button identifier=\"identifier-mg-button\">mg-button</mg-button>,\n    ])('element', async element => {\n      const args = { identifier: 'identifier', message: 'blu' };\n      const page = await getPage(args, element);\n      const mgTooltip = page.doc.querySelector('mg-tooltip');\n      const linkedTooltipElement = mgTooltip.querySelector(`[aria-describedby*='${args.identifier}']`);\n      const tooltip = mgTooltip.querySelector(`#${args.identifier}`);\n\n      linkedTooltipElement.dispatchEvent(new CustomEvent(eventIn, { bubbles: true }));\n\n      // flush windows addEventListener timeout\n      jest.runOnlyPendingTimers();\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n      expect(tooltip).toHaveAttribute('data-show');\n\n      if (eventOut !== 'clickDocument') linkedTooltipElement.dispatchEvent(new CustomEvent(eventOut, { bubbles: true }));\n      else page.doc.dispatchEvent(new Event('click', { bubbles: true }));\n\n      if (eventOut !== 'blur') jest.runOnlyPendingTimers();\n\n      await page.waitForChanges();\n\n      expect(tooltip).not.toHaveAttribute('data-show');\n    });\n\n    test.each([false, true])('should not call event methods when disabled and display:%s', async display => {\n      const args = { identifier: 'identifier', message: 'blu', disabled: true, display };\n      const page = await getPage(args, <span>span</span>);\n      const mgTooltip = page.doc.querySelector('mg-tooltip');\n      const linkedTooltipElement = mgTooltip.querySelector(`[aria-describedby*='${args.identifier}']`);\n      const tooltip = mgTooltip.querySelector(`#${args.identifier}`);\n\n      [eventIn, eventOut].forEach(async event => {\n        linkedTooltipElement.dispatchEvent(new CustomEvent(event, { bubbles: true }));\n        await page.waitForChanges();\n        if (display) {\n          expect(tooltip).toHaveAttribute('data-show');\n        } else {\n          expect(tooltip).not.toHaveAttribute('data-show');\n        }\n      });\n    });\n  });\n\n  test.each([\n    <span>span</span>,\n    <button aria-describedby=\"blu\">button</button>,\n    <mg-icon icon=\"check-circle\"></mg-icon>,\n    <mg-button identifier=\"identifier-mg-button\">mg-button</mg-button>,\n  ])('should manage cross mouse and keyboard navigation', async element => {\n    const args = { identifier: 'identifier', message: 'blu' };\n    const page = await getPage(args, element);\n    const mgTooltip = page.doc.querySelector('mg-tooltip');\n    const linkedTooltipElement = mgTooltip.querySelector(`[aria-describedby*='${args.identifier}']`);\n    const tooltip = mgTooltip.querySelector(`#${args.identifier}`);\n\n    linkedTooltipElement.dispatchEvent(new CustomEvent('focus', { bubbles: true }));\n    await page.waitForChanges();\n    expect(tooltip).toHaveAttribute('data-show');\n\n    page.doc.dispatchEvent(new KeyboardEvent('keydown', { code: 'Escape' }));\n    await page.waitForChanges();\n    expect(tooltip).not.toHaveAttribute('data-show');\n\n    linkedTooltipElement.dispatchEvent(new CustomEvent('mouseenter', { bubbles: true }));\n    await page.waitForChanges();\n    expect(tooltip).toHaveAttribute('data-show');\n\n    linkedTooltipElement.dispatchEvent(new CustomEvent('mouseleave', { bubbles: true }));\n    // flush windows addEventListener timeout\n    jest.runOnlyPendingTimers();\n\n    await page.waitForChanges();\n    expect(tooltip).not.toHaveAttribute('data-show');\n  });\n\n  test.each([true, false])('Should toggle tooltip from prop display, case display %s', async display => {\n    const args = { identifier: 'identifier', message: 'batman', display };\n    const page = await getPage(args, <span>batman</span>);\n    const mgTooltip = page.doc.querySelector('mg-tooltip');\n    const tooltip = mgTooltip.querySelector(`#${args.identifier}`);\n\n    expect(page.root).toMatchSnapshot();\n    if (display) {\n      expect(tooltip).toHaveAttribute('data-show');\n    } else {\n      expect(tooltip).not.toHaveAttribute('data-show');\n    }\n\n    page.rootInstance.display = !display;\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n    if (display) {\n      expect(tooltip).not.toHaveAttribute('data-show');\n    } else {\n      expect(tooltip).toHaveAttribute('data-show');\n    }\n  });\n\n  describe('hide method', () => {\n    test.each(['Tab', 'Space', 'Enter', 'i'])('should prevent keyboardEvent, case not \"Escape\" code', async code => {\n      const args = { identifier: 'identifier', message: 'batman' };\n      const page = await getPage(args, <span id=\"batman\">batman</span>);\n      const mgTooltip = page.doc.querySelector('mg-tooltip');\n      const tooltip = mgTooltip.querySelector(`#${args.identifier}`);\n      const element = page.doc.getElementById('batman');\n\n      element.dispatchEvent(new CustomEvent('focus', { bubbles: true }));\n      await page.waitForChanges();\n\n      expect(tooltip).toHaveAttribute('data-show');\n\n      page.doc.dispatchEvent(new KeyboardEvent('keydown', { code }));\n      await page.waitForChanges();\n\n      expect(tooltip).toHaveAttribute('data-show');\n    });\n\n    test('should hide tooltip with keyboardEvent, case \"Escape\" code', async () => {\n      const args = { identifier: 'identifier', message: 'batman' };\n      const page = await getPage(args, <span id=\"batman\">batman</span>);\n      const mgTooltip = page.doc.querySelector('mg-tooltip');\n      const tooltip = mgTooltip.querySelector(`#${args.identifier}`);\n      const element = page.doc.getElementById('batman');\n\n      element.dispatchEvent(new CustomEvent('focus', { bubbles: true }));\n      await page.waitForChanges();\n\n      expect(tooltip).toHaveAttribute('data-show');\n\n      page.doc.dispatchEvent(new KeyboardEvent('keydown', { code: 'Escape' }));\n      await page.waitForChanges();\n\n      expect(tooltip).not.toHaveAttribute('data-show');\n    });\n  });\n\n  test('Should keep displayed tooltip when hover it', async () => {\n    const element = <span>span</span>;\n    const eventIn = 'mouseenter';\n    const eventOut = 'mouseleave';\n    const args = { identifier: 'identifier', message: 'blu' };\n    const page = await getPage(args, element);\n    const mgTooltip = page.doc.querySelector('mg-tooltip');\n    const linkedTooltipElement = mgTooltip.querySelector(`[aria-describedby*='${args.identifier}']`);\n    const tooltip = mgTooltip.querySelector(`#${args.identifier}`);\n\n    // 1. hover tooltipedElement and display tooltip\n    linkedTooltipElement.dispatchEvent(new CustomEvent(eventIn, { bubbles: true }));\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n    expect(tooltip).toHaveAttribute('data-show');\n\n    // 2.1 leave tooltipedElement and tooltip stay displayed\n    linkedTooltipElement.dispatchEvent(new CustomEvent(eventOut, { bubbles: true }));\n    await page.waitForChanges();\n\n    expect(tooltip).toHaveAttribute('data-show');\n\n    // 2.2 hover on tooltipedElement and tooltip stay displayed\n    tooltip.dispatchEvent(new CustomEvent(eventIn, { bubbles: true }));\n    await page.waitForChanges();\n\n    // 2.3 flush promise to keep tooltip display thanks to guard\n    jest.advanceTimersByTime(200);\n    await page.waitForChanges();\n\n    expect(tooltip).toHaveAttribute('data-show');\n\n    // 3 leave tooltipElement\n    tooltip.dispatchEvent(new CustomEvent(eventOut, { bubbles: true }));\n    await page.waitForChanges();\n\n    // 3.2 flush promise to pass tooltip guard and hide it\n    jest.advanceTimersByTime(200);\n    await page.waitForChanges();\n\n    expect(tooltip).not.toHaveAttribute('data-show');\n  });\n\n  test('Should prevent focus guard with click event', async () => {\n    const args = { identifier: 'identifier', message: 'batman' };\n    const page = await getPage(args, <mg-button>batman</mg-button>);\n    const mgTooltip = page.doc.querySelector('mg-tooltip');\n    const tooltip = mgTooltip.querySelector(`#${args.identifier}`);\n    const element = page.doc.querySelector('mg-button');\n\n    element.dispatchEvent(new MouseEvent('mouseenter', { bubbles: true }));\n    await page.waitForChanges();\n\n    expect(tooltip).toHaveAttribute('data-show');\n\n    // recompose a click event as click event is not properly mock by jest `mousedown` + `focus` + `mouseup`\n    for (const event of ['mousedown', 'focus', 'mouseup']) {\n      const Constructor = event === 'focus' ? FocusEvent : MouseEvent;\n      element.dispatchEvent(new Constructor(event, { bubbles: true }));\n      await page.waitForChanges();\n    }\n\n    expect(tooltip).toHaveAttribute('data-show');\n\n    element.dispatchEvent(new MouseEvent('mouseleave', { bubbles: true }));\n    await page.waitForChanges();\n    jest.runOnlyPendingTimers();\n\n    expect(tooltip).not.toHaveAttribute('data-show');\n  });\n\n  test.each(['button', 'mg-button'])('Should update %s wrapper dynamically', async TagName => {\n    const page = await getPage(\n      { identifier: 'identifier', message: 'My tooltip message' },\n      <TagName identifier=\"identifier\" disabled>\n        {TagName}.disabled\n      </TagName>,\n    );\n\n    expect(page.root).toMatchSnapshot();\n\n    // Mock replaceWith\n    const mgTooltip = page.doc.querySelector('mg-tooltip');\n    mgTooltip.firstElementChild.replaceWith = jest.fn(element => {\n      mgTooltip.innerHTML = (element as Node).parentElement.innerHTML;\n    });\n\n    const mgButton: HTMLButtonElement | HTMLMgButtonElement = page.doc.querySelector(TagName);\n    mgButton.disabled = false;\n    fireMo([{ attributeName: TagName === 'MG-BUTTON' ? 'aria-disabled' : 'disabled' }]);\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  test('Should update popper instance when \"message\" prop change', async () => {\n    const page = await getPage(\n      { identifier: 'identifier', message: 'My tooltip message' },\n      <mg-button identifier=\"identifier\" disabled>\n        mg-button.disabled\n      </mg-button>,\n    );\n\n    const spy = jest.spyOn(page.rootInstance.popper, 'update');\n    const mgTooltip = page.doc.querySelector('mg-tooltip');\n    mgTooltip.message = 'my new message';\n\n    await page.waitForChanges();\n\n    expect(spy).toHaveBeenCalled();\n  });\n\n  test('should update mg-popover-content id when \"identifier\" is updated', async () => {\n    const page = await getPage(\n      { identifier: 'identifier', message: 'My tooltip message' },\n      <mg-button identifier=\"identifier\" disabled>\n        mg-button.disabled\n      </mg-button>,\n    );\n\n    expect(page.root).toMatchSnapshot();\n\n    const mgTooltip = page.doc.querySelector('mg-tooltip');\n    mgTooltip.identifier = 'new-identifier';\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n  });\n});\n"]}

package/dist/collection/components/molecules/inputs/mg-input-checkbox/test/mg-input-checkbox.e2e.playwright.js

@@ -1,237 +0,0 @@
-import { setPageContent, expect, describe, describeEach, testEach, updateScreenshotClass, test } from "../../../../../utils/playwright.e2e.test.utils";
-import { createID } from "../../../../../utils/components.utils";
-import { renderAttributes, renderProperties } from "../../../../../utils/e2e.test.utils";
-import { checkboxTypes } from "../mg-input-checkbox.conf";
-const TIMEOUT = 1000;
-const baseArgs = {
-  label: 'legend',
-  value: [
-    { title: 'Batman', value: false },
-    { title: 'Robin', value: false },
-    { title: 'Joker', value: false },
-    { title: 'Bane', value: false },
-  ],
-};
-const createHTML = (args, identifier = createID()) => `<mg-input-checkbox ${renderAttributes(Object.assign(Object.assign({}, args), { identifier }))}></mg-input-checkbox><script>${renderProperties(args, `[identifier="${identifier}"]`)}</script>`;
-const waitForInteractiveElement = async (page, type) => {
-  // wait few seconds to insure to have the interactive element rendered
-  const interactiveElement = await page.locator(type === 'multi' ? 'mg-button[tabindex="0"].hydrated' : 'mg-icon[tabindex="0"].hydrated').first();
-  return interactiveElement.waitFor({ timeout: 3000 });
-};
-describe('mg-input-checkbox', () => {
-  describeEach(checkboxTypes)('type %s', (type) => {
-    testEach([
-      Object.assign(Object.assign({}, baseArgs), { readonly: true }),
-      Object.assign(Object.assign({}, baseArgs), { readonly: true, labelOnTop: true }),
-      Object.assign(Object.assign({}, baseArgs), { disabled: true }),
-      Object.assign(Object.assign({}, baseArgs), { inputVerticalList: true, helpText: 'HelpText Message' }),
-      Object.assign(Object.assign({}, baseArgs), { inputVerticalList: true, helpText: 'HelpText Message', labelOnTop: true }),
-      Object.assign(Object.assign({}, baseArgs), { helpText: `<mg-icon icon='user' size='small'></mg-icon> Welcome batman` }),
-      Object.assign(Object.assign({}, baseArgs), { helpText: 'HelpText Message', required: true }),
-      Object.assign(Object.assign({}, baseArgs), { helpText: 'HelpText Message', required: true, readonly: true }),
-      Object.assign(Object.assign({}, baseArgs), { helpText: 'HelpText Message', required: true, disabled: true }),
-    ])('Should render with template %s', async (page, args) => {
-      await setPageContent(page, createHTML(Object.assign(Object.assign({}, args), { type, value: [
-          { title: 'Batman', value: true },
-          { title: 'Robin', value: false },
-          { title: 'Joker', value: null },
-          { title: 'Bane', value: true, disabled: true },
-        ] })));
-      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-    });
-    testEach([true, false])(`render with tooltip, case label-on-top %s`, async (page, labelOnTop) => {
-      await setPageContent(page, createHTML(Object.assign(Object.assign({}, baseArgs), { tooltip: 'Tooltip message', labelOnTop,
-        type })));
-      const KEY_TAB = 'Tab';
-      await expect(page.locator('mg-input-checkbox.hydrated')).toBeDefined();
-      // wait few seconds to insure to have the interactive element rendered
-      await waitForInteractiveElement(page, type);
-      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-      let actions = [KEY_TAB];
-      // when label on top tooltip is on first tab (next to label)
-      if (!labelOnTop) {
-        await updateScreenshotClass(page, { height: '65px', width: '500px' });
-        // when type is 'multi' the tooltip is on second tab
-        actions = type !== 'multi' ? [...actions, KEY_TAB, KEY_TAB, KEY_TAB, KEY_TAB] : [...actions, KEY_TAB];
-      }
-      for (const key of actions) {
-        await page.keyboard.down(key);
-      }
-      await page.locator('mg-tooltip-content').waitFor({ timeout: TIMEOUT });
-      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-    });
-    testEach([
-      Object.assign(Object.assign({}, baseArgs), { type }),
-      Object.assign(Object.assign({}, baseArgs), { type, labelOnTop: true }),
-      Object.assign(Object.assign({}, baseArgs), { type, labelHide: true }),
-      Object.assign(Object.assign({}, baseArgs), { type, helpText: 'HelpText Message' }),
-    ])('Should render without tooltip %s', async (page, args) => {
-      await setPageContent(page, createHTML(args), type === 'multi' ? { width: 300, height: 200 } : undefined);
-      await page.waitForSelector('mg-input-checkbox.hydrated');
-      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-      // when multi open checkbox in popover
-      if (type === 'multi') {
-        // wait few seconds to insure to have the interactive element rendered
-        await waitForInteractiveElement(page, type);
-        await page.keyboard.down('Tab');
-        await page.keyboard.down('Enter');
-        await page.locator('mg-popover-content').waitFor({ timeout: TIMEOUT });
-      }
-      await page.keyboard.down('Tab');
-      await expect(page.locator(type === 'multi' ? 'body' : '.e2e-screenshot')).toHaveScreenshot();
-      await page.locator('mg-input-checkbox .mg-c-input__input-group:first-of-type input').press('Space');
-      await page.keyboard.down('Tab');
-      await page.locator('mg-input-checkbox .mg-c-input__input-group:nth-of-type(2) input').press('Space');
-      await page.keyboard.down('Tab');
-      await page.locator('mg-input-checkbox .mg-c-input__input-group:nth-of-type(3) input').press('Space');
-      await page.keyboard.down('Tab');
-      await page.locator('mg-input-checkbox .mg-c-input__input-group:nth-of-type(4) input').press('Space');
-      await expect(page.locator(type === 'multi' ? 'body' : '.e2e-screenshot')).toHaveScreenshot();
-    });
-    testEach([
-      Object.assign(Object.assign({}, baseArgs), { helpText: 'HelpText Message', required: true, type }),
-      Object.assign(Object.assign({}, baseArgs), { helpText: "Message d'aide", lang: 'fr', required: true, type }),
-    ])('Should render error when leaving an empty required input %s', async (page, args) => {
-      await setPageContent(page, createHTML(args), type === 'multi' ? { width: 390, height: 200 } : undefined);
-      await page.waitForSelector('mg-input-checkbox.hydrated');
-      // when multi open checkbox in popover
-      if (type === 'multi') {
-        // wait few seconds to insure to have the interactive element rendered
-        await waitForInteractiveElement(page, type);
-        await page.keyboard.down('Tab');
-        await page.keyboard.down('Enter');
-        await page.locator('mg-popover-content').waitFor({ timeout: TIMEOUT });
-      }
-      await page.keyboard.down('Tab');
-      await page.keyboard.down('Tab');
-      await page.keyboard.down('Tab');
-      await page.keyboard.down('Tab');
-      await page.keyboard.down('Tab');
-      if (type === 'multi') {
-        await page.keyboard.down('Escape');
-      }
-      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-    });
-    testEach([
-      { label: 'long label long label long label long label long label long label long label long label long label long label long label', type, tooltip: 'tooltip message' },
-      {
-        label: 'long label long label long label long label long label long label long label long label long label long label long label',
-        type,
-        tooltip: 'tooltip message',
-        labelOnTop: true,
-      },
-    ])('render long label in .mg-form-group, %s', async (page, args) => {
-      await setPageContent(page, `<div class="mg-form-group">${createHTML(Object.assign(Object.assign(Object.assign({}, baseArgs), args), { value: [
-          { title: 'Batman', value: true },
-          { title: 'Robin', value: false },
-          { title: 'Joker', value: null },
-          { title: 'Bane', value: true, disabled: true },
-        ] }))}</div>`);
-      await page.waitForSelector('mg-input-checkbox.hydrated');
-      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-    });
-    testEach([false, true])('Ensure component fit in width 200px with label-on-top: %s', async (page, labelOnTop) => {
-      await setPageContent(page, createHTML(Object.assign(Object.assign({}, baseArgs), { labelOnTop, type })));
-      await page.waitForSelector('mg-input-checkbox.hydrated');
-      await page.setViewportSize({ width: 200, height: 100 });
-      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-    });
-  });
-  describe('type multi', () => {
-    const selectedValues = baseArgs.value.map(argValue => (Object.assign(Object.assign({}, argValue), { value: true })));
-    const smallValues = baseArgs.value.map((argValue, index) => (Object.assign(Object.assign({}, argValue), { title: index.toString(), value: true })));
-    testEach([
-      { disable: true, value: selectedValues },
-      { disable: true, value: smallValues },
-    ])('Ensure component fit in width 200px with display-values: %s', async (page, args) => {
-      await setPageContent(page, createHTML(Object.assign(Object.assign(Object.assign({}, baseArgs), args), { type: 'multi', displaySelectedValues: true })));
-      await page.locator('mg-input-checkbox.hydrated').waitFor({ timeout: TIMEOUT });
-      // wait few seconds to insure to have the interactive element rendered
-      await waitForInteractiveElement(page, 'multi');
-      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-    });
-    testEach([false, true])('Ensure component fit in width 200px with display-values: %s', async (page, displaySelectedValues) => {
-      await setPageContent(page, createHTML(Object.assign(Object.assign({}, baseArgs), { type: 'multi', value: selectedValues, displaySelectedValues })));
-      await page.locator('mg-input-checkbox.hydrated').waitFor({ timeout: TIMEOUT });
-      // wait few seconds to insure to have the interactive element rendered
-      await waitForInteractiveElement(page, 'multi');
-      await page.setViewportSize({ width: 200, height: 100 });
-      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-    });
-    test('Should render "multi" with search', async ({ page }) => {
-      const value = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21].map((item, index) => ({
-        title: index === 9 ? `my super long title item ${item} is very super long and finaly it could not be shorter so what can I do with it` : `${item}`,
-        value: false,
-      }));
-      await setPageContent(page, createHTML(Object.assign(Object.assign({}, baseArgs), { value })), { width: 450, height: 470 });
-      // wait few seconds to insure to have the interactive element rendered
-      await waitForInteractiveElement(page, 'multi');
-      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-      // open popover
-      await page.keyboard.down('Tab');
-      await page.keyboard.down('Enter');
-      await page.locator('mg-popover-content').waitFor({ timeout: TIMEOUT });
-      await expect(page.locator('body')).toHaveScreenshot();
-      // take focus in search input
-      await page.keyboard.down('Tab');
-      await expect(page.locator('body')).toHaveScreenshot();
-      // got to navigation after 10th input
-      for (const index of value.map((_item, index) => index)) {
-        if (index < 10)
-          await page.keyboard.down('Tab');
-      }
-      await expect(page.locator('body')).toHaveScreenshot();
-      // use navigatio to go to last page
-      await page.keyboard.down('Tab');
-      await page.keyboard.down('Tab');
-      await page.keyboard.down('Tab');
-      await page.keyboard.down('Enter');
-      await page.keyboard.down('Enter');
-      await expect(page.locator('body')).toHaveScreenshot();
-      await page.getByPlaceholder(/value/).fill('2');
-      await expect(page.locator('body')).toHaveScreenshot();
-      // update search with an unmatchable value
-      await page.getByPlaceholder(/value/).fill('batman');
-      await expect(page.locator('body')).toHaveScreenshot();
-      // close popover
-      await page.keyboard.down('Escape');
-      await updateScreenshotClass(page, { width: '285px', height: '35px' });
-      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-    });
-    test('Should render "multi" with 2 sections', async ({ page }) => {
-      const value = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21].map((item, index) => ({
-        title: `item ${item}`,
-        value: [5, 12, 13, 17].some(item => item === index),
-      }));
-      await setPageContent(page, createHTML(Object.assign(Object.assign({}, baseArgs), { value })), { width: 450, height: 570 });
-      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-      // wait few seconds to insure to have the interactive element rendered
-      await waitForInteractiveElement(page, 'multi');
-      // open popover
-      await page.keyboard.down('Tab');
-      await page.keyboard.down('Enter');
-      await page.locator('mg-popover-content').waitFor({ timeout: TIMEOUT });
-      await expect(page.locator('body')).toHaveScreenshot();
-    });
-    test('Should render "multi" with 2 sections and a closed selected section', async ({ page }) => {
-      const value = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21].map((item, index) => ({
-        title: `item ${item}`,
-        value: [5, 12, 13, 17].some(item => item === index),
-      }));
-      await setPageContent(page, createHTML(Object.assign(Object.assign({}, baseArgs), { value })), { width: 450, height: 570 });
-      // wait few seconds to insure to have the interactive element rendered
-      await waitForInteractiveElement(page, 'multi');
-      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-      // open popover
-      await page.keyboard.down('Tab');
-      await page.keyboard.down('Enter');
-      await page.locator('mg-popover-content').waitFor({ timeout: TIMEOUT });
-      // close section
-      await page.keyboard.down('Tab');
-      await page.keyboard.down('Tab');
-      await page.keyboard.down('Enter');
-      await expect(page.locator('body')).toHaveScreenshot();
-    });
-  });
-});
-//# sourceMappingURL=mg-input-checkbox.e2e.playwright.js.map