@mgdis/mg-components 5.19.2 → 5.20.0

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

@@ -1,106 +0,0 @@
-import { h } from "@stencil/core/internal";
-import { newSpecPage } from "@stencil/core/testing";
-import { forcePopoverId, mockConsoleError, mockWindowFrames, setupMutationObserverMock, setupResizeObserverMock } from "../../../../utils/unit.test.utils";
-import { MgItemMore } from "../mg-item-more";
-import { MgMenuItem } from "../../menu/mg-menu-item/mg-menu-item";
-import { MgMenu } from "../../menu/mg-menu/mg-menu";
-import { Status } from "../../menu/mg-menu-item/mg-menu-item.conf";
-import { MgPopover } from "../../mg-popover/mg-popover";
-import { MgPopoverContent } from "../../mg-popover/mg-popover-content/mg-popover-content";
-mockConsoleError();
-mockWindowFrames();
-const udpateItemMorePopoverId = page => {
-  const moreMenuItem = page.doc.querySelector('mg-item-more').shadowRoot.querySelector('mg-menu-item');
-  forcePopoverId(moreMenuItem, `mg-popover-test_more-item`);
-};
-let id;
-/**
- * set id if param is true
- * @param hasId - true if need a generated id
- * @returns genereted id
- */
-const setId = (hasId) => (hasId ? `my-id-${id++}` : undefined);
-const getPage = async (args) => {
-  const page = await newSpecPage({
-    components: [MgMenu, MgMenuItem, MgItemMore, MgPopover, MgPopoverContent],
-    template: () => (h("mg-menu", Object.assign({}, args), h("mg-menu-item", { href: args.isHref ? '#' : undefined, id: setId(args.hasId) }, h("span", { slot: "label" }, "Batman")), h("mg-menu-item", { id: setId(args.hasId) }, h("span", { slot: "label" }, "Joker")), h("mg-menu-item", { id: setId(args.hasId) }, h("span", { slot: "label" }, "Bane")))),
-  });
-  jest.runAllTimers();
-  await page.waitForChanges();
-  jest.runOnlyPendingTimers();
-  udpateItemMorePopoverId(page);
-  return page;
-};
-describe('mg-item-more', () => {
-  beforeEach(() => {
-    id = 1;
-    jest.useFakeTimers();
-    setupResizeObserverMock({
-      observe: () => null,
-      disconnect: () => null,
-    });
-    setupMutationObserverMock({
-      disconnect: () => null,
-      observe: () => null,
-      takeRecords: () => null,
-    });
-  });
-  afterEach(() => jest.runOnlyPendingTimers());
-  describe('render', () => {
-    test.each([undefined, { icon: { icon: 'user' } }, { slotlabel: { display: true, label: 'more batman menu' } }, { size: 'large' }, { hasId: true }])('should manage resize with observer, case %s', async (args) => {
-      const page = await getPage(Object.assign({ label: 'batman' }, args));
-      expect(page.root).toMatchSnapshot();
-    });
-  });
-  describe('errors', () => {
-    test.each([
-      { props: { itemmore: { size: {} } }, error: '<mg-item-more> prop "size" must match MgItemMore[\'size\'] type' },
-      { props: { itemmore: { icon: '' } }, error: '<mg-item-more> prop "icon" must match MgItemMore[\'icon\'] type' },
-      { props: { itemmore: { icon: { icon: undefined } } }, error: '<mg-item-more> prop "icon" must match MgItemMore[\'icon\'] type' },
-      { props: { itemmore: { slotlabel: {} } }, error: '<mg-item-more> prop "slotlabel" must match MgItemMore[\'slotlabel\'] type' },
-      { props: { itemmore: { slotlabel: { label: undefined } } }, error: '<mg-item-more> prop "slotlabel" must match MgItemMore[\'slotlabel\'] type' },
-      { props: { itemmore: { slotlabel: { display: '' } } }, error: '<mg-item-more> prop "slotlabel" must match MgItemMore[\'slotlabel\'] type' },
-    ])('should throw an error, case %s', async ({ props, error }) => {
-      expect.assertions(1);
-      try {
-        await getPage(Object.assign({ label: 'batman' }, props));
-      }
-      catch (err) {
-        expect(err.message).toMatch(error);
-      }
-    });
-  });
-  describe('events', () => {
-    test('should update proxy status when base item status-change event was trigger', async () => {
-      const page = await getPage({ label: 'batman' });
-      expect(page.root).toMatchSnapshot();
-      const mgMenuItemBase = page.doc.querySelector('mg-menu-item');
-      const mgMenuItemProxy = page.doc.querySelector('mg-item-more').shadowRoot.querySelector('mg-menu mg-menu-item');
-      expect(mgMenuItemProxy).toHaveProperty('status', Status.VISIBLE);
-      mgMenuItemBase.dispatchEvent(new CustomEvent('status-change', { bubbles: true, detail: Status.ACTIVE }));
-      await page.waitForChanges();
-      expect(mgMenuItemProxy).toHaveProperty('status', Status.ACTIVE);
-      udpateItemMorePopoverId(page);
-      expect(page.root).toMatchSnapshot();
-    });
-    test.each([false, true])('should trigger base item click event when proxy item was clicked', async (isHref) => {
-      const page = await getPage({ label: 'batman', isHref });
-      const mgMenuItemBase = page.doc.querySelector('mg-menu-item');
-      const mgMenuItemProxy = page.doc.querySelector('mg-item-more').shadowRoot.querySelector('mg-menu mg-menu-item');
-      const spy = jest.spyOn(mgMenuItemBase.shadowRoot.querySelector(isHref ? 'a' : 'button'), 'click');
-      mgMenuItemProxy.dispatchEvent(new MouseEvent('click', { bubbles: true }));
-      await page.waitForChanges();
-      expect(spy).toBeCalledTimes(1);
-      udpateItemMorePopoverId(page);
-      expect(page.root).toMatchSnapshot();
-    });
-  });
-  test('should fire disconnect callback', async () => {
-    const page = await getPage({ label: 'batman' });
-    expect(page.root).toMatchSnapshot();
-    page.doc.querySelector('mg-item-more').remove();
-    await page.waitForChanges();
-    expect(page.root).toMatchSnapshot();
-  });
-});
-//# sourceMappingURL=mg-item-more.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"mg-item-more.spec.js","sourceRoot":"","sources":["../../../../../src/components/molecules/mg-item-more/test/mg-item-more.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core/internal';\nimport { newSpecPage } from '@stencil/core/testing';\nimport { forcePopoverId, mockConsoleError, mockWindowFrames, setupMutationObserverMock, setupResizeObserverMock } from '../../../../utils/unit.test.utils';\nimport { MgItemMore } from '../mg-item-more';\nimport { MgMenuItem } from '../../menu/mg-menu-item/mg-menu-item';\nimport { MgMenu } from '../../menu/mg-menu/mg-menu';\nimport { Status } from '../../menu/mg-menu-item/mg-menu-item.conf';\nimport { MgPopover } from '../../mg-popover/mg-popover';\nimport { MgPopoverContent } from '../../mg-popover/mg-popover-content/mg-popover-content';\n\nmockConsoleError();\nmockWindowFrames();\n\nconst udpateItemMorePopoverId = page => {\n  const moreMenuItem = page.doc.querySelector('mg-item-more').shadowRoot.querySelector('mg-menu-item');\n  forcePopoverId(moreMenuItem, `mg-popover-test_more-item`);\n};\n\nlet id;\n/**\n * set id if param is true\n * @param hasId - true if need a generated id\n * @returns genereted id\n */\nconst setId = (hasId: boolean): string => (hasId ? `my-id-${id++}` : undefined);\n\nconst getPage = async args => {\n  const page = await newSpecPage({\n    components: [MgMenu, MgMenuItem, MgItemMore, MgPopover, MgPopoverContent],\n    template: () => (\n      <mg-menu {...args}>\n        <mg-menu-item href={args.isHref ? '#' : undefined} id={setId(args.hasId)}>\n          <span slot=\"label\">Batman</span>\n        </mg-menu-item>\n        <mg-menu-item id={setId(args.hasId)}>\n          <span slot=\"label\">Joker</span>\n        </mg-menu-item>\n        <mg-menu-item id={setId(args.hasId)}>\n          <span slot=\"label\">Bane</span>\n        </mg-menu-item>\n      </mg-menu>\n    ),\n  });\n\n  jest.runAllTimers();\n\n  await page.waitForChanges();\n\n  jest.runOnlyPendingTimers();\n\n  udpateItemMorePopoverId(page);\n\n  return page;\n};\n\ndescribe('mg-item-more', () => {\n  beforeEach(() => {\n    id = 1;\n    jest.useFakeTimers();\n    setupResizeObserverMock({\n      observe: () => null,\n      disconnect: () => null,\n    });\n    setupMutationObserverMock({\n      disconnect: () => null,\n      observe: () => null,\n      takeRecords: () => null,\n    });\n  });\n  afterEach(() => jest.runOnlyPendingTimers());\n\n  describe('render', () => {\n    test.each([undefined, { icon: { icon: 'user' } }, { slotlabel: { display: true, label: 'more batman menu' } }, { size: 'large' }, { hasId: true }])(\n      'should manage resize with observer, case %s',\n      async args => {\n        const page = await getPage({ label: 'batman', ...args });\n\n        expect(page.root).toMatchSnapshot();\n      },\n    );\n  });\n\n  describe('errors', () => {\n    test.each([\n      { props: { itemmore: { size: {} } }, error: '<mg-item-more> prop \"size\" must match MgItemMore[\\'size\\'] type' },\n      { props: { itemmore: { icon: '' } }, error: '<mg-item-more> prop \"icon\" must match MgItemMore[\\'icon\\'] type' },\n      { props: { itemmore: { icon: { icon: undefined } } }, error: '<mg-item-more> prop \"icon\" must match MgItemMore[\\'icon\\'] type' },\n      { props: { itemmore: { slotlabel: {} } }, error: '<mg-item-more> prop \"slotlabel\" must match MgItemMore[\\'slotlabel\\'] type' },\n      { props: { itemmore: { slotlabel: { label: undefined } } }, error: '<mg-item-more> prop \"slotlabel\" must match MgItemMore[\\'slotlabel\\'] type' },\n      { props: { itemmore: { slotlabel: { display: '' } } }, error: '<mg-item-more> prop \"slotlabel\" must match MgItemMore[\\'slotlabel\\'] type' },\n    ])('should throw an error, case %s', async ({ props, error }) => {\n      expect.assertions(1);\n\n      try {\n        await getPage({ label: 'batman', ...props });\n      } catch (err) {\n        expect(err.message).toMatch(error);\n      }\n    });\n  });\n\n  describe('events', () => {\n    test('should update proxy status when base item status-change event was trigger', async () => {\n      const page = await getPage({ label: 'batman' });\n\n      expect(page.root).toMatchSnapshot();\n\n      const mgMenuItemBase = page.doc.querySelector('mg-menu-item');\n      const mgMenuItemProxy = page.doc.querySelector('mg-item-more').shadowRoot.querySelector('mg-menu mg-menu-item');\n      expect(mgMenuItemProxy).toHaveProperty('status', Status.VISIBLE);\n      mgMenuItemBase.dispatchEvent(new CustomEvent('status-change', { bubbles: true, detail: Status.ACTIVE }));\n\n      await page.waitForChanges();\n      expect(mgMenuItemProxy).toHaveProperty('status', Status.ACTIVE);\n\n      udpateItemMorePopoverId(page);\n      expect(page.root).toMatchSnapshot();\n    });\n\n    test.each([false, true])('should trigger base item click event when proxy item was clicked', async isHref => {\n      const page = await getPage({ label: 'batman', isHref });\n\n      const mgMenuItemBase = page.doc.querySelector('mg-menu-item');\n      const mgMenuItemProxy = page.doc.querySelector('mg-item-more').shadowRoot.querySelector('mg-menu mg-menu-item');\n      const spy = jest.spyOn(mgMenuItemBase.shadowRoot.querySelector(isHref ? 'a' : 'button'), 'click');\n\n      mgMenuItemProxy.dispatchEvent(new MouseEvent('click', { bubbles: true }));\n      await page.waitForChanges();\n\n      expect(spy).toBeCalledTimes(1);\n\n      udpateItemMorePopoverId(page);\n      expect(page.root).toMatchSnapshot();\n    });\n  });\n\n  test('should fire disconnect callback', async () => {\n    const page = await getPage({ label: 'batman' });\n\n    expect(page.root).toMatchSnapshot();\n\n    page.doc.querySelector('mg-item-more').remove();\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n  });\n});\n"]}

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

@@ -1,64 +0,0 @@
-import { createPage } from "../../../../utils/stencil.e2e.test.utils";
-import { variants } from "../mg-message.conf";
-const getContent = (contentSize, withAction) => {
-  let content = '<strong>Strong</strong> content!';
-  let actions = '';
-  if (contentSize === 'long') {
-    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.';
-  }
-  if (withAction) {
-    actions = `<div slot="actions" class="mg-group-elements mg-group-elements--align-right"><mg-button>Primary</mg-button><mg-button variant="secondary">Secondary</mg-button></div>`;
-  }
-  return `<p>${content}</p>${actions}`;
-};
-describe('mg-message', () => {
-  test('Should render', async () => {
-    const html = variants
-      .map(variant => {
-      const props = [
-        { contentSize: 'short', withAction: false, closeButton: false },
-        { contentSize: 'long', withAction: false, closeButton: false },
-        { contentSize: 'short', withAction: true, closeButton: false },
-        { contentSize: 'long', withAction: true, closeButton: false },
-        { contentSize: 'short', withAction: false, closeButton: true },
-        { contentSize: 'long', withAction: false, closeButton: true },
-      ];
-      return props
-        .map(({ contentSize, withAction, closeButton }) => `<mg-message variant="${variant}" close-button="${closeButton}">${getContent(contentSize, withAction)}</mg-message>`)
-        .join('');
-    })
-      .join('');
-    const page = await createPage(html);
-    const screenshot = await page.screenshot();
-    expect(screenshot).toMatchImageSnapshot();
-  });
-  test('Should render with child mg-card', async () => {
-    const page = await createPage(`
-      <mg-message class="custom-message-card">
-        <mg-card>child card</mg-card>
-      </mg-message>
-      <style>
-        .custom-message-card {
-          --mg-card-background: hsl(var(--color-danger));
-        }
-      </style>
-    `);
-    const screenshot = await page.screenshot();
-    expect(screenshot).toMatchImageSnapshot();
-  });
-  test('Should hide message on close button click', async () => {
-    const page = await createPage(`<mg-message close-button><p>Blu</p></mg-message>`);
-    const mgMessage = await page.find('mg-message');
-    expect(mgMessage).not.toHaveAttribute('hide');
-    const mgButton = await page.find('mg-message >>> mg-button');
-    mgButton.triggerEvent('click');
-    await page.waitForChanges();
-    const mgMessageHideProp = await mgMessage.getProperty('hide');
-    expect(mgMessageHideProp).toEqual(true);
-    await page.setViewport({ width: 600, height: 100 });
-    const screenshot = await page.screenshot();
-    expect(screenshot).toMatchImageSnapshot();
-  });
-});
-//# sourceMappingURL=mg-message.e2e.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"mg-message.e2e.js","sourceRoot":"","sources":["../../../../../src/components/molecules/mg-message/test/mg-message.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { createPage } from '../../../../utils/stencil.e2e.test.utils';\nimport { variants } from '../mg-message.conf';\n\nconst getContent = (contentSize, withAction) => {\n  let content = '<strong>Strong</strong> content!';\n  let actions = '';\n  if (contentSize === 'long') {\n    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 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.';\n  }\n  if (withAction) {\n    actions = `<div slot=\"actions\" class=\"mg-group-elements mg-group-elements--align-right\"><mg-button>Primary</mg-button><mg-button variant=\"secondary\">Secondary</mg-button></div>`;\n  }\n  return `<p>${content}</p>${actions}`;\n};\n\ndescribe('mg-message', () => {\n  test('Should render', async () => {\n    const html = variants\n      .map(variant => {\n        const props = [\n          { contentSize: 'short', withAction: false, closeButton: false },\n          { contentSize: 'long', withAction: false, closeButton: false },\n          { contentSize: 'short', withAction: true, closeButton: false },\n          { contentSize: 'long', withAction: true, closeButton: false },\n          { contentSize: 'short', withAction: false, closeButton: true },\n          { contentSize: 'long', withAction: false, closeButton: true },\n        ];\n        return props\n          .map(({ contentSize, withAction, closeButton }) => `<mg-message variant=\"${variant}\" close-button=\"${closeButton}\">${getContent(contentSize, withAction)}</mg-message>`)\n          .join('');\n      })\n      .join('');\n    const page = await createPage(html);\n\n    const screenshot = await page.screenshot();\n    expect(screenshot).toMatchImageSnapshot();\n  });\n\n  test('Should render with child mg-card', async () => {\n    const page = await createPage(`\n      <mg-message class=\"custom-message-card\">\n        <mg-card>child card</mg-card>\n      </mg-message>\n      <style>\n        .custom-message-card {\n          --mg-card-background: hsl(var(--color-danger));\n        }\n      </style>\n    `);\n\n    const screenshot = await page.screenshot();\n    expect(screenshot).toMatchImageSnapshot();\n  });\n\n  test('Should hide message on close button click', async () => {\n    const page = await createPage(`<mg-message close-button><p>Blu</p></mg-message>`);\n\n    const mgMessage = await page.find('mg-message');\n    expect(mgMessage).not.toHaveAttribute('hide');\n\n    const mgButton = await page.find('mg-message >>> mg-button');\n    mgButton.triggerEvent('click');\n    await page.waitForChanges();\n\n    const mgMessageHideProp = await mgMessage.getProperty('hide');\n    expect(mgMessageHideProp).toEqual(true);\n\n    await page.setViewport({ width: 600, height: 100 });\n\n    const screenshot = await page.screenshot();\n    expect(screenshot).toMatchImageSnapshot();\n  });\n});\n"]}

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

@@ -1,109 +0,0 @@
-import { h } from "@stencil/core";
-import { newSpecPage } from "@stencil/core/testing";
-import { MgMessage } from "../mg-message";
-import { variants } from "../mg-message.conf";
-const getDefaultContent = () => (h("p", null, h("strong", null, "Strong"), " content!"));
-const getPage = (args, content) => newSpecPage({
-  components: [MgMessage],
-  template: () => h("mg-message", Object.assign({}, args), content),
-});
-describe('mg-message', () => {
-  describe.each(variants)('Should render a %s message', variant => {
-    test.each([
-      { identifier: 'identifier' },
-      { identifier: 'identifier', closeButton: true },
-      { identifier: 'identifier', closeButton: true, lang: 'fr' },
-      { identifier: 'identifier', closeButton: true, lang: 'xx' },
-    ])('with args %s', async (args) => {
-      const { root } = await getPage(Object.assign(Object.assign({}, args), { variant }), getDefaultContent());
-      expect(root).toMatchSnapshot();
-    });
-  });
-  test('Should replace classes on variant changes', async () => {
-    const page = await getPage({ identifier: 'identifier' }, getDefaultContent());
-    const element = page.doc.querySelector('mg-message');
-    let classInfo = element.shadowRoot.querySelector('.mg-c-message--info');
-    expect(classInfo).not.toBeNull();
-    element.variant = 'danger';
-    await page.waitForChanges();
-    classInfo = element.shadowRoot.querySelector('.mg-c-message--info');
-    const classDanger = element.shadowRoot.querySelector('.mg-c-message--danger');
-    expect(classInfo).toBeNull();
-    expect(classDanger).not.toBeNull();
-  });
-  test.each(['', 'blu'])('Should throw error with invalid variant property: %s', async (variant) => {
-    expect.assertions(1);
-    try {
-      await getPage({ identifier: 'identifier', variant }, getDefaultContent());
-    }
-    catch (err) {
-      expect(err.message).toMatch('<mg-message> prop "variant" must be one of:');
-    }
-  });
-  test('Should throw error with invalid delay property: 50ms', async () => {
-    expect.assertions(1);
-    try {
-      await getPage({ identifier: 'identifier', delay: 1 }, getDefaultContent());
-    }
-    catch (err) {
-      expect(err.message).toMatch('<mg-message> prop "delay" must be greater than 2 seconds.');
-    }
-  });
-  test('Should throw error when using prop "close-button" with an action slot', async () => {
-    expect.assertions(1);
-    try {
-      await getPage({ identifier: 'identifier', closeButton: true }, [
-        getDefaultContent(),
-        h("div", { slot: "actions", class: "mg-group-elements mg-group-elements--align-right" }, h("mg-button", null, "Primary"), h("mg-button", { variant: "secondary" }, "Secondary")),
-      ]);
-    }
-    catch (err) {
-      expect(err.message).toMatch('<mg-message> prop "close-button" can\'t be used with the actions slot.');
-    }
-  });
-  test('Should hide message on close button', async () => {
-    const args = { identifier: 'identifier', closeButton: true };
-    const page = await getPage(args, getDefaultContent());
-    const element = page.doc.querySelector('mg-message');
-    const button = element.shadowRoot.querySelector('mg-button');
-    jest.spyOn(page.rootInstance.componentHide, 'emit');
-    button.dispatchEvent(new CustomEvent('click', { bubbles: true }));
-    await page.waitForChanges();
-    expect(page.rootInstance.componentHide.emit).toHaveBeenCalledTimes(1);
-    expect(page.rootInstance.classCollection.join()).toContain('mg-c-message--hide');
-  });
-  test('Should hide message on delay', async () => {
-    const args = { identifier: 'identifier', delay: 2 };
-    const page = await getPage(args, getDefaultContent());
-    jest.spyOn(page.rootInstance.componentHide, 'emit');
-    jest.spyOn(page.rootInstance.componentShow, 'emit');
-    expect(page.rootInstance.classCollection.join()).not.toContain('mg-c-message--hide');
-    jest.advanceTimersByTime(args.delay * 1000);
-    expect(page.rootInstance.classCollection.join()).toContain('mg-c-message--hide');
-    expect(page.rootInstance.componentHide.emit).toHaveBeenCalledTimes(1);
-    page.rootInstance.hide = false;
-    await page.waitForChanges();
-    expect(page.rootInstance.classCollection.join()).not.toContain('mg-c-message--hide');
-    expect(page.rootInstance.componentShow.emit).toHaveBeenCalledTimes(1);
-    jest.advanceTimersByTime(args.delay * 1000);
-    expect(page.rootInstance.classCollection.join()).toContain('mg-c-message--hide');
-    expect(page.rootInstance.componentHide.emit).toHaveBeenCalledTimes(2);
-  });
-  test.each(['focus', 'mouse'])('Should manage event %s with delay', async (eventType) => {
-    const args = { identifier: 'identifier', delay: 2 };
-    const page = await getPage(args, getDefaultContent());
-    jest.spyOn(page.rootInstance.componentHide, 'emit');
-    jest.spyOn(page.rootInstance.componentShow, 'emit');
-    const element = page.doc.querySelector('mg-message');
-    expect(page.rootInstance.classCollection.join()).not.toContain('mg-c-message--hide');
-    jest.advanceTimersByTime((args.delay / 2) * 1000);
-    element.dispatchEvent(eventType === 'focus' ? new FocusEvent('focusin') : new MouseEvent('mouseenter'));
-    jest.advanceTimersByTime(args.delay * 1000);
-    expect(page.rootInstance.classCollection.join()).not.toContain('mg-c-message--hide');
-    element.dispatchEvent(eventType === 'focus' ? new FocusEvent('focusout') : new MouseEvent('mouseleave'));
-    jest.advanceTimersByTime(args.delay * 1000);
-    expect(page.rootInstance.classCollection.join()).toContain('mg-c-message--hide');
-    expect(page.rootInstance.componentHide.emit).toHaveBeenCalledTimes(1);
-  });
-});
-//# sourceMappingURL=mg-message.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"mg-message.spec.js","sourceRoot":"","sources":["../../../../../src/components/molecules/mg-message/test/mg-message.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport { newSpecPage } from '@stencil/core/testing';\nimport { MgMessage } from '../mg-message';\nimport { variants } from '../mg-message.conf';\n\nconst getDefaultContent = () => (\n  <p>\n    <strong>Strong</strong> content!\n  </p>\n);\n\nconst getPage = (args, content) =>\n  newSpecPage({\n    components: [MgMessage],\n    template: () => <mg-message {...args}>{content}</mg-message>,\n  });\n\ndescribe('mg-message', () => {\n  describe.each(variants)('Should render a %s message', variant => {\n    test.each([\n      { identifier: 'identifier' },\n      { identifier: 'identifier', closeButton: true },\n      { identifier: 'identifier', closeButton: true, lang: 'fr' },\n      { identifier: 'identifier', closeButton: true, lang: 'xx' },\n    ])('with args %s', async args => {\n      const { root } = await getPage({ ...args, variant }, getDefaultContent());\n      expect(root).toMatchSnapshot();\n    });\n  });\n\n  test('Should replace classes on variant changes', async () => {\n    const page = await getPage({ identifier: 'identifier' }, getDefaultContent());\n    const element = page.doc.querySelector('mg-message');\n    let classInfo = element.shadowRoot.querySelector('.mg-c-message--info');\n\n    expect(classInfo).not.toBeNull();\n\n    element.variant = 'danger';\n    await page.waitForChanges();\n\n    classInfo = element.shadowRoot.querySelector('.mg-c-message--info');\n    const classDanger = element.shadowRoot.querySelector('.mg-c-message--danger');\n\n    expect(classInfo).toBeNull();\n    expect(classDanger).not.toBeNull();\n  });\n\n  test.each(['', 'blu'])('Should throw error with invalid variant property: %s', async variant => {\n    expect.assertions(1);\n    try {\n      await getPage({ identifier: 'identifier', variant }, getDefaultContent());\n    } catch (err) {\n      expect(err.message).toMatch('<mg-message> prop \"variant\" must be one of:');\n    }\n  });\n\n  test('Should throw error with invalid delay property: 50ms', async () => {\n    expect.assertions(1);\n    try {\n      await getPage({ identifier: 'identifier', delay: 1 }, getDefaultContent());\n    } catch (err) {\n      expect(err.message).toMatch('<mg-message> prop \"delay\" must be greater than 2 seconds.');\n    }\n  });\n\n  test('Should throw error when using prop \"close-button\" with an action slot', async () => {\n    expect.assertions(1);\n    try {\n      await getPage({ identifier: 'identifier', closeButton: true }, [\n        getDefaultContent(),\n        <div slot=\"actions\" class=\"mg-group-elements mg-group-elements--align-right\">\n          <mg-button>Primary</mg-button>\n          <mg-button variant=\"secondary\">Secondary</mg-button>\n        </div>,\n      ]);\n    } catch (err) {\n      expect(err.message).toMatch('<mg-message> prop \"close-button\" can\\'t be used with the actions slot.');\n    }\n  });\n\n  test('Should hide message on close button', async () => {\n    const args = { identifier: 'identifier', closeButton: true };\n    const page = await getPage(args, getDefaultContent());\n\n    const element = page.doc.querySelector('mg-message');\n    const button = element.shadowRoot.querySelector('mg-button');\n\n    jest.spyOn(page.rootInstance.componentHide, 'emit');\n\n    button.dispatchEvent(new CustomEvent('click', { bubbles: true }));\n    await page.waitForChanges();\n\n    expect(page.rootInstance.componentHide.emit).toHaveBeenCalledTimes(1);\n    expect(page.rootInstance.classCollection.join()).toContain('mg-c-message--hide');\n  });\n\n  test('Should hide message on delay', async () => {\n    const args = { identifier: 'identifier', delay: 2 };\n    const page = await getPage(args, getDefaultContent());\n\n    jest.spyOn(page.rootInstance.componentHide, 'emit');\n    jest.spyOn(page.rootInstance.componentShow, 'emit');\n\n    expect(page.rootInstance.classCollection.join()).not.toContain('mg-c-message--hide');\n\n    jest.advanceTimersByTime(args.delay * 1000);\n\n    expect(page.rootInstance.classCollection.join()).toContain('mg-c-message--hide');\n    expect(page.rootInstance.componentHide.emit).toHaveBeenCalledTimes(1);\n\n    page.rootInstance.hide = false;\n    await page.waitForChanges();\n\n    expect(page.rootInstance.classCollection.join()).not.toContain('mg-c-message--hide');\n    expect(page.rootInstance.componentShow.emit).toHaveBeenCalledTimes(1);\n\n    jest.advanceTimersByTime(args.delay * 1000);\n\n    expect(page.rootInstance.classCollection.join()).toContain('mg-c-message--hide');\n    expect(page.rootInstance.componentHide.emit).toHaveBeenCalledTimes(2);\n  });\n\n  test.each(['focus', 'mouse'])('Should manage event %s with delay', async eventType => {\n    const args = { identifier: 'identifier', delay: 2 };\n    const page = await getPage(args, getDefaultContent());\n\n    jest.spyOn(page.rootInstance.componentHide, 'emit');\n    jest.spyOn(page.rootInstance.componentShow, 'emit');\n\n    const element = page.doc.querySelector('mg-message');\n\n    expect(page.rootInstance.classCollection.join()).not.toContain('mg-c-message--hide');\n\n    jest.advanceTimersByTime((args.delay / 2) * 1000);\n\n    element.dispatchEvent(eventType === 'focus' ? new FocusEvent('focusin') : new MouseEvent('mouseenter'));\n\n    jest.advanceTimersByTime(args.delay * 1000);\n\n    expect(page.rootInstance.classCollection.join()).not.toContain('mg-c-message--hide');\n\n    element.dispatchEvent(eventType === 'focus' ? new FocusEvent('focusout') : new MouseEvent('mouseleave'));\n\n    jest.advanceTimersByTime(args.delay * 1000);\n\n    expect(page.rootInstance.classCollection.join()).toContain('mg-c-message--hide');\n    expect(page.rootInstance.componentHide.emit).toHaveBeenCalledTimes(1);\n  });\n});\n"]}

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

@@ -1,62 +0,0 @@
-import { setPageContent, expect, describe, describeEach, testEach, test } from "../../../../utils/playwright.e2e.test.utils";
-import { actions, contents, createHTML } from "./mg-modal.e2e.template";
-describe('mg-modal', () => {
-  const slotsToTests = actions.flatMap(action => contents.map(content => ({ action, content })));
-  describeEach(slotsToTests)('render whith slots %s', slots => {
-    testEach([
-      { closeButton: false, hide: false },
-      { closeButton: true, hide: false },
-      {
-        closeButton: true,
-        modalTitle: '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',
-      },
-    ])('Should render %s', async (page, args) => {
-      await setPageContent(page, createHTML(args, slots));
-      await expect(page.locator(args.hide ? 'body' : '.mg-c-modal')).toHaveScreenshot();
-    });
-  });
-  test('Should render hidden modal', async ({ page }) => {
-    await setPageContent(page, createHTML({ hide: true }));
-    await expect(page.locator('body')).toHaveScreenshot();
-  });
-  describe('style', () => {
-    test('Should render with child mg-card', async ({ page }) => {
-      await setPageContent(page, `<mg-modal modal-title="child mg-card" class="custom-modal-card">
-          <mg-card slot="content">child card</mg-card>
-          </mg-modal>
-          <style>.custom-modal-card {--mg-card-background: hsl(var(--color-danger));}</style>
-        `);
-      await expect(page.locator('.mg-c-modal')).toHaveScreenshot();
-    });
-  });
-  describe('navigation', () => {
-    test('Should trigger modal and close modal.', async ({ page }) => {
-      await setPageContent(page, createHTML({ closeButton: true, hide: true }, { action: true, content: 'short' }));
-      await expect(page.locator('body')).toHaveScreenshot();
-      // open modal
-      await page.locator('#modal-button').click();
-      await expect(page.locator('.mg-c-modal')).toHaveScreenshot();
-      // close modal
-      await page.locator('.mg-c-modal mg-button').click();
-      await expect(page.locator('body')).toHaveScreenshot();
-    });
-    test('should navigate with keyboard', async ({ page }) => {
-      await setPageContent(page, createHTML({ closeButton: true, hide: true }, { action: true, content: 'short' }));
-      await expect(page.locator('body')).toHaveScreenshot();
-      // open modal
-      await page.keyboard.press('Tab');
-      await page.keyboard.press('Enter');
-      await expect(page.locator('.mg-c-modal')).toHaveScreenshot();
-      // loop in modal
-      await page.keyboard.press('Tab');
-      await expect(page.locator('.mg-c-modal')).toHaveScreenshot();
-      await page.keyboard.press('Tab');
-      await page.keyboard.press('Tab');
-      await expect(page.locator('.mg-c-modal')).toHaveScreenshot();
-      // close modal
-      await page.keyboard.press('Enter');
-      await expect(page.locator('body')).toHaveScreenshot();
-    });
-  });
-});
-//# sourceMappingURL=mg-modal.e2e.playwright.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"mg-modal.e2e.playwright.js","sourceRoot":"","sources":["../../../../../src/components/molecules/mg-modal/test/mg-modal.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 { MgModalType, actions, contents, createHTML } from './mg-modal.e2e.template';\n\ndescribe('mg-modal', () => {\n  const slotsToTests = actions.flatMap(action => contents.map(content => ({ action, content })));\n  describeEach(slotsToTests)('render whith slots %s', slots => {\n    testEach([\n      { closeButton: false, hide: false },\n      { closeButton: true, hide: false },\n      {\n        closeButton: true,\n        modalTitle:\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 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',\n      },\n    ])('Should render %s', async (page: PageType, args: MgModalType) => {\n      await setPageContent(page, createHTML(args, slots));\n\n      await expect(page.locator(args.hide ? 'body' : '.mg-c-modal')).toHaveScreenshot();\n    });\n  });\n\n  test('Should render hidden modal', async ({ page }) => {\n    await setPageContent(page, createHTML({ hide: true }));\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-modal modal-title=\"child mg-card\" class=\"custom-modal-card\">\n          <mg-card slot=\"content\">child card</mg-card>\n          </mg-modal>\n          <style>.custom-modal-card {--mg-card-background: hsl(var(--color-danger));}</style>\n        `,\n      );\n\n      await expect(page.locator('.mg-c-modal')).toHaveScreenshot();\n    });\n  });\n\n  describe('navigation', () => {\n    test('Should trigger modal and close modal.', async ({ page }) => {\n      await setPageContent(page, createHTML({ closeButton: true, hide: true }, { action: true, content: 'short' }));\n\n      await expect(page.locator('body')).toHaveScreenshot();\n\n      // open modal\n      await page.locator('#modal-button').click();\n\n      await expect(page.locator('.mg-c-modal')).toHaveScreenshot();\n\n      // close modal\n      await page.locator('.mg-c-modal mg-button').click();\n\n      await expect(page.locator('body')).toHaveScreenshot();\n    });\n\n    test('should navigate with keyboard', async ({ page }) => {\n      await setPageContent(page, createHTML({ closeButton: true, hide: true }, { action: true, content: 'short' }));\n      await expect(page.locator('body')).toHaveScreenshot();\n\n      // open modal\n      await page.keyboard.press('Tab');\n      await page.keyboard.press('Enter');\n      await expect(page.locator('.mg-c-modal')).toHaveScreenshot();\n\n      // loop in modal\n      await page.keyboard.press('Tab');\n      await expect(page.locator('.mg-c-modal')).toHaveScreenshot();\n      await page.keyboard.press('Tab');\n      await page.keyboard.press('Tab');\n      await expect(page.locator('.mg-c-modal')).toHaveScreenshot();\n\n      // close modal\n      await page.keyboard.press('Enter');\n      await expect(page.locator('body')).toHaveScreenshot();\n    });\n  });\n});\n"]}

package/dist/collection/components/molecules/mg-modal/test/mg-modal.e2e.template.js

@@ -1,40 +0,0 @@
-import { renderAttributes } from "../../../../utils/e2e.test.utils";
-export const contents = [null, 'short', 'long'];
-export const actions = [true, false];
-export const createSlots = ({ content, action }) => {
-  let slots = '';
-  if (content === 'short') {
-    slots += `
-    <p slot="content">
-      <strong>Strong</strong> content!
-    </p>`;
-  }
-  if (content === 'long') {
-    slots += `
-      <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 dLorem 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 dLorem 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 dLorem 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 dLorem 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 dLorem 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 dLorem 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 d</p>
-    `;
-  }
-  if (action) {
-    slots += `
-   <div slot="actions" class="mg-group-elements mg-group-elements--align-right">
-     <mg-button identifier="identifier">Primary</mg-button>
-     <mg-button variant="secondary" identifier="identifier">
-       Secondary
-     </mg-button>
-   </div>`;
-  }
-  return slots;
-};
-export const createHTML = (args, slots = {}) => {
-  const triggerModalId = 'modal-button';
-  return `<mg-button id="${triggerModalId}">Open modal</mg-button>
-  <mg-modal ${renderAttributes(Object.assign({ modalTitle: 'Modal title' }, args))}>${createSlots(slots)}</mg-modal>
-  <script>
-    document.getElementById('${triggerModalId}').addEventListener('click', () => {
-      const mgModal = document.querySelector('mg-modal');
-      mgModal.hide = !mgModal.hide;
-    });
-  </script>
-  `;
-};
-//# sourceMappingURL=mg-modal.e2e.template.js.map

package/dist/collection/components/molecules/mg-modal/test/mg-modal.e2e.template.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mg-modal.e2e.template.js","sourceRoot":"","sources":["../../../../../src/components/molecules/mg-modal/test/mg-modal.e2e.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAGpE,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,CAAU,CAAC;AACzD,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,IAAI,EAAE,KAAK,CAAU,CAAC;AAM9C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,EAAE,MAAM,EAAY,EAAU,EAAE;EACnE,IAAI,KAAK,GAAG,EAAE,CAAC;EACf,IAAI,OAAO,KAAK,OAAO,EAAE;IACvB,KAAK,IAAI;;;SAGJ,CAAC;GACP;EACD,IAAI,OAAO,KAAK,MAAM,EAAE;IACtB,KAAK,IAAI;;KAER,CAAC;GACH;EACD,IAAI,MAAM,EAAE;IACV,KAAK,IAAI;;;;;;UAMH,CAAC;GACR;EAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,IAAiB,EAAE,QAAkB,EAAE,EAAU,EAAE;EAC5E,MAAM,cAAc,GAAG,cAAc,CAAC;EACtC,OAAO,kBAAkB,cAAc;cAC3B,gBAAgB,iBAAG,UAAU,EAAE,aAAa,IAAK,IAAI,EAAG,IAAI,WAAW,CAAC,KAAK,CAAC;;+BAE7D,cAAc;;;;;GAK1C,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { renderAttributes } from '../../../../utils/e2e.test.utils';\nimport { MgModal } from '../mg-modal';\n\nexport const contents = [null, 'short', 'long'] as const;\nexport const actions = [true, false] as const;\nexport type ContentsType = (typeof contents)[number];\nexport type ActionsType = (typeof actions)[number];\nexport type SlotType = { content?: ContentsType; action?: ActionsType };\nexport type MgModalType = Partial<MgModal>;\n\nexport const createSlots = ({ content, action }: SlotType): string => {\n  let slots = '';\n  if (content === 'short') {\n    slots += `\n    <p slot=\"content\">\n      <strong>Strong</strong> content!\n    </p>`;\n  }\n  if (content === 'long') {\n    slots += `\n      <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 dLorem 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 dLorem 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 dLorem 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 dLorem 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 dLorem 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 dLorem 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 d</p>\n    `;\n  }\n  if (action) {\n    slots += `\n   <div slot=\"actions\" class=\"mg-group-elements mg-group-elements--align-right\">\n     <mg-button identifier=\"identifier\">Primary</mg-button>\n     <mg-button variant=\"secondary\" identifier=\"identifier\">\n       Secondary\n     </mg-button>\n   </div>`;\n  }\n\n  return slots;\n};\n\nexport const createHTML = (args: MgModalType, slots: SlotType = {}): string => {\n  const triggerModalId = 'modal-button';\n  return `<mg-button id=\"${triggerModalId}\">Open modal</mg-button>\n  <mg-modal ${renderAttributes({ modalTitle: 'Modal title', ...args })}>${createSlots(slots)}</mg-modal>\n  <script>\n    document.getElementById('${triggerModalId}').addEventListener('click', () => {\n      const mgModal = document.querySelector('mg-modal');\n      mgModal.hide = !mgModal.hide;\n    });\n  </script>\n  `;\n};\n"]}

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

@@ -1,26 +0,0 @@
-import { setPageContent, expect, describe, test, devices } from "../../../../utils/playwright.e2e.test.utils";
-import { createHTML } from "./mg-modal.e2e.template";
-test.use(Object.assign({}, devices['Desktop Firefox']));
-describe('mg-modal, firefox', () => {
-  describe('navigation', () => {
-    test('should navigate with keyboard', async ({ page }) => {
-      await setPageContent(page, createHTML({ closeButton: true, hide: true }, { action: true, content: 'short' }));
-      await expect(page.locator('body')).toHaveScreenshot();
-      // open modal
-      await page.keyboard.press('Tab');
-      await page.keyboard.press('Enter');
-      await expect(page.locator('.mg-c-modal')).toHaveScreenshot();
-      // loop in modal
-      await page.keyboard.press('Tab');
-      await expect(page.locator('.mg-c-modal')).toHaveScreenshot();
-      await page.keyboard.press('Tab');
-      await page.keyboard.press('Tab');
-      await expect(page.locator('.mg-c-modal')).toHaveScreenshot();
-      // close modal
-      await page.keyboard.press('Enter');
-      await page.waitForTimeout(100);
-      await expect(page.locator('body')).toHaveScreenshot();
-    });
-  });
-});
-//# sourceMappingURL=mg-modal.firefox.e2e.playwright.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"mg-modal.firefox.e2e.playwright.js","sourceRoot":"","sources":["../../../../../src/components/molecules/mg-modal/test/mg-modal.firefox.e2e.playwright.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,6CAA6C,CAAC;AAC9G,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,IAAI,CAAC,GAAG,mBAAM,OAAO,CAAC,iBAAiB,CAAC,EAAG,CAAC;AAE5C,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;EACjC,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,IAAI,CAAC,+BAA+B,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;MACvD,MAAM,cAAc,CAAC,IAAI,EAAE,UAAU,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC;MAC9G,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC;MAEtD,aAAa;MACb,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;MACjC,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;MACnC,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC;MAE7D,gBAAgB;MAChB,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;MACjC,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC;MAE7D,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;MACjC,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;MACjC,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC;MAE7D,cAAc;MACd,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;MACnC,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;MAC/B,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACxD,CAAC,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { setPageContent, expect, describe, test, devices } from '../../../../utils/playwright.e2e.test.utils';\nimport { createHTML } from './mg-modal.e2e.template';\n\ntest.use({ ...devices['Desktop Firefox'] });\n\ndescribe('mg-modal, firefox', () => {\n  describe('navigation', () => {\n    test('should navigate with keyboard', async ({ page }) => {\n      await setPageContent(page, createHTML({ closeButton: true, hide: true }, { action: true, content: 'short' }));\n      await expect(page.locator('body')).toHaveScreenshot();\n\n      // open modal\n      await page.keyboard.press('Tab');\n      await page.keyboard.press('Enter');\n      await expect(page.locator('.mg-c-modal')).toHaveScreenshot();\n\n      // loop in modal\n      await page.keyboard.press('Tab');\n      await expect(page.locator('.mg-c-modal')).toHaveScreenshot();\n\n      await page.keyboard.press('Tab');\n      await page.keyboard.press('Tab');\n      await expect(page.locator('.mg-c-modal')).toHaveScreenshot();\n\n      // close modal\n      await page.keyboard.press('Enter');\n      await page.waitForTimeout(100);\n      await expect(page.locator('body')).toHaveScreenshot();\n    });\n  });\n});\n"]}