@mgdis/mg-components 5.19.3 → 5.20.0

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

@@ -1,292 +0,0 @@
-import { h } from "@stencil/core";
-import { newSpecPage } from "@stencil/core/testing";
-import { MgForm } from "../mg-form";
-import { MgButton } from "../../../atoms/mg-button/mg-button";
-import { buttonTypes } from "../../../atoms/mg-button/mg-button.conf";
-import { MgInputCheckbox } from "../../inputs/mg-input-checkbox/mg-input-checkbox";
-import { MgInputDate } from "../../inputs/mg-input-date/mg-input-date";
-import { MgInputNumeric } from "../../inputs/mg-input-numeric/mg-input-numeric";
-import { MgInputPassword } from "../../inputs/mg-input-password/mg-input-password";
-import { MgInputRadio } from "../../inputs/mg-input-radio/mg-input-radio";
-import { MgInputSelect } from "../../inputs/mg-input-select/mg-input-select";
-import { MgInputText } from "../../inputs/mg-input-text/mg-input-text";
-import { MgInputTextarea } from "../../inputs/mg-input-textarea/mg-input-textarea";
-import { MgInputToggle } from "../../inputs/mg-input-toggle/mg-input-toggle";
-import { setupMutationObserverMock, setupSubmitEventMock } from "../../../../utils/unit.test.utils";
-import { MgInputTitle } from "../../../atoms/mg-input-title/mg-input-title";
-const getPage = async (args, content) => {
-  const page = await newSpecPage({
-    components: [
-      MgForm,
-      MgInputCheckbox,
-      MgInputDate,
-      MgInputNumeric,
-      MgInputPassword,
-      MgInputRadio,
-      MgInputSelect,
-      MgInputText,
-      MgInputTextarea,
-      MgInputToggle,
-      MgButton,
-      MgInputTitle,
-    ],
-    template: () => h("mg-form", Object.assign({}, args), content),
-  });
-  jest.runAllTimers();
-  await page.waitForChanges();
-  return page;
-};
-const getSlottedContent = () => [
-  h("mg-input-checkbox", { identifier: "mg-input-checkbox", label: "mg-input-checkbox label", value: [
-      { title: 'oui', value: true },
-      { title: 'non', value: false },
-    ] }),
-  h("mg-input-date", { identifier: "mg-input-date", label: "mg-input-date label" }),
-  h("mg-input-numeric", { identifier: "mg-input-numeric", label: "mg-input-numeric label" }),
-  h("mg-input-password", { identifier: "mg-input-password", label: "mg-input-password label" }),
-  h("mg-input-radio", { identifier: "mg-input-radio", label: "mg-input-radio label", items: ['blu', 'bli', 'bla', 'blo'] }),
-  h("mg-input-select", { identifier: "mg-input-select", label: "mg-input-select label", items: ['blu', 'bli', 'bla', 'blo'] }),
-  h("mg-input-text", { identifier: "mg-input-text", label: "mg-input-text label" }),
-  h("mg-input-textarea", { identifier: "mg-input-textarea", label: "mg-input-textarea label" }),
-  h("mg-input-toggle", { identifier: "mg-input-toggle", label: "mg-input-toggle label", items: [
-      { title: 'non', value: false },
-      { title: 'oui', value: true },
-    ] }, h("span", { slot: "item-1" }, "non"), h("span", { slot: "item-2" }, "oui")),
-];
-const setCheckValitidy = (input) => {
-  const shadowInputs = input.shadowRoot.querySelectorAll('input, textarea, select');
-  shadowInputs.forEach(input => {
-    input.checkValidity = jest.fn(() => false);
-    Object.defineProperty(input, 'validity', {
-      get: jest.fn(() => ({
-        valueMissing: true,
-      })),
-    });
-  });
-};
-const setMgInputChecboxeInvalid = (input) => {
-  input.required = true;
-  input.value = [
-    { title: 'oui', value: false },
-    { title: 'non', value: false },
-  ];
-};
-describe('mg-form', () => {
-  let fireMo;
-  beforeEach(() => {
-    jest.useFakeTimers();
-    setupMutationObserverMock({
-      observe: function () {
-        fireMo = this.cb;
-      },
-      disconnect: function () {
-        return null;
-      },
-      takeRecords: () => [],
-    });
-    setupSubmitEventMock();
-  });
-  afterEach(() => jest.runOnlyPendingTimers());
-  test.each([
-    { args: { identifier: 'identifier' } },
-    { args: { identifier: 'identifier', readonly: true } },
-    { args: { identifier: 'identifier', disabled: true } },
-    { args: { identifier: 'identifier' }, required: 'one' },
-    { args: { identifier: 'identifier' }, required: 'all' },
-    { args: { identifier: 'identifier' }, required: 'multiple' },
-    { args: { identifier: 'identifier' }, required: 'single' },
-    { args: { identifier: 'identifier' }, readonly: true },
-  ])('Should render with args %o:', async ({ args, required, readonly }) => {
-    const slot = required === 'single' ? getSlottedContent()[0] : getSlottedContent();
-    if (required === 'one')
-      slot[0].$attrs$.required = true;
-    else if (required === 'all')
-      slot.forEach(s => {
-        s.$attrs$.required = true;
-      });
-    else if (required === 'multiple') {
-      slot[0].$attrs$.required = true;
-      slot[1].$attrs$.required = true;
-    }
-    else if (required === 'single')
-      slot.$attrs$.required = true;
-    if (readonly)
-      slot.forEach(s => {
-        s.$attrs$.readonly = true;
-      });
-    const { root } = await getPage(args, slot);
-    expect(root).toMatchSnapshot();
-  });
-  test.each([false, true])('Should display components errors (readonly: %s)', async (readonly) => {
-    const args = { identifier: 'identifier', readonly };
-    const slot = getSlottedContent();
-    // Set all elements required
-    slot.forEach(s => {
-      s.$attrs$.required = true;
-    });
-    const page = await getPage(args, slot);
-    const mgForm = page.doc.querySelector('mg-form');
-    if (!readonly) {
-      // Mock all input validity
-      const mgInputs = Array.from(mgForm.querySelectorAll('*')).filter((node) => node.nodeName.startsWith('MG-INPUT-') && node.nodeName !== 'MG-INPUT-TOGGLE');
-      mgInputs.forEach(input => {
-        if (input.nodeName.includes('CHECKBOX'))
-          setMgInputChecboxeInvalid(input);
-        setCheckValitidy(input);
-      });
-      await page.waitForChanges();
-      await mgForm.displayError();
-    }
-    await page.waitForChanges();
-    expect(page.root).toMatchSnapshot();
-  });
-  test.each(['fr', 'xx'])('display error message with locale: %s', async (lang) => {
-    const args = { identifier: 'identifier', lang };
-    const slot = getSlottedContent();
-    // Set all elements required
-    slot.forEach(s => {
-      s.$attrs$.required = true;
-    });
-    const page = await getPage(args, slot);
-    const mgForm = page.doc.querySelector('mg-form');
-    // Mock all input validity
-    const mgInputs = Array.from(mgForm.querySelectorAll('*')).filter((node) => node.nodeName.startsWith('MG-INPUT-') && node.nodeName !== 'MG-INPUT-TOGGLE');
-    mgInputs.forEach(input => {
-      if (input.nodeName.includes('CHECKBOX'))
-        setMgInputChecboxeInvalid(input);
-      setCheckValitidy(input);
-    });
-    await page.waitForChanges();
-    await mgForm.displayError();
-    await page.waitForChanges();
-    expect(page.root).toMatchSnapshot();
-  });
-  test('Should update input list when element is added to DOM', async () => {
-    const args = { identifier: 'identifier' };
-    const slot = getSlottedContent();
-    const page = await getPage(args, slot);
-    spyOn(page.rootInstance, 'setMgInputs');
-    expect(page.rootInstance.setMgInputs).not.toHaveBeenCalled();
-    fireMo([]);
-    await page.waitForChanges();
-    expect(page.rootInstance.setMgInputs).toHaveBeenCalled();
-  });
-  test.each(['readonly', 'disabled'])('Should update input list when attribute % change', async (attribute) => {
-    const args = { identifier: 'identifier' };
-    const slot = getSlottedContent();
-    const page = await getPage(args, slot);
-    const mgForm = page.doc.querySelector('mg-form');
-    spyOn(page.rootInstance, 'setMgInputs');
-    spyOn(page.rootInstance, 'setRequiredMessage');
-    expect(page.rootInstance.setMgInputs).not.toHaveBeenCalled();
-    expect(page.rootInstance.setRequiredMessage).not.toHaveBeenCalled();
-    mgForm[attribute] = true;
-    await page.waitForChanges();
-    expect(page.rootInstance.setMgInputs).toHaveBeenCalled();
-    expect(page.rootInstance.setRequiredMessage).toHaveBeenCalled();
-  });
-  test.each([
-    {
-      slot: () => [h("mg-input-text", { identifier: "mg-input-text", label: "mg-input-text label" })],
-      message: null,
-    },
-    {
-      slot: () => [
-        h("mg-input-text", { identifier: "mg-input-text", label: "mg-input-text label" }),
-        h("mg-input-toggle", { identifier: "mg-input-toggle", label: "mg-input-toggle label", items: [
-            { title: 'non', value: false },
-            { title: 'oui', value: true },
-          ] }, h("span", { slot: "item-1" }, "non"), h("span", { slot: "item-2" }, "oui")),
-      ],
-      message: null,
-    },
-    {
-      slot: () => [h("mg-input-text", { required: true, identifier: "mg-input-text", label: "mg-input-text label" })],
-      message: 'The field is required',
-    },
-    {
-      slot: () => [
-        h("mg-input-text", { required: true, identifier: "mg-input-text", label: "mg-input-text label" }),
-        h("mg-input-text", { required: true, identifier: "mg-input-text", label: "mg-input-text label" }),
-      ],
-      message: 'All fields are required',
-    },
-    {
-      slot: () => [
-        h("mg-input-text", { required: true, identifier: "mg-input-text", label: "mg-input-text label" }),
-        h("mg-input-text", { identifier: "mg-input-text", label: "mg-input-text label" }),
-      ],
-      message: 'Field with a <strong class="mg-u-is-asterisk">*</strong> is required',
-    },
-    {
-      slot: () => [
-        h("mg-input-text", { required: true, identifier: "mg-input-text", label: "mg-input-text label" }),
-        h("mg-input-text", { identifier: "mg-input-text", label: "mg-input-text label" }),
-        h("mg-input-toggle", { identifier: "mg-input-toggle", label: "mg-input-toggle label", items: [
-            { title: 'non', value: false },
-            { title: 'oui', value: true },
-          ] }, h("span", { slot: "item-1" }, "non"), h("span", { slot: "item-2" }, "oui")),
-      ],
-      message: 'Field with a <strong class="mg-u-is-asterisk">*</strong> is required',
-    },
-    {
-      slot: () => [
-        h("mg-input-text", { required: true, identifier: "mg-input-text", label: "mg-input-text label" }),
-        h("mg-input-text", { required: true, identifier: "mg-input-text", label: "mg-input-text label" }),
-        h("mg-input-toggle", { identifier: "mg-input-toggle", label: "mg-input-toggle label", items: [
-            { title: 'non', value: false },
-            { title: 'oui', value: true },
-          ] }, h("span", { slot: "item-1" }, "non"), h("span", { slot: "item-2" }, "oui")),
-      ],
-      message: 'All fields are required',
-    },
-    {
-      slot: () => [
-        h("mg-input-text", { required: true, identifier: "mg-input-text", label: "mg-input-text label" }),
-        h("mg-input-text", { required: true, identifier: "mg-input-text", label: "mg-input-text label" }),
-        h("mg-input-text", { identifier: "mg-input-text", label: "mg-input-text label" }),
-      ],
-      message: 'Fields with a <strong class="mg-u-is-asterisk">*</strong> are required',
-    },
-    {
-      slot: () => [
-        h("mg-input-text", { required: true, identifier: "mg-input-text", label: "mg-input-text label" }),
-        h("mg-input-toggle", { identifier: "mg-input-toggle", label: "mg-input-toggle label", items: [
-            { title: 'non', value: false },
-            { title: 'oui', value: true },
-          ] }, h("span", { slot: "item-1" }, "non"), h("span", { slot: "item-2" }, "oui")),
-      ],
-      message: 'Field with a <strong class="mg-u-is-asterisk">*</strong> is required',
-    },
-  ])('Should display needeed required message', async ({ slot, message }) => {
-    const page = await getPage({ identifier: 'identifier' }, slot());
-    expect(page.rootInstance.requiredMessage).toBe(message);
-  });
-  test.each([undefined, ...buttonTypes])('Should only emit "submit" event for <mg-button type="submit">, case type is %s', async (type) => {
-    const args = { identifier: 'identifier' };
-    const slot = [
-      ...getSlottedContent(),
-      h("div", { slot: "actions" }, h("mg-button", { type: type }, "Submit")),
-    ];
-    const page = await getPage(args, slot);
-    const mgForm = page.doc.querySelector('mg-form');
-    const form = mgForm.shadowRoot.querySelector('form');
-    const mgButton = page.doc.querySelector('mg-button');
-    const formSpy = jest.spyOn(form, 'dispatchEvent');
-    const mgFormSpy = jest.spyOn(page.rootInstance.formSubmit, 'emit');
-    mgButton.dispatchEvent(new MouseEvent('click', { bubbles: true }));
-    await page.waitForChanges();
-    if ([undefined, 'submit'].includes(type)) {
-      expect(formSpy).toHaveBeenCalledWith(expect.objectContaining({
-        type: 'submit',
-        cancelable: true,
-      }));
-      expect(mgFormSpy).toHaveBeenCalled();
-    }
-    else {
-      expect(formSpy).not.toHaveBeenCalled();
-      expect(mgFormSpy).not.toHaveBeenCalled();
-    }
-  });
-});
-//# sourceMappingURL=mg-form.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"mg-form.spec.js","sourceRoot":"","sources":["../../../../../src/components/molecules/mg-form/test/mg-form.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport { newSpecPage } from '@stencil/core/testing';\nimport { MgForm } from '../mg-form';\nimport { MgButton } from '../../../atoms/mg-button/mg-button';\nimport { buttonTypes } from '../../../atoms/mg-button/mg-button.conf';\nimport { MgInputCheckbox } from '../../inputs/mg-input-checkbox/mg-input-checkbox';\nimport { MgInputDate } from '../../inputs/mg-input-date/mg-input-date';\nimport { MgInputNumeric } from '../../inputs/mg-input-numeric/mg-input-numeric';\nimport { MgInputPassword } from '../../inputs/mg-input-password/mg-input-password';\nimport { MgInputRadio } from '../../inputs/mg-input-radio/mg-input-radio';\nimport { MgInputSelect } from '../../inputs/mg-input-select/mg-input-select';\nimport { MgInputText } from '../../inputs/mg-input-text/mg-input-text';\nimport { MgInputTextarea } from '../../inputs/mg-input-textarea/mg-input-textarea';\nimport { MgInputToggle } from '../../inputs/mg-input-toggle/mg-input-toggle';\nimport { HTMLMgInputsElement } from '../../inputs/MgInput.conf';\nimport { setupMutationObserverMock, setupSubmitEventMock } from '../../../../utils/unit.test.utils';\nimport { MgInputTitle } from '../../../atoms/mg-input-title/mg-input-title';\n\nconst getPage = async (args, content?) => {\n  const page = await newSpecPage({\n    components: [\n      MgForm,\n      MgInputCheckbox,\n      MgInputDate,\n      MgInputNumeric,\n      MgInputPassword,\n      MgInputRadio,\n      MgInputSelect,\n      MgInputText,\n      MgInputTextarea,\n      MgInputToggle,\n      MgButton,\n      MgInputTitle,\n    ],\n    template: () => <mg-form {...args}>{content}</mg-form>,\n  });\n\n  jest.runAllTimers();\n\n  await page.waitForChanges();\n\n  return page;\n};\n\nconst getSlottedContent = () => [\n  <mg-input-checkbox\n    identifier=\"mg-input-checkbox\"\n    label=\"mg-input-checkbox label\"\n    value={[\n      { title: 'oui', value: true },\n      { title: 'non', value: false },\n    ]}\n  ></mg-input-checkbox>,\n  <mg-input-date identifier=\"mg-input-date\" label=\"mg-input-date label\"></mg-input-date>,\n  <mg-input-numeric identifier=\"mg-input-numeric\" label=\"mg-input-numeric label\"></mg-input-numeric>,\n  <mg-input-password identifier=\"mg-input-password\" label=\"mg-input-password label\"></mg-input-password>,\n  <mg-input-radio identifier=\"mg-input-radio\" label=\"mg-input-radio label\" items={['blu', 'bli', 'bla', 'blo']}></mg-input-radio>,\n  <mg-input-select identifier=\"mg-input-select\" label=\"mg-input-select label\" items={['blu', 'bli', 'bla', 'blo']}></mg-input-select>,\n  <mg-input-text identifier=\"mg-input-text\" label=\"mg-input-text label\"></mg-input-text>,\n  <mg-input-textarea identifier=\"mg-input-textarea\" label=\"mg-input-textarea label\"></mg-input-textarea>,\n  <mg-input-toggle\n    identifier=\"mg-input-toggle\"\n    label=\"mg-input-toggle label\"\n    items={[\n      { title: 'non', value: false },\n      { title: 'oui', value: true },\n    ]}\n  >\n    <span slot=\"item-1\">non</span>\n    <span slot=\"item-2\">oui</span>\n  </mg-input-toggle>,\n];\n\nconst setCheckValitidy = (input: HTMLMgInputsElement): void => {\n  const shadowInputs = input.shadowRoot.querySelectorAll('input, textarea, select') as NodeListOf<HTMLInputElement>;\n  shadowInputs.forEach(input => {\n    input.checkValidity = jest.fn(() => false);\n    Object.defineProperty(input, 'validity', {\n      get: jest.fn(() => ({\n        valueMissing: true,\n      })),\n    });\n  });\n};\n\nconst setMgInputChecboxeInvalid = (input: HTMLMgInputCheckboxElement): void => {\n  input.required = true;\n  input.value = [\n    { title: 'oui', value: false },\n    { title: 'non', value: false },\n  ];\n};\n\ndescribe('mg-form', () => {\n  let fireMo;\n\n  beforeEach(() => {\n    jest.useFakeTimers();\n\n    setupMutationObserverMock({\n      observe: function () {\n        fireMo = this.cb;\n      },\n      disconnect: function () {\n        return null;\n      },\n      takeRecords: () => [],\n    });\n    setupSubmitEventMock();\n  });\n\n  afterEach(() => jest.runOnlyPendingTimers());\n\n  test.each([\n    { args: { identifier: 'identifier' } },\n    { args: { identifier: 'identifier', readonly: true } },\n    { args: { identifier: 'identifier', disabled: true } },\n    { args: { identifier: 'identifier' }, required: 'one' },\n    { args: { identifier: 'identifier' }, required: 'all' },\n    { args: { identifier: 'identifier' }, required: 'multiple' },\n    { args: { identifier: 'identifier' }, required: 'single' },\n    { args: { identifier: 'identifier' }, readonly: true },\n  ])('Should render with args %o:', async ({ args, required, readonly }) => {\n    const slot = required === 'single' ? getSlottedContent()[0] : getSlottedContent();\n    if (required === 'one') slot[0].$attrs$.required = true;\n    else if (required === 'all')\n      slot.forEach(s => {\n        s.$attrs$.required = true;\n      });\n    else if (required === 'multiple') {\n      slot[0].$attrs$.required = true;\n      slot[1].$attrs$.required = true;\n    } else if (required === 'single') slot.$attrs$.required = true;\n\n    if (readonly)\n      slot.forEach(s => {\n        s.$attrs$.readonly = true;\n      });\n\n    const { root } = await getPage(args, slot);\n    expect(root).toMatchSnapshot();\n  });\n\n  test.each([false, true])('Should display components errors (readonly: %s)', async readonly => {\n    const args = { identifier: 'identifier', readonly };\n\n    const slot = getSlottedContent();\n    // Set all elements required\n    slot.forEach(s => {\n      s.$attrs$.required = true;\n    });\n\n    const page = await getPage(args, slot);\n    const mgForm = page.doc.querySelector('mg-form');\n\n    if (!readonly) {\n      // Mock all input validity\n      const mgInputs = Array.from(mgForm.querySelectorAll('*')).filter(\n        (node: Node) => node.nodeName.startsWith('MG-INPUT-') && node.nodeName !== 'MG-INPUT-TOGGLE',\n      ) as HTMLMgInputsElement[];\n      mgInputs.forEach(input => {\n        if (input.nodeName.includes('CHECKBOX')) setMgInputChecboxeInvalid(input as HTMLMgInputCheckboxElement);\n        setCheckValitidy(input);\n      });\n      await page.waitForChanges();\n\n      await mgForm.displayError();\n    }\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  test.each(['fr', 'xx'])('display error message with locale: %s', async lang => {\n    const args = { identifier: 'identifier', lang };\n\n    const slot = getSlottedContent();\n    // Set all elements required\n    slot.forEach(s => {\n      s.$attrs$.required = true;\n    });\n\n    const page = await getPage(args, slot);\n    const mgForm = page.doc.querySelector('mg-form');\n\n    // Mock all input validity\n    const mgInputs = Array.from(mgForm.querySelectorAll('*')).filter(\n      (node: Node) => node.nodeName.startsWith('MG-INPUT-') && node.nodeName !== 'MG-INPUT-TOGGLE',\n    ) as HTMLMgInputsElement[];\n    mgInputs.forEach(input => {\n      if (input.nodeName.includes('CHECKBOX')) setMgInputChecboxeInvalid(input as HTMLMgInputCheckboxElement);\n      setCheckValitidy(input);\n    });\n    await page.waitForChanges();\n\n    await mgForm.displayError();\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  test('Should update input list when element is added to DOM', async () => {\n    const args = { identifier: 'identifier' };\n    const slot = getSlottedContent();\n    const page = await getPage(args, slot);\n\n    spyOn(page.rootInstance, 'setMgInputs');\n\n    expect(page.rootInstance.setMgInputs).not.toHaveBeenCalled();\n\n    fireMo([]);\n    await page.waitForChanges();\n\n    expect(page.rootInstance.setMgInputs).toHaveBeenCalled();\n  });\n\n  test.each(['readonly', 'disabled'])('Should update input list when attribute % change', async attribute => {\n    const args = { identifier: 'identifier' };\n    const slot = getSlottedContent();\n    const page = await getPage(args, slot);\n    const mgForm = page.doc.querySelector('mg-form');\n\n    spyOn(page.rootInstance, 'setMgInputs');\n    spyOn(page.rootInstance, 'setRequiredMessage');\n\n    expect(page.rootInstance.setMgInputs).not.toHaveBeenCalled();\n    expect(page.rootInstance.setRequiredMessage).not.toHaveBeenCalled();\n\n    mgForm[attribute] = true;\n    await page.waitForChanges();\n\n    expect(page.rootInstance.setMgInputs).toHaveBeenCalled();\n    expect(page.rootInstance.setRequiredMessage).toHaveBeenCalled();\n  });\n\n  test.each([\n    {\n      slot: () => [<mg-input-text identifier=\"mg-input-text\" label=\"mg-input-text label\"></mg-input-text>],\n      message: null,\n    },\n    {\n      slot: () => [\n        <mg-input-text identifier=\"mg-input-text\" label=\"mg-input-text label\"></mg-input-text>,\n        <mg-input-toggle\n          identifier=\"mg-input-toggle\"\n          label=\"mg-input-toggle label\"\n          items={[\n            { title: 'non', value: false },\n            { title: 'oui', value: true },\n          ]}\n        >\n          <span slot=\"item-1\">non</span>\n          <span slot=\"item-2\">oui</span>\n        </mg-input-toggle>,\n      ],\n      message: null,\n    },\n    {\n      slot: () => [<mg-input-text required identifier=\"mg-input-text\" label=\"mg-input-text label\"></mg-input-text>],\n      message: 'The field is required',\n    },\n    {\n      slot: () => [\n        <mg-input-text required identifier=\"mg-input-text\" label=\"mg-input-text label\"></mg-input-text>,\n        <mg-input-text required identifier=\"mg-input-text\" label=\"mg-input-text label\"></mg-input-text>,\n      ],\n      message: 'All fields are required',\n    },\n    {\n      slot: () => [\n        <mg-input-text required identifier=\"mg-input-text\" label=\"mg-input-text label\"></mg-input-text>,\n        <mg-input-text identifier=\"mg-input-text\" label=\"mg-input-text label\"></mg-input-text>,\n      ],\n      message: 'Field with a <strong class=\"mg-u-is-asterisk\">*</strong> is required',\n    },\n    {\n      slot: () => [\n        <mg-input-text required identifier=\"mg-input-text\" label=\"mg-input-text label\"></mg-input-text>,\n        <mg-input-text identifier=\"mg-input-text\" label=\"mg-input-text label\"></mg-input-text>,\n        <mg-input-toggle\n          identifier=\"mg-input-toggle\"\n          label=\"mg-input-toggle label\"\n          items={[\n            { title: 'non', value: false },\n            { title: 'oui', value: true },\n          ]}\n        >\n          <span slot=\"item-1\">non</span>\n          <span slot=\"item-2\">oui</span>\n        </mg-input-toggle>,\n      ],\n      message: 'Field with a <strong class=\"mg-u-is-asterisk\">*</strong> is required',\n    },\n    {\n      slot: () => [\n        <mg-input-text required identifier=\"mg-input-text\" label=\"mg-input-text label\"></mg-input-text>,\n        <mg-input-text required identifier=\"mg-input-text\" label=\"mg-input-text label\"></mg-input-text>,\n        <mg-input-toggle\n          identifier=\"mg-input-toggle\"\n          label=\"mg-input-toggle label\"\n          items={[\n            { title: 'non', value: false },\n            { title: 'oui', value: true },\n          ]}\n        >\n          <span slot=\"item-1\">non</span>\n          <span slot=\"item-2\">oui</span>\n        </mg-input-toggle>,\n      ],\n      message: 'All fields are required',\n    },\n    {\n      slot: () => [\n        <mg-input-text required identifier=\"mg-input-text\" label=\"mg-input-text label\"></mg-input-text>,\n        <mg-input-text required identifier=\"mg-input-text\" label=\"mg-input-text label\"></mg-input-text>,\n        <mg-input-text identifier=\"mg-input-text\" label=\"mg-input-text label\"></mg-input-text>,\n      ],\n      message: 'Fields with a <strong class=\"mg-u-is-asterisk\">*</strong> are required',\n    },\n    {\n      slot: () => [\n        <mg-input-text required identifier=\"mg-input-text\" label=\"mg-input-text label\"></mg-input-text>,\n        <mg-input-toggle\n          identifier=\"mg-input-toggle\"\n          label=\"mg-input-toggle label\"\n          items={[\n            { title: 'non', value: false },\n            { title: 'oui', value: true },\n          ]}\n        >\n          <span slot=\"item-1\">non</span>\n          <span slot=\"item-2\">oui</span>\n        </mg-input-toggle>,\n      ],\n      message: 'Field with a <strong class=\"mg-u-is-asterisk\">*</strong> is required',\n    },\n  ])('Should display needeed required message', async ({ slot, message }) => {\n    const page = await getPage({ identifier: 'identifier' }, slot());\n\n    expect(page.rootInstance.requiredMessage).toBe(message);\n  });\n\n  test.each([undefined, ...buttonTypes])('Should only emit \"submit\" event for <mg-button type=\"submit\">, case type is %s', async type => {\n    const args = { identifier: 'identifier' };\n    const slot = [\n      ...getSlottedContent(),\n      <div slot=\"actions\">\n        <mg-button type={type}>Submit</mg-button>\n      </div>,\n    ];\n    const page = await getPage(args, slot);\n\n    const mgForm = page.doc.querySelector('mg-form');\n    const form = mgForm.shadowRoot.querySelector('form');\n    const mgButton = page.doc.querySelector('mg-button');\n\n    const formSpy = jest.spyOn(form, 'dispatchEvent');\n    const mgFormSpy = jest.spyOn(page.rootInstance.formSubmit, 'emit');\n\n    mgButton.dispatchEvent(new MouseEvent('click', { bubbles: true }));\n\n    await page.waitForChanges();\n\n    if ([undefined, 'submit'].includes(type)) {\n      expect(formSpy).toHaveBeenCalledWith(\n        expect.objectContaining({\n          type: 'submit',\n          cancelable: true,\n        }),\n      );\n      expect(mgFormSpy).toHaveBeenCalled();\n    } else {\n      expect(formSpy).not.toHaveBeenCalled();\n      expect(mgFormSpy).not.toHaveBeenCalled();\n    }\n  });\n});\n"]}

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

@@ -1,39 +0,0 @@
-import { createPage } from "../../../../utils/stencil.e2e.test.utils";
-const template = (size = 'regular', direction = 'vertical') => `<mg-illustrated-message size="${size}" direction="${direction}">
-<svg slot="illustration" width="190" height="350" viewBox="0 0 190 350" xmlns="http://www.w3.org/2000/svg">
-  <path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="M0 0H15C23.2843 0 30 6.71573 30 15V290H40V15C40 6.71573 46.7157 0 55 0C63.2843 0 70 6.71573 70 15V275C70 277.761 67.7615 280 65 280H60V40H50V340H60V290H65C67.7615 290 70 292.239 70 295V340H80V295C80 291.158 78.5558 287.654 76.1805 285C78.5558 282.346 80 278.842 80 275V0H95C103.284 0 110 6.71573 110 15V25C110 28.8418 108.556 32.3462 106.181 35C108.556 37.6538 110 41.1582 110 45V305C110 307.761 107.761 310 105 310H100V45C100 42.2386 97.7615 40 95 40H90V325C90 333.284 96.7157 340 105 340H120V330H105C102.239 330 100 327.761 100 325V320H105C113.284 320 120 313.284 120 305V15C120 6.71573 126.716 0 135 0C143.284 0 150 6.71573 150 15V330H140V15C140 12.2386 137.761 10 135 10C132.239 10 130 12.2386 130 15V340H165C173.284 340 180 333.284 180 325V15C180 12.2386 177.761 10 175 10H170V325C170 327.761 167.761 330 165 330H160V0H175C183.284 0 190 6.71573 190 15V350H0V0ZM10 325C10 333.284 16.7157 340 25 340C33.2843 340 40 333.284 40 325V300H30V325C30 327.761 27.7615 330 25 330C22.2385 330 20 327.761 20 325V15C20 12.2386 17.7615 10 15 10H10V325ZM60 15V30H50V15C50 12.2386 52.2385 10 55 10C57.7615 10 60 12.2386 60 15ZM95 30H90V10H95C97.7615 10 100 12.2386 100 15V25C100 27.7614 97.7615 30 95 30Z"
-    fill="black"
-  />
-</svg>
-<h2 slot="title">Lorem Ipsum</h2>
-<h3 slot="details">The standard Lorem Ipsum passage, used since the 1500s</h3>
-<div slot="details">
-  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.
-</div>
-</mg-illustrated-message>`;
-describe('mg-illustrated-message', () => {
-  test.each(['regular', 'small'])('renders size %', async (size) => {
-    const page = await createPage(template(size));
-    const element = await page.find('mg-illustrated-message');
-    expect(element).toHaveClass('hydrated');
-    const screenshot = await page.screenshot();
-    expect(screenshot).toMatchImageSnapshot();
-  });
-  test('renders horizontal', async () => {
-    const page = await createPage(template(undefined, 'horizontal'));
-    const element = await page.find('mg-illustrated-message');
-    expect(element).toHaveClass('hydrated');
-    await page.setViewport({ width: 800, height: 300 });
-    const screenshot = await page.screenshot();
-    expect(screenshot).toMatchImageSnapshot();
-    await page.setViewport({ width: 600, height: 600 });
-    const screenshotResponsive = await page.screenshot();
-    expect(screenshotResponsive).toMatchImageSnapshot();
-  });
-});
-//# sourceMappingURL=mg-illustrated-message.e2e.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"mg-illustrated-message.e2e.js","sourceRoot":"","sources":["../../../../../src/components/molecules/mg-illustrated-message/test/mg-illustrated-message.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AAEtE,MAAM,QAAQ,GAAG,CAAC,IAAI,GAAG,SAAS,EAAE,SAAS,GAAG,UAAU,EAAE,EAAE,CAAC,iCAAiC,IAAI,gBAAgB,SAAS;;;;;;;;;;;;;;;;0BAgBnG,CAAC;AAE3B,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;EACtC,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,gBAAgB,EAAE,KAAK,EAAC,IAAI,EAAC,EAAE;IAC7D,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;IAE9C,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;IAC1D,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAExC,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;IAC3C,MAAM,CAAC,UAAU,CAAC,CAAC,oBAAoB,EAAE,CAAC;EAC5C,CAAC,CAAC,CAAC;EAEH,IAAI,CAAC,oBAAoB,EAAE,KAAK,IAAI,EAAE;IACpC,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC,QAAQ,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC;IAEjE,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;IAC1D,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAExC,MAAM,IAAI,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;IAEpD,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;IAC3C,MAAM,CAAC,UAAU,CAAC,CAAC,oBAAoB,EAAE,CAAC;IAE1C,MAAM,IAAI,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;IAEpD,MAAM,oBAAoB,GAAG,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;IACrD,MAAM,CAAC,oBAAoB,CAAC,CAAC,oBAAoB,EAAE,CAAC;EACtD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { createPage } from '../../../../utils/stencil.e2e.test.utils';\n\nconst template = (size = 'regular', direction = 'vertical') => `<mg-illustrated-message size=\"${size}\" direction=\"${direction}\">\n<svg slot=\"illustration\" width=\"190\" height=\"350\" viewBox=\"0 0 190 350\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path\n    fill-rule=\"evenodd\"\n    clip-rule=\"evenodd\"\n    d=\"M0 0H15C23.2843 0 30 6.71573 30 15V290H40V15C40 6.71573 46.7157 0 55 0C63.2843 0 70 6.71573 70 15V275C70 277.761 67.7615 280 65 280H60V40H50V340H60V290H65C67.7615 290 70 292.239 70 295V340H80V295C80 291.158 78.5558 287.654 76.1805 285C78.5558 282.346 80 278.842 80 275V0H95C103.284 0 110 6.71573 110 15V25C110 28.8418 108.556 32.3462 106.181 35C108.556 37.6538 110 41.1582 110 45V305C110 307.761 107.761 310 105 310H100V45C100 42.2386 97.7615 40 95 40H90V325C90 333.284 96.7157 340 105 340H120V330H105C102.239 330 100 327.761 100 325V320H105C113.284 320 120 313.284 120 305V15C120 6.71573 126.716 0 135 0C143.284 0 150 6.71573 150 15V330H140V15C140 12.2386 137.761 10 135 10C132.239 10 130 12.2386 130 15V340H165C173.284 340 180 333.284 180 325V15C180 12.2386 177.761 10 175 10H170V325C170 327.761 167.761 330 165 330H160V0H175C183.284 0 190 6.71573 190 15V350H0V0ZM10 325C10 333.284 16.7157 340 25 340C33.2843 340 40 333.284 40 325V300H30V325C30 327.761 27.7615 330 25 330C22.2385 330 20 327.761 20 325V15C20 12.2386 17.7615 10 15 10H10V325ZM60 15V30H50V15C50 12.2386 52.2385 10 55 10C57.7615 10 60 12.2386 60 15ZM95 30H90V10H95C97.7615 10 100 12.2386 100 15V25C100 27.7614 97.7615 30 95 30Z\"\n    fill=\"black\"\n  />\n</svg>\n<h2 slot=\"title\">Lorem Ipsum</h2>\n<h3 slot=\"details\">The standard Lorem Ipsum passage, used since the 1500s</h3>\n<div slot=\"details\">\n  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud\n  exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n  pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n</div>\n</mg-illustrated-message>`;\n\ndescribe('mg-illustrated-message', () => {\n  test.each(['regular', 'small'])('renders size %', async size => {\n    const page = await createPage(template(size));\n\n    const element = await page.find('mg-illustrated-message');\n    expect(element).toHaveClass('hydrated');\n\n    const screenshot = await page.screenshot();\n    expect(screenshot).toMatchImageSnapshot();\n  });\n\n  test('renders horizontal', async () => {\n    const page = await createPage(template(undefined, 'horizontal'));\n\n    const element = await page.find('mg-illustrated-message');\n    expect(element).toHaveClass('hydrated');\n\n    await page.setViewport({ width: 800, height: 300 });\n\n    const screenshot = await page.screenshot();\n    expect(screenshot).toMatchImageSnapshot();\n\n    await page.setViewport({ width: 600, height: 600 });\n\n    const screenshotResponsive = await page.screenshot();\n    expect(screenshotResponsive).toMatchImageSnapshot();\n  });\n});\n"]}

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

@@ -1,36 +0,0 @@
-import { h } from "@stencil/core";
-import { newSpecPage } from "@stencil/core/testing";
-import { MgIllustratedMessage } from "../mg-illustrated-message";
-const getPage = (args, title = h("h2", { slot: "title" }, "Lorem Ipsum"), illustration = (h("svg", { slot: "illustration", width: "190", height: "350", viewBox: "0 0 190 350", xmlns: "http://www.w3.org/2000/svg" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M0 0H15C23.2843 0 30 6.71573 30 15V290H40V15C40 6.71573 46.7157 0 55 0C63.2843 0 70 6.71573 70 15V275C70 277.761 67.7615 280 65 280H60V40H50V340H60V290H65C67.7615 290 70 292.239 70 295V340H80V295C80 291.158 78.5558 287.654 76.1805 285C78.5558 282.346 80 278.842 80 275V0H95C103.284 0 110 6.71573 110 15V25C110 28.8418 108.556 32.3462 106.181 35C108.556 37.6538 110 41.1582 110 45V305C110 307.761 107.761 310 105 310H100V45C100 42.2386 97.7615 40 95 40H90V325C90 333.284 96.7157 340 105 340H120V330H105C102.239 330 100 327.761 100 325V320H105C113.284 320 120 313.284 120 305V15C120 6.71573 126.716 0 135 0C143.284 0 150 6.71573 150 15V330H140V15C140 12.2386 137.761 10 135 10C132.239 10 130 12.2386 130 15V340H165C173.284 340 180 333.284 180 325V15C180 12.2386 177.761 10 175 10H170V325C170 327.761 167.761 330 165 330H160V0H175C183.284 0 190 6.71573 190 15V350H0V0ZM10 325C10 333.284 16.7157 340 25 340C33.2843 340 40 333.284 40 325V300H30V325C30 327.761 27.7615 330 25 330C22.2385 330 20 327.761 20 325V15C20 12.2386 17.7615 10 15 10H10V325ZM60 15V30H50V15C50 12.2386 52.2385 10 55 10C57.7615 10 60 12.2386 60 15ZM95 30H90V10H95C97.7615 10 100 12.2386 100 15V25C100 27.7614 97.7615 30 95 30Z", fill: "black" })))) => newSpecPage({
-  components: [MgIllustratedMessage],
-  template: () => (h("mg-illustrated-message", Object.assign({}, args), illustration, title, h("h3", { slot: "details" }, "The standard Lorem Ipsum passage, used since the 1500s"), h("div", { slot: "details" }, "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."))),
-});
-describe('mg-illustrated-message', () => {
-  test.each([{}, { size: 'small' }, { direction: 'horizontal' }])('with args %s', async (args) => {
-    const { root } = await getPage(args);
-    expect(root).toMatchSnapshot();
-  });
-  test('Should render even if slotted content is not an image file', async () => {
-    const { root } = await getPage({}, undefined, h("span", { slot: "illustration" }));
-    expect(root).toMatchSnapshot();
-  });
-  test('Should throw error if slot title element is not a heading', async () => {
-    expect.assertions(1);
-    try {
-      await getPage({}, h("span", { slot: "title" }, "Lorem Ipsum"));
-    }
-    catch (err) {
-      expect(err.message).toContain('<mg-illustrated-message> Slotted title must be a heading: ');
-    }
-  });
-  test.each([h("div", null, "content without illustration slot"), [h("svg", { slot: "illustration" }), h("svg", { slot: "illustration" })]])('Should throw error if slot illustration is not single or element is not an image', async (slottedIllustration) => {
-    expect.assertions(1);
-    try {
-      await getPage({}, undefined, slottedIllustration);
-    }
-    catch (err) {
-      expect(err.message).toEqual('<mg-illustrated-message> Slotted illustration must be present and unique.');
-    }
-  });
-});
-//# sourceMappingURL=mg-illustrated-message.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"mg-illustrated-message.spec.js","sourceRoot":"","sources":["../../../../../src/components/molecules/mg-illustrated-message/test/mg-illustrated-message.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,OAAO,GAAG,CACd,IAAI,EACJ,KAAK,GAAG,UAAI,IAAI,EAAC,OAAO,kBAAiB,EACzC,YAAY,GAAG,CACb,WAAK,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,aAAa,EAAC,KAAK,EAAC,4BAA4B;EACxG,yBACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,0qCAA0qC,EAC5qC,IAAI,EAAC,OAAO,GACZ,CACE,CACP,EACD,EAAE,CACF,WAAW,CAAC;EACV,UAAU,EAAE,CAAC,oBAAoB,CAAC;EAClC,QAAQ,EAAE,GAAG,EAAE,CAAC,CACd,8CAA4B,IAAI;IAC7B,YAAY;IACZ,KAAK;IACN,UAAI,IAAI,EAAC,SAAS,6DAA4D;IAC9E,WAAK,IAAI,EAAC,SAAS,ocAIb,CACiB,CAC1B;CACF,CAAC,CAAC;AAEL,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;EACtC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,KAAK,EAAC,IAAI,EAAC,EAAE;IAC3F,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;EACjC,CAAC,CAAC,CAAC;EAEH,IAAI,CAAC,4DAA4D,EAAE,KAAK,IAAI,EAAE;IAC5E,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,OAAO,CAAC,EAAE,EAAE,SAAS,EAAE,YAAM,IAAI,EAAC,cAAc,GAAQ,CAAC,CAAC;IACjF,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;EACjC,CAAC,CAAC,CAAC;EAEH,IAAI,CAAC,2DAA2D,EAAE,KAAK,IAAI,EAAE;IAC3E,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IACrB,IAAI;MACF,MAAM,OAAO,CAAC,EAAE,EAAE,YAAM,IAAI,EAAC,OAAO,kBAAmB,CAAC,CAAC;KAC1D;IAAC,OAAO,GAAG,EAAE;MACZ,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,4DAA4D,CAAC,CAAC;KAC7F;EACH,CAAC,CAAC,CAAC;EAEH,IAAI,CAAC,IAAI,CAAC,CAAC,mDAA4C,EAAE,CAAC,WAAK,IAAI,EAAC,cAAc,GAAO,EAAE,WAAK,IAAI,EAAC,cAAc,GAAO,CAAC,CAAC,CAAC,CAC3H,kFAAkF,EAClF,KAAK,EAAC,mBAAmB,EAAC,EAAE;IAC1B,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IACrB,IAAI;MACF,MAAM,OAAO,CAAC,EAAE,EAAE,SAAS,EAAE,mBAAmB,CAAC,CAAC;KACnD;IAAC,OAAO,GAAG,EAAE;MACZ,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,2EAA2E,CAAC,CAAC;KAC1G;EACH,CAAC,CACF,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { h } from '@stencil/core';\nimport { newSpecPage } from '@stencil/core/testing';\nimport { MgIllustratedMessage } from '../mg-illustrated-message';\n\nconst getPage = (\n  args,\n  title = <h2 slot=\"title\">Lorem Ipsum</h2>,\n  illustration = (\n    <svg slot=\"illustration\" width=\"190\" height=\"350\" viewBox=\"0 0 190 350\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M0 0H15C23.2843 0 30 6.71573 30 15V290H40V15C40 6.71573 46.7157 0 55 0C63.2843 0 70 6.71573 70 15V275C70 277.761 67.7615 280 65 280H60V40H50V340H60V290H65C67.7615 290 70 292.239 70 295V340H80V295C80 291.158 78.5558 287.654 76.1805 285C78.5558 282.346 80 278.842 80 275V0H95C103.284 0 110 6.71573 110 15V25C110 28.8418 108.556 32.3462 106.181 35C108.556 37.6538 110 41.1582 110 45V305C110 307.761 107.761 310 105 310H100V45C100 42.2386 97.7615 40 95 40H90V325C90 333.284 96.7157 340 105 340H120V330H105C102.239 330 100 327.761 100 325V320H105C113.284 320 120 313.284 120 305V15C120 6.71573 126.716 0 135 0C143.284 0 150 6.71573 150 15V330H140V15C140 12.2386 137.761 10 135 10C132.239 10 130 12.2386 130 15V340H165C173.284 340 180 333.284 180 325V15C180 12.2386 177.761 10 175 10H170V325C170 327.761 167.761 330 165 330H160V0H175C183.284 0 190 6.71573 190 15V350H0V0ZM10 325C10 333.284 16.7157 340 25 340C33.2843 340 40 333.284 40 325V300H30V325C30 327.761 27.7615 330 25 330C22.2385 330 20 327.761 20 325V15C20 12.2386 17.7615 10 15 10H10V325ZM60 15V30H50V15C50 12.2386 52.2385 10 55 10C57.7615 10 60 12.2386 60 15ZM95 30H90V10H95C97.7615 10 100 12.2386 100 15V25C100 27.7614 97.7615 30 95 30Z\"\n        fill=\"black\"\n      />\n    </svg>\n  ),\n) =>\n  newSpecPage({\n    components: [MgIllustratedMessage],\n    template: () => (\n      <mg-illustrated-message {...args}>\n        {illustration}\n        {title}\n        <h3 slot=\"details\">The standard Lorem Ipsum passage, used since the 1500s</h3>\n        <div slot=\"details\">\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud\n          exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n        </div>\n      </mg-illustrated-message>\n    ),\n  });\n\ndescribe('mg-illustrated-message', () => {\n  test.each([{}, { size: 'small' }, { direction: 'horizontal' }])('with args %s', async args => {\n    const { root } = await getPage(args);\n    expect(root).toMatchSnapshot();\n  });\n\n  test('Should render even if slotted content is not an image file', async () => {\n    const { root } = await getPage({}, undefined, <span slot=\"illustration\"></span>);\n    expect(root).toMatchSnapshot();\n  });\n\n  test('Should throw error if slot title element is not a heading', async () => {\n    expect.assertions(1);\n    try {\n      await getPage({}, <span slot=\"title\">Lorem Ipsum</span>);\n    } catch (err) {\n      expect(err.message).toContain('<mg-illustrated-message> Slotted title must be a heading: ');\n    }\n  });\n\n  test.each([<div>content without illustration slot</div>, [<svg slot=\"illustration\"></svg>, <svg slot=\"illustration\"></svg>]])(\n    'Should throw error if slot illustration is not single or element is not an image',\n    async slottedIllustration => {\n      expect.assertions(1);\n      try {\n        await getPage({}, undefined, slottedIllustration);\n      } catch (err) {\n        expect(err.message).toEqual('<mg-illustrated-message> Slotted illustration must be present and unique.');\n      }\n    },\n  );\n});\n"]}

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

@@ -1,85 +0,0 @@
-import { OverflowBehaviorElements } from "../../../../utils/behaviors.utils";
-import { setPageContent, expect, describe, testEach } from "../../../../utils/playwright.e2e.test.utils";
-import { renderAttributes } from "../../../../utils/e2e.test.utils";
-import { Status } from "../../menu/mg-menu-item/mg-menu-item.conf";
-import { Direction, sizes } from "../../menu/mg-menu/mg-menu.conf";
-const verticalFrameSizes = {
-  regular: {
-    height: 200,
-    width: 180,
-  },
-  medium: {
-    height: 300,
-    width: 180,
-  },
-  large: {
-    height: 400,
-    width: 180,
-  },
-};
-const getSubMenuSize = (size) => {
-  if (size === 'large')
-    return 'medium';
-  else if (size === 'medium')
-    return 'regular';
-  else
-    return 'regular';
-};
-const createHTML = args => `
-  <header class="menu-container menu-container--${args.direction}-small">
-    <mg-menu ${renderAttributes(Object.assign({ label: 'menu' }, args))}>
-      <mg-menu-item status="active">
-        <span slot="label">1 - head-1</span>
-        <mg-menu ${renderAttributes({ label: 'sub-menu 1', direction: Direction.VERTICAL, size: getSubMenuSize(args === null || args === void 0 ? void 0 : args.size) })}>
-          <mg-menu-item><span slot="label">Batman begins</span></mg-menu-item>
-        </mg-menu>
-      </mg-menu-item>
-      <mg-menu-item status="disabled"><span slot="label">1 - head-2 long</span></mg-menu-item>
-      <mg-menu-item href="#link">
-        <span slot="label">1 - head-3 very long</span>
-        <mg-icon icon='user' slot='image'></mg-icon>
-      </mg-menu-item>
-      <mg-menu-item>
-        <span slot="label">1 - head-4</span>
-        <mg-icon icon='user' slot='image'></mg-icon>
-        ${(args === null || args === void 0 ? void 0 : args.badge) ? "<mg-badge value='2' label='hello' slot='information'></mg-badge>" : ''}  
-      </mg-menu-item>
-      <mg-menu-item>
-        <span slot="label">1 - head-5</span>
-        <mg-icon icon='user' slot='image'></mg-icon>
-        ${(args === null || args === void 0 ? void 0 : args.badge) ? "<mg-badge value='2' label='hello' slot='information'></mg-badge>" : ''} 
-        <mg-menu ${renderAttributes({ label: 'sub-menu 2', direction: Direction.VERTICAL, size: getSubMenuSize(args === null || args === void 0 ? void 0 : args.size) })}>
-          <mg-menu-item><span slot="label">Batman begins with a longer title to go outide screen</span></mg-menu-item>
-        </mg-menu>
-      </mg-menu-item>
-    </mg-menu>
-  </header>
-  <style>
-    .menu-container.menu-container--vertical-small {
-      width: 180px;
-    }
-    .menu-container.menu-container--horizontal-small {
-      width: 200px;
-    }
-  </style>
-  `;
-describe('mg-item-more', () => {
-  describe('mg-menu', () => {
-    testEach(sizes)(`should renders, case direction ${Direction.VERTICAL} size %s with small screen`, async (page, size) => {
-      await setPageContent(page, createHTML({ direction: Direction.VERTICAL, size }), verticalFrameSizes[size]);
-      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-    });
-    testEach([true, false])('should renders with overflow, case badge %s', async (page, badge) => {
-      await setPageContent(page, createHTML({ direction: Direction.HORIZONTAL, badge }), { width: 400, height: 250 });
-      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-      await page.$eval(`[${OverflowBehaviorElements.BASE_INDEX}="0"]`, (elm, status) => {
-        elm.setAttribute('status', status);
-      }, Status.VISIBLE);
-      await page.$eval(`[${OverflowBehaviorElements.BASE_INDEX}="2"]`, (elm, status) => {
-        elm.setAttribute('status', status);
-      }, Status.ACTIVE);
-      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-    });
-  });
-});
-//# sourceMappingURL=mg-item-more.e2e.playwright.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"mg-item-more.e2e.playwright.js","sourceRoot":"","sources":["../../../../../src/components/molecules/mg-item-more/test/mg-item-more.e2e.playwright.ts"],"names":[],"mappings":"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","sourcesContent":["import { OverflowBehaviorElements } from '../../../../utils/behaviors.utils';\nimport { setPageContent, expect, describe, testEach, PageType } from '../../../../utils/playwright.e2e.test.utils';\nimport { renderAttributes } from '../../../../utils/e2e.test.utils';\nimport { Status } from '../../menu/mg-menu-item/mg-menu-item.conf';\nimport { Direction, MenuSizeType, sizes } from '../../menu/mg-menu/mg-menu.conf';\n\nconst verticalFrameSizes = {\n  regular: {\n    height: 200,\n    width: 180,\n  },\n  medium: {\n    height: 300,\n    width: 180,\n  },\n  large: {\n    height: 400,\n    width: 180,\n  },\n};\n\nconst getSubMenuSize = (size: MenuSizeType) => {\n  if (size === 'large') return 'medium';\n  else if (size === 'medium') return 'regular';\n  else return 'regular';\n};\n\nconst createHTML = args => `\n  <header class=\"menu-container menu-container--${args.direction}-small\">\n    <mg-menu ${renderAttributes({ label: 'menu', ...args })}>\n      <mg-menu-item status=\"active\">\n        <span slot=\"label\">1 - head-1</span>\n        <mg-menu ${renderAttributes({ label: 'sub-menu 1', direction: Direction.VERTICAL, size: getSubMenuSize(args?.size) })}>\n          <mg-menu-item><span slot=\"label\">Batman begins</span></mg-menu-item>\n        </mg-menu>\n      </mg-menu-item>\n      <mg-menu-item status=\"disabled\"><span slot=\"label\">1 - head-2 long</span></mg-menu-item>\n      <mg-menu-item href=\"#link\">\n        <span slot=\"label\">1 - head-3 very long</span>\n        <mg-icon icon='user' slot='image'></mg-icon>\n      </mg-menu-item>\n      <mg-menu-item>\n        <span slot=\"label\">1 - head-4</span>\n        <mg-icon icon='user' slot='image'></mg-icon>\n        ${args?.badge ? \"<mg-badge value='2' label='hello' slot='information'></mg-badge>\" : ''}  \n      </mg-menu-item>\n      <mg-menu-item>\n        <span slot=\"label\">1 - head-5</span>\n        <mg-icon icon='user' slot='image'></mg-icon>\n        ${args?.badge ? \"<mg-badge value='2' label='hello' slot='information'></mg-badge>\" : ''} \n        <mg-menu ${renderAttributes({ label: 'sub-menu 2', direction: Direction.VERTICAL, size: getSubMenuSize(args?.size) })}>\n          <mg-menu-item><span slot=\"label\">Batman begins with a longer title to go outide screen</span></mg-menu-item>\n        </mg-menu>\n      </mg-menu-item>\n    </mg-menu>\n  </header>\n  <style>\n    .menu-container.menu-container--vertical-small {\n      width: 180px;\n    }\n    .menu-container.menu-container--horizontal-small {\n      width: 200px;\n    }\n  </style>\n  `;\n\ndescribe('mg-item-more', () => {\n  describe('mg-menu', () => {\n    testEach(sizes)(`should renders, case direction ${Direction.VERTICAL} size %s with small screen`, async (page: PageType, size: string) => {\n      await setPageContent(page, createHTML({ direction: Direction.VERTICAL, size }), verticalFrameSizes[size]);\n\n      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();\n    });\n\n    testEach([true, false])('should renders with overflow, case badge %s', async (page: PageType, badge) => {\n      await setPageContent(page, createHTML({ direction: Direction.HORIZONTAL, badge }), { width: 400, height: 250 });\n\n      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();\n\n      await page.$eval(\n        `[${OverflowBehaviorElements.BASE_INDEX}=\"0\"]`,\n        (elm, status) => {\n          elm.setAttribute('status', status as string);\n        },\n        Status.VISIBLE,\n      );\n\n      await page.$eval(\n        `[${OverflowBehaviorElements.BASE_INDEX}=\"2\"]`,\n        (elm, status) => {\n          elm.setAttribute('status', status as string);\n        },\n        Status.ACTIVE,\n      );\n\n      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();\n    });\n  });\n});\n"]}