@mgdis/mg-components 5.15.0 → 5.17.0

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

@@ -0,0 +1,154 @@
+import { createPage } from "../../../../../utils/stencil.e2e.test.utils";
+describe('mg-input-radio', () => {
+  describe.each([`<mg-input-radio identifier="identifier" label="legend"></mg-input-radio>`])('without tooltip', html => {
+    test('render', async () => {
+      const page = await createPage(`${html}
+      <script>
+      const mgInputRadio = document.querySelector('mg-input-radio');
+      mgInputRadio.items = ['batman', 'robin', 'joker', 'bane'];
+      </script>`);
+      const element = await page.find('mg-input-radio');
+      expect(element).toHaveClass('hydrated');
+      const screenshot = await page.screenshot();
+      expect(screenshot).toMatchImageSnapshot();
+      await page.keyboard.down('Tab');
+      await page.waitForChanges();
+      const screenshotFocus = await page.screenshot();
+      expect(screenshotFocus).toMatchImageSnapshot();
+      const radio = await page.find('mg-input-radio >>> .mg-input__input-group input');
+      await radio.press('Space');
+      await page.waitForChanges();
+      const screenshotList = await page.screenshot();
+      expect(screenshotList).toMatchImageSnapshot();
+      await page.keyboard.down('ArrowDown');
+      await page.keyboard.down('ArrowDown');
+      await page.waitForChanges();
+      const screenshotSelection = await page.screenshot();
+      expect(screenshotSelection).toMatchImageSnapshot();
+    });
+  });
+  describe.each([
+    `<mg-input-radio identifier="identifier" label="legend" label-on-top help-text="HelpText Message"></mg-input-radio>`,
+    `<mg-input-radio identifier="identifier" label="legend" input-vertical-list help-text="HelpText Message"></mg-input-radio>`,
+    `<mg-input-radio identifier="identifier" label="legend" label-on-top input-vertical-list help-text="HelpText Message"></mg-input-radio>`,
+    `<mg-input-radio identifier="identifier" label="legend" label-hide></mg-input-radio>`,
+    `<mg-input-radio identifier="identifier" label="legend" placeholder="placeholder" help-text="HelpText Message"></mg-input-radio>`,
+    `<mg-input-radio identifier="identifier" label="legend" placeholder="placeholder" value="batman" help-text='<mg-icon icon="user" size="small"></mg-icon> Welcome batman'></mg-input-radio>`,
+    `<mg-input-radio identifier="identifier" label="legend" placeholder="placeholder" required help-text="HelpText Message" value="batman"></mg-input-radio>`,
+    `<mg-input-radio identifier="identifier" label="legend" placeholder="placeholder" required readonly help-text="HelpText Message" value="batman"></mg-input-radio>`,
+    `<mg-input-radio identifier="identifier" label="legend" placeholder="placeholder" required disabled help-text="HelpText Message" value="batman"></mg-input-radio>`,
+  ])('without tooltip', html => {
+    test('render', async () => {
+      const page = await createPage(`${html}
+        <script>
+        const mgInputRadio = document.querySelector('mg-input-radio');
+        mgInputRadio.items = ['batman', 'robin', 'joker', 'bane'];
+        </script>`);
+      const element = await page.find('mg-input-radio');
+      expect(element).toHaveClass('hydrated');
+      const screenshot = await page.screenshot();
+      expect(screenshot).toMatchImageSnapshot();
+    });
+  });
+  test.each([true, false])('render with tooltip, case label-on-top %s', async (labelOnTop) => {
+    const page = await createPage(`<mg-input-radio identifier="identifier" label="legend" tooltip="Tooltip message" label-on-top="${labelOnTop}"></mg-input-radio>
+      <script>
+      const mgInputRadio = document.querySelector('mg-input-radio');
+      mgInputRadio.items = ['batman', 'robin', 'joker', 'bane'];
+      </script>`);
+    const element = await page.find('mg-input-radio');
+    expect(element).toHaveClass('hydrated');
+    const screenshot = await page.screenshot();
+    expect(screenshot).toMatchImageSnapshot();
+    await page.keyboard.down('Tab');
+    if (!labelOnTop) {
+      // Ensure to display tooltip
+      await page.setViewport({ width: 600, height: 65 });
+      // when label on top tooltip is on fist tab (next to label)
+      await page.keyboard.down('Tab');
+    }
+    await page.waitForChanges();
+    const screenshotTooltip = await page.screenshot();
+    expect(screenshotTooltip).toMatchImageSnapshot();
+  });
+  test('render longer intems list inline', async () => {
+    const page = await createPage(`<mg-input-radio identifier="identifier" label="legend"></mg-input-radio>
+      <script>
+      const mgInputRadio = document.querySelector('mg-input-radio');
+      mgInputRadio.items = ['batman', 'robin', 'joker', 'bane', 'ironman', 'spiderman', 'captain america', 'thor', 'vision', 'antman', 'black widow', 'black panther'];
+      </script>`);
+    const element = await page.find('mg-input-radio');
+    expect(element).toHaveClass('hydrated');
+    const screenshot = await page.screenshot();
+    expect(screenshot).toMatchImageSnapshot();
+  });
+  describe.each([
+    `<mg-input-radio identifier="identifier" label="legend" readonly></mg-input-radio>`,
+    `<mg-input-radio identifier="identifier" label="legend" value="batman"></mg-input-radio>`,
+    `<mg-input-radio identifier="identifier" label="legend" value="batman" readonly></mg-input-radio>`,
+    `<mg-input-radio identifier="identifier" label="legend" value="batman" readonly label-on-top></mg-input-radio>`,
+    `<mg-input-radio identifier="identifier" label="legend" disabled></mg-input-radio>`,
+    `<mg-input-radio identifier="identifier" label="legend" value="batman" disabled></mg-input-radio>`,
+  ])('Should render with template', html => {
+    test('render', async () => {
+      const page = await createPage(`${html}
+        <script>
+        const mgInputRadio = document.querySelector('mg-input-radio');
+        mgInputRadio.items = ['batman', 'robin', 'joker', 'bane'];
+        </script>`);
+      const element = await page.find('mg-input-radio');
+      expect(element).toHaveClass('hydrated');
+      const screenshot = await page.screenshot();
+      expect(screenshot).toMatchImageSnapshot();
+    });
+  });
+  describe.each([
+    `<mg-input-radio identifier="identifier" label="legend" required></mg-input-radio>`,
+    `<mg-input-radio identifier="identifier" label="legend" required lang="fr"></mg-input-radio>`,
+  ])('%s', html => {
+    test('Should render error when leaving an empty required input', async () => {
+      const page = await createPage(`${html}
+      <script>
+      const mgInputRadio = document.querySelector('mg-input-radio');
+      mgInputRadio.items = ['batman', 'robin', 'joker', 'bane'];
+      </script>`);
+      const element = await page.find('mg-input-radio');
+      expect(element).toHaveClass('hydrated');
+      await page.keyboard.down('Tab');
+      await page.keyboard.down('Tab');
+      await page.waitForChanges();
+      const screenshot = await page.screenshot();
+      expect(screenshot).toMatchImageSnapshot();
+    });
+  });
+  describe.each([
+    '<mg-input-radio identifier="identifier" label="long label long label long label long label long label long label long label long label long label long label long label" tooltip="tooltip message"></mg-input-radio>',
+    '<mg-input-radio identifier="identifier" label="long label long label long label long label long label long label long label long label long label long label long label" tooltip="tooltip message" label-on-top></mg-input-radio>',
+  ])('inside a div.mg-form-group', html => {
+    test('render', async () => {
+      const page = await createPage(`<div class="mg-form-group">${html}</div>
+      <script>
+      const mgInputRadio = document.querySelector('mg-input-radio');
+      mgInputRadio.items = ['batman', 'robin', 'joker', 'bane'];
+      </script>`);
+      const element = await page.find('mg-input-radio');
+      expect(element).toHaveClass('hydrated');
+      const screenshot = await page.screenshot();
+      expect(screenshot).toMatchImageSnapshot();
+    });
+  });
+  test.each([false, true])('Ensure component fit in width 200px with label-on-top: %s', async (labelOnTop) => {
+    const page = await createPage(`<mg-input-radio identifier="identifier" label="label" label-on-top="${labelOnTop}"></mg-input-radio>
+        <script>
+        const mgInputRadio = document.querySelector('mg-input-radio');
+        mgInputRadio.items = ['batman', 'robin', 'joker', 'bane'];
+        </script>
+      `);
+    const element = await page.find('mg-input-radio');
+    expect(element).toHaveClass('hydrated');
+    await page.setViewport({ width: 200, height: 100 });
+    const screenshot = await page.screenshot();
+    expect(screenshot).toMatchImageSnapshot();
+  });
+});
+//# sourceMappingURL=mg-input-radio.e2e.js.map

package/dist/collection/components/molecules/inputs/mg-input-radio/test/mg-input-radio.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mg-input-radio.e2e.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/inputs/mg-input-radio/test/mg-input-radio.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { createPage } from '../../../../../utils/stencil.e2e.test.utils';\n\ndescribe('mg-input-radio', () => {\n  describe.each([`<mg-input-radio identifier=\"identifier\" label=\"legend\"></mg-input-radio>`])('without tooltip', html => {\n    test('render', async () => {\n      const page = await createPage(`${html}\n      <script>\n      const mgInputRadio = document.querySelector('mg-input-radio');\n      mgInputRadio.items = ['batman', 'robin', 'joker', 'bane'];\n      </script>`);\n\n      const element = await page.find('mg-input-radio');\n\n      expect(element).toHaveClass('hydrated');\n\n      const screenshot = await page.screenshot();\n      expect(screenshot).toMatchImageSnapshot();\n\n      await page.keyboard.down('Tab');\n\n      await page.waitForChanges();\n\n      const screenshotFocus = await page.screenshot();\n      expect(screenshotFocus).toMatchImageSnapshot();\n\n      const radio = await page.find('mg-input-radio >>> .mg-input__input-group input');\n      await radio.press('Space');\n\n      await page.waitForChanges();\n\n      const screenshotList = await page.screenshot();\n      expect(screenshotList).toMatchImageSnapshot();\n\n      await page.keyboard.down('ArrowDown');\n      await page.keyboard.down('ArrowDown');\n\n      await page.waitForChanges();\n\n      const screenshotSelection = await page.screenshot();\n      expect(screenshotSelection).toMatchImageSnapshot();\n    });\n  });\n\n  describe.each([\n    `<mg-input-radio identifier=\"identifier\" label=\"legend\" label-on-top help-text=\"HelpText Message\"></mg-input-radio>`,\n    `<mg-input-radio identifier=\"identifier\" label=\"legend\" input-vertical-list help-text=\"HelpText Message\"></mg-input-radio>`,\n    `<mg-input-radio identifier=\"identifier\" label=\"legend\" label-on-top input-vertical-list help-text=\"HelpText Message\"></mg-input-radio>`,\n    `<mg-input-radio identifier=\"identifier\" label=\"legend\" label-hide></mg-input-radio>`,\n    `<mg-input-radio identifier=\"identifier\" label=\"legend\" placeholder=\"placeholder\" help-text=\"HelpText Message\"></mg-input-radio>`,\n    `<mg-input-radio identifier=\"identifier\" label=\"legend\" placeholder=\"placeholder\" value=\"batman\" help-text='<mg-icon icon=\"user\" size=\"small\"></mg-icon> Welcome batman'></mg-input-radio>`,\n    `<mg-input-radio identifier=\"identifier\" label=\"legend\" placeholder=\"placeholder\" required help-text=\"HelpText Message\" value=\"batman\"></mg-input-radio>`,\n    `<mg-input-radio identifier=\"identifier\" label=\"legend\" placeholder=\"placeholder\" required readonly help-text=\"HelpText Message\" value=\"batman\"></mg-input-radio>`,\n    `<mg-input-radio identifier=\"identifier\" label=\"legend\" placeholder=\"placeholder\" required disabled help-text=\"HelpText Message\" value=\"batman\"></mg-input-radio>`,\n  ])('without tooltip', html => {\n    test('render', async () => {\n      const page = await createPage(`${html}\n        <script>\n        const mgInputRadio = document.querySelector('mg-input-radio');\n        mgInputRadio.items = ['batman', 'robin', 'joker', 'bane'];\n        </script>`);\n\n      const element = await page.find('mg-input-radio');\n\n      expect(element).toHaveClass('hydrated');\n\n      const screenshot = await page.screenshot();\n      expect(screenshot).toMatchImageSnapshot();\n    });\n  });\n\n  test.each([true, false])('render with tooltip, case label-on-top %s', async labelOnTop => {\n    const page = await createPage(`<mg-input-radio identifier=\"identifier\" label=\"legend\" tooltip=\"Tooltip message\" label-on-top=\"${labelOnTop}\"></mg-input-radio>\n      <script>\n      const mgInputRadio = document.querySelector('mg-input-radio');\n      mgInputRadio.items = ['batman', 'robin', 'joker', 'bane'];\n      </script>`);\n\n    const element = await page.find('mg-input-radio');\n\n    expect(element).toHaveClass('hydrated');\n\n    const screenshot = await page.screenshot();\n    expect(screenshot).toMatchImageSnapshot();\n\n    await page.keyboard.down('Tab');\n    if (!labelOnTop) {\n      // Ensure to display tooltip\n      await page.setViewport({ width: 600, height: 65 });\n      // when label on top tooltip is on fist tab (next to label)\n      await page.keyboard.down('Tab');\n    }\n    await page.waitForChanges();\n\n    const screenshotTooltip = await page.screenshot();\n    expect(screenshotTooltip).toMatchImageSnapshot();\n  });\n\n  test('render longer intems list inline', async () => {\n    const page = await createPage(`<mg-input-radio identifier=\"identifier\" label=\"legend\"></mg-input-radio>\n      <script>\n      const mgInputRadio = document.querySelector('mg-input-radio');\n      mgInputRadio.items = ['batman', 'robin', 'joker', 'bane', 'ironman', 'spiderman', 'captain america', 'thor', 'vision', 'antman', 'black widow', 'black panther'];\n      </script>`);\n\n    const element = await page.find('mg-input-radio');\n\n    expect(element).toHaveClass('hydrated');\n\n    const screenshot = await page.screenshot();\n    expect(screenshot).toMatchImageSnapshot();\n  });\n\n  describe.each([\n    `<mg-input-radio identifier=\"identifier\" label=\"legend\" readonly></mg-input-radio>`,\n    `<mg-input-radio identifier=\"identifier\" label=\"legend\" value=\"batman\"></mg-input-radio>`,\n    `<mg-input-radio identifier=\"identifier\" label=\"legend\" value=\"batman\" readonly></mg-input-radio>`,\n    `<mg-input-radio identifier=\"identifier\" label=\"legend\" value=\"batman\" readonly label-on-top></mg-input-radio>`,\n    `<mg-input-radio identifier=\"identifier\" label=\"legend\" disabled></mg-input-radio>`,\n    `<mg-input-radio identifier=\"identifier\" label=\"legend\" value=\"batman\" disabled></mg-input-radio>`,\n  ])('Should render with template', html => {\n    test('render', async () => {\n      const page = await createPage(`${html}\n        <script>\n        const mgInputRadio = document.querySelector('mg-input-radio');\n        mgInputRadio.items = ['batman', 'robin', 'joker', 'bane'];\n        </script>`);\n\n      const element = await page.find('mg-input-radio');\n\n      expect(element).toHaveClass('hydrated');\n\n      const screenshot = await page.screenshot();\n      expect(screenshot).toMatchImageSnapshot();\n    });\n  });\n\n  describe.each([\n    `<mg-input-radio identifier=\"identifier\" label=\"legend\" required></mg-input-radio>`,\n    `<mg-input-radio identifier=\"identifier\" label=\"legend\" required lang=\"fr\"></mg-input-radio>`,\n  ])('%s', html => {\n    test('Should render error when leaving an empty required input', async () => {\n      const page = await createPage(`${html}\n      <script>\n      const mgInputRadio = document.querySelector('mg-input-radio');\n      mgInputRadio.items = ['batman', 'robin', 'joker', 'bane'];\n      </script>`);\n\n      const element = await page.find('mg-input-radio');\n\n      expect(element).toHaveClass('hydrated');\n\n      await page.keyboard.down('Tab');\n      await page.keyboard.down('Tab');\n\n      await page.waitForChanges();\n\n      const screenshot = await page.screenshot();\n      expect(screenshot).toMatchImageSnapshot();\n    });\n  });\n\n  describe.each([\n    '<mg-input-radio identifier=\"identifier\" label=\"long label long label long label long label long label long label long label long label long label long label long label\" tooltip=\"tooltip message\"></mg-input-radio>',\n    '<mg-input-radio identifier=\"identifier\" label=\"long label long label long label long label long label long label long label long label long label long label long label\" tooltip=\"tooltip message\" label-on-top></mg-input-radio>',\n  ])('inside a div.mg-form-group', html => {\n    test('render', async () => {\n      const page = await createPage(`<div class=\"mg-form-group\">${html}</div>\n      <script>\n      const mgInputRadio = document.querySelector('mg-input-radio');\n      mgInputRadio.items = ['batman', 'robin', 'joker', 'bane'];\n      </script>`);\n\n      const element = await page.find('mg-input-radio');\n\n      expect(element).toHaveClass('hydrated');\n\n      const screenshot = await page.screenshot();\n      expect(screenshot).toMatchImageSnapshot();\n    });\n  });\n\n  test.each([false, true])('Ensure component fit in width 200px with label-on-top: %s', async labelOnTop => {\n    const page = await createPage(`<mg-input-radio identifier=\"identifier\" label=\"label\" label-on-top=\"${labelOnTop}\"></mg-input-radio>\n        <script>\n        const mgInputRadio = document.querySelector('mg-input-radio');\n        mgInputRadio.items = ['batman', 'robin', 'joker', 'bane'];\n        </script>\n      `);\n\n    const element = await page.find('mg-input-radio');\n\n    expect(element).toHaveClass('hydrated');\n\n    await page.setViewport({ width: 200, height: 100 });\n\n    const screenshot = await page.screenshot();\n    expect(screenshot).toMatchImageSnapshot();\n  });\n});\n"]}

package/dist/collection/components/molecules/inputs/mg-input-radio/test/mg-input-radio.spec.js

@@ -0,0 +1,295 @@
+import { h } from "@stencil/core";
+import { newSpecPage } from "@stencil/core/testing";
+import { MgInputRadio } from "../mg-input-radio";
+import messages from "../../../../../locales/en/messages.json";
+const getPage = args => {
+  const page = newSpecPage({
+    components: [MgInputRadio],
+    template: () => h("mg-input-radio", Object.assign({}, args)),
+  });
+  jest.runAllTimers();
+  return page;
+};
+describe('mg-input-radio', () => {
+  beforeEach(() => jest.useFakeTimers());
+  afterEach(() => jest.runOnlyPendingTimers());
+  test.each([
+    { label: 'label', identifier: 'identifier', items: ['batman', 'robin', 'joker', 'bane'] },
+    {
+      label: 'label',
+      identifier: 'identifier',
+      items: [
+        { title: 'batman', value: 'u' },
+        { title: 'robin', value: 'i' },
+        { title: 'joker', value: 'o' },
+        { title: 'bane', value: 'a' },
+      ],
+    },
+    {
+      label: 'label',
+      identifier: 'identifier',
+      items: [
+        { title: 'batman', value: 1 },
+        { title: 'robin', value: 2 },
+        { title: 'joker', value: 3 },
+        { title: 'bane', value: 4 },
+      ],
+    },
+    {
+      label: 'label',
+      identifier: 'identifier',
+      items: [
+        { title: 'batman', value: true },
+        { title: 'robin', value: false },
+        { title: 'joker', value: false },
+        { title: 'bane', value: false },
+      ],
+    },
+    { label: 'label', identifier: 'identifier', items: ['batman', 'robin', 'joker', 'bane'], labelOnTop: true },
+    { label: 'label', identifier: 'identifier', items: ['batman', 'robin', 'joker', 'bane'], labelHide: true },
+    { label: 'label', identifier: 'identifier', items: ['batman', 'robin', 'joker', 'bane'], inputVerticalList: true },
+    { label: 'label', identifier: 'identifier', items: ['batman', 'robin', 'joker', 'bane'], required: true, helpText: 'My help text', value: 'batman' },
+    { label: 'label', identifier: 'identifier', items: ['batman', 'robin', 'joker', 'bane'], required: true, readonly: true, helpText: 'My help text', value: 'batman' },
+    { label: 'label', identifier: 'identifier', items: ['batman', 'robin', 'joker', 'bane'], required: true, disabled: true, helpText: 'My help text', value: 'batman' },
+    { label: 'label', identifier: 'identifier', items: ['batman', 'robin', 'joker', 'bane'], readonly: true },
+    { label: 'label', identifier: 'identifier', items: ['batman', 'robin', 'joker', 'bane'], readonly: true, labelOnTop: true, tooltip: 'Tooltip message' },
+    { label: 'label', identifier: 'identifier', items: ['batman', 'robin', 'joker', 'bane'], disabled: true },
+    { label: 'label', identifier: 'identifier', items: ['batman', 'robin', 'joker', 'bane'], helpText: 'Hello joker' },
+    { label: 'label', identifier: 'identifier', items: ['batman', 'robin', 'joker', 'bane'], tooltip: 'My Tooltip Message' },
+    { label: 'label', identifier: 'identifier', items: ['batman', 'robin', 'joker', 'bane'], tooltip: 'My Tooltip Message', labelOnTop: true },
+  ])('Should render with args %s:', async (args) => {
+    const { root } = await getPage(args);
+    expect(root).toMatchSnapshot();
+  });
+  test.each(['', ' ', undefined])('Should not render with invalid identifier property: %s', async (identifier) => {
+    expect.assertions(1);
+    try {
+      await getPage({ identifier, items: ['batman', 'robin', 'joker', 'bane'] });
+    }
+    catch (err) {
+      expect(err.message).toMatch('<mg-input> prop "identifier" is required.');
+    }
+  });
+  test.each(['', ' ', undefined])('Should throw error with invalid label property: %s', async (label) => {
+    expect.assertions(1);
+    try {
+      await getPage({ identifier: 'identifier', label, items: ['batman', 'robin', 'joker', 'bane'] });
+    }
+    catch (err) {
+      expect(err.message).toMatch('<mg-input> prop "label" is required.');
+    }
+  });
+  test('Should throw an error with labelOnTop & labelHide set to true', async () => {
+    expect.assertions(1);
+    try {
+      await getPage({ identifier: 'identifier', label: 'batman', labelOnTop: true, labelHide: true, items: ['batman', 'joker'] });
+    }
+    catch (err) {
+      expect(err.message).toMatch('<mg-input> prop "labelOnTop" must not be paired with the prop "labelHide"');
+    }
+  });
+  test.each([[['batman']], [[{ title: 'batman', value: 'u' }]]])('Should throw an error with less than 2 items, case %s', async (items) => {
+    expect.assertions(1);
+    try {
+      await getPage({ identifier: 'identifier', label: 'batman', labelOnTop: true, labelHide: true, items });
+    }
+    catch (err) {
+      expect(err.message).toMatch('<mg-input-radio> prop "items" require at least 2 items.');
+    }
+  });
+  test.each([
+    [['batman', { title: 'batman', value: 'batman' }]],
+    [['batman', { batman: 'batman' }]],
+    [[true, false]],
+    [[1, 2, 3]],
+    [[true, 1, 'batman']],
+    [[{ title: 'batman', value: 'batman' }, { batman: 'batman' }]],
+    [
+      [
+        { title: 'batman', value: undefined },
+        { title: 'batman', value: 'test' },
+      ],
+    ],
+  ])('Should throw error with invalid items property: %s', async (items) => {
+    expect.assertions(1);
+    try {
+      await getPage({ label: 'Label', items });
+    }
+    catch (err) {
+      expect(err.message).toMatch('<mg-input-radio> prop "items" is required and all items must be the same type, string or RadioOption.');
+    }
+  });
+  test.each([
+    { items: ['batman', 'robin', 'joker', 'bane'], selectedIndex: 3 },
+    {
+      items: [
+        { title: 'batman', value: 'u' },
+        { title: 'robin', value: 'i' },
+        { title: 'joker', value: 'o' },
+        { title: 'bane', value: 'a' },
+      ],
+      selectedIndex: 2,
+    },
+    {
+      items: [
+        { title: 'batman', value: 1 },
+        { title: 'robin', value: 2 },
+        { title: 'joker', value: 3 },
+        { title: 'bane', value: 4 },
+      ],
+      selectedIndex: 1,
+    },
+    {
+      items: [
+        { title: 'batman', value: true },
+        { title: 'robin', value: false },
+      ],
+      selectedIndex: 0,
+    },
+    {
+      items: [
+        { title: 'batman', value: { name: 'Batman' } },
+        { title: 'robin', value: { name: 'Robin' } },
+      ],
+      selectedIndex: 1,
+    },
+  ])('Should trigger events for items (%s) with selectedIndex (%s)', async ({ items, selectedIndex }) => {
+    const args = { label: 'label', items, identifier: 'identifier', helpText: 'My help text' };
+    const page = await getPage(args);
+    const element = page.doc.querySelector('mg-input-radio');
+    const input = element.shadowRoot.querySelector('input');
+    //mock validity
+    input.checkValidity = jest.fn(() => true);
+    Object.defineProperty(input, 'validity', {
+      get: jest.fn(() => ({
+        valueMissing: false,
+      })),
+    });
+    jest.spyOn(page.rootInstance.valueChange, 'emit');
+    input.dispatchEvent(new CustomEvent('focus', { bubbles: true }));
+    await page.waitForChanges();
+    expect(page.root).toMatchSnapshot(); //Snapshot on focus
+    input.value = selectedIndex.toString();
+    input.dispatchEvent(new CustomEvent('input', { bubbles: true }));
+    await page.waitForChanges();
+    const expectedEmitValue = typeof items[selectedIndex] === 'object' ? items[selectedIndex].value : items[selectedIndex];
+    expect(page.rootInstance.valueChange.emit).toHaveBeenCalledWith(expectedEmitValue);
+  });
+  describe.each(['readonly', 'disabled'])('validity, case next state is %s', nextState => {
+    test.each([
+      { validity: true, valueMissing: false },
+      { validity: false, valueMissing: true },
+    ])('validity (%s), valueMissing (%s)', async ({ validity, valueMissing }) => {
+      const args = { label: 'label', items: ['batman', 'robin', 'joker', 'bane'], identifier: 'identifier', patternErrorMessage: 'Non' };
+      const page = await getPage(args);
+      const element = page.doc.querySelector('mg-input-radio');
+      const input = element.shadowRoot.querySelector('input');
+      //mock validity
+      input.checkValidity = jest.fn(() => validity);
+      Object.defineProperty(input, 'validity', {
+        get: jest.fn(() => ({
+          valueMissing,
+        })),
+      });
+      input.dispatchEvent(new CustomEvent('blur', { bubbles: true }));
+      await page.waitForChanges();
+      if (validity) {
+        expect(page.rootInstance.errorMessage).toBeUndefined();
+      }
+      else if (valueMissing) {
+        expect(page.rootInstance.errorMessage).toEqual(messages.errors.required);
+      }
+      expect(page.rootInstance.valid).toEqual(validity);
+      expect(page.rootInstance.invalid).toEqual(!validity);
+      if (valueMissing) {
+        expect(page.root).toMatchSnapshot(); //Snapshot with readonly/disabled FALSE
+        element[nextState] = true;
+        await page.waitForChanges();
+        expect(page.root).toMatchSnapshot(); //Snapshot with readonly/disabled TRUE
+      }
+    });
+  });
+  test("display error with displayError component's public method", async () => {
+    const page = await getPage({ label: 'label', identifier: 'identifier', items: ['batman', 'robin', 'joker', 'bane'], helpText: 'My help text', required: true });
+    expect(page.root).toMatchSnapshot();
+    const element = page.doc.querySelector('mg-input-radio');
+    const allInputs = element.shadowRoot.querySelectorAll('input');
+    //mock validity
+    allInputs.forEach(input => {
+      input.checkValidity = jest.fn(() => false);
+      Object.defineProperty(input, 'validity', {
+        get: jest.fn(() => ({
+          valueMissing: true,
+        })),
+      });
+    });
+    await element.displayError();
+    await page.waitForChanges();
+    expect(page.root).toMatchSnapshot();
+  });
+  test.each(['fr', 'xx'])('display error message with locale: %s', async (lang) => {
+    const page = await getPage({ label: 'label', identifier: 'identifier', items: ['batman', 'robin', 'joker', 'bane'], helpText: 'My help text', required: true, lang });
+    const element = page.doc.querySelector('mg-input-radio');
+    const allInputs = element.shadowRoot.querySelectorAll('input');
+    //mock validity
+    allInputs.forEach(input => {
+      input.checkValidity = jest.fn(() => false);
+      Object.defineProperty(input, 'validity', {
+        get: jest.fn(() => ({
+          valueMissing: true,
+        })),
+      });
+    });
+    await element.displayError();
+    await page.waitForChanges();
+    expect(page.root).toMatchSnapshot();
+  });
+  test('Should remove error on input when required change dynamically', async () => {
+    const page = await getPage({
+      label: 'label',
+      identifier: 'identifier',
+      items: ['batman', 'robin'],
+      required: true,
+    });
+    const element = page.doc.querySelector('mg-input-radio');
+    const allInputs = element.shadowRoot.querySelectorAll('input');
+    //mock validity
+    allInputs[0].checkValidity = jest
+      .fn()
+      .mockReturnValueOnce(false) //1
+      .mockReturnValueOnce(false) //1
+      .mockReturnValueOnce(true) //2
+      .mockReturnValueOnce(true) //2
+      .mockReturnValueOnce(false) //3
+      .mockReturnValueOnce(false); //3
+    allInputs[1].checkValidity = jest.fn().mockReturnValueOnce(true).mockReturnValueOnce(true); //2
+    Object.defineProperty(allInputs[0], 'validity', {
+      get: jest
+        .fn()
+        .mockReturnValueOnce({
+        valueMissing: true, //1
+      })
+        .mockReturnValueOnce({
+        valueMissing: false, //2
+      })
+        .mockReturnValueOnce({
+        valueMissing: true, //3
+      }),
+    });
+    await element.displayError();
+    await page.waitForChanges();
+    expect(page.rootInstance.hasDisplayedError).toEqual(true);
+    expect(page.rootInstance.errorMessage).toEqual(messages.errors.required);
+    element.required = false;
+    await page.waitForChanges();
+    // Error message should disapear and change the hasDisplayedError status
+    expect(page.rootInstance.hasDisplayedError).toEqual(false);
+    expect(page.rootInstance.errorMessage).toBeUndefined();
+    element.required = true;
+    await page.waitForChanges();
+    // If back on required the message is still not displayed
+    expect(page.rootInstance.hasDisplayedError).toEqual(false);
+    expect(page.rootInstance.errorMessage).toBeUndefined();
+  });
+});
+//# sourceMappingURL=mg-input-radio.spec.js.map

package/dist/collection/components/molecules/inputs/mg-input-radio/test/mg-input-radio.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mg-input-radio.spec.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/inputs/mg-input-radio/test/mg-input-radio.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport { newSpecPage } from '@stencil/core/testing';\nimport { MgInputRadio } from '../mg-input-radio';\nimport { RadioOption } from '../mg-input-radio.conf';\nimport messages from '../../../../../locales/en/messages.json';\n\nconst getPage = args => {\n  const page = newSpecPage({\n    components: [MgInputRadio],\n    template: () => <mg-input-radio {...args}></mg-input-radio>,\n  });\n\n  jest.runAllTimers();\n\n  return page;\n};\n\ndescribe('mg-input-radio', () => {\n  beforeEach(() => jest.useFakeTimers());\n  afterEach(() => jest.runOnlyPendingTimers());\n  test.each([\n    { label: 'label', identifier: 'identifier', items: ['batman', 'robin', 'joker', 'bane'] },\n    {\n      label: 'label',\n      identifier: 'identifier',\n      items: [\n        { title: 'batman', value: 'u' },\n        { title: 'robin', value: 'i' },\n        { title: 'joker', value: 'o' },\n        { title: 'bane', value: 'a' },\n      ],\n    },\n    {\n      label: 'label',\n      identifier: 'identifier',\n      items: [\n        { title: 'batman', value: 1 },\n        { title: 'robin', value: 2 },\n        { title: 'joker', value: 3 },\n        { title: 'bane', value: 4 },\n      ],\n    },\n    {\n      label: 'label',\n      identifier: 'identifier',\n      items: [\n        { title: 'batman', value: true },\n        { title: 'robin', value: false },\n        { title: 'joker', value: false },\n        { title: 'bane', value: false },\n      ],\n    },\n    { label: 'label', identifier: 'identifier', items: ['batman', 'robin', 'joker', 'bane'], labelOnTop: true },\n    { label: 'label', identifier: 'identifier', items: ['batman', 'robin', 'joker', 'bane'], labelHide: true },\n    { label: 'label', identifier: 'identifier', items: ['batman', 'robin', 'joker', 'bane'], inputVerticalList: true },\n    { label: 'label', identifier: 'identifier', items: ['batman', 'robin', 'joker', 'bane'], required: true, helpText: 'My help text', value: 'batman' },\n    { label: 'label', identifier: 'identifier', items: ['batman', 'robin', 'joker', 'bane'], required: true, readonly: true, helpText: 'My help text', value: 'batman' },\n    { label: 'label', identifier: 'identifier', items: ['batman', 'robin', 'joker', 'bane'], required: true, disabled: true, helpText: 'My help text', value: 'batman' },\n    { label: 'label', identifier: 'identifier', items: ['batman', 'robin', 'joker', 'bane'], readonly: true },\n    { label: 'label', identifier: 'identifier', items: ['batman', 'robin', 'joker', 'bane'], readonly: true, labelOnTop: true, tooltip: 'Tooltip message' },\n    { label: 'label', identifier: 'identifier', items: ['batman', 'robin', 'joker', 'bane'], disabled: true },\n    { label: 'label', identifier: 'identifier', items: ['batman', 'robin', 'joker', 'bane'], helpText: 'Hello joker' },\n    { label: 'label', identifier: 'identifier', items: ['batman', 'robin', 'joker', 'bane'], tooltip: 'My Tooltip Message' },\n    { label: 'label', identifier: 'identifier', items: ['batman', 'robin', 'joker', 'bane'], tooltip: 'My Tooltip Message', labelOnTop: true },\n  ])('Should render with args %s:', async args => {\n    const { root } = await getPage(args);\n    expect(root).toMatchSnapshot();\n  });\n\n  test.each(['', ' ', undefined])('Should not render with invalid identifier property: %s', async identifier => {\n    expect.assertions(1);\n    try {\n      await getPage({ identifier, items: ['batman', 'robin', 'joker', 'bane'] });\n    } catch (err) {\n      expect(err.message).toMatch('<mg-input> prop \"identifier\" is required.');\n    }\n  });\n\n  test.each(['', ' ', undefined])('Should throw error with invalid label property: %s', async label => {\n    expect.assertions(1);\n    try {\n      await getPage({ identifier: 'identifier', label, items: ['batman', 'robin', 'joker', 'bane'] });\n    } catch (err) {\n      expect(err.message).toMatch('<mg-input> prop \"label\" is required.');\n    }\n  });\n\n  test('Should throw an error with labelOnTop & labelHide set to true', async () => {\n    expect.assertions(1);\n    try {\n      await getPage({ identifier: 'identifier', label: 'batman', labelOnTop: true, labelHide: true, items: ['batman', 'joker'] });\n    } catch (err) {\n      expect(err.message).toMatch('<mg-input> prop \"labelOnTop\" must not be paired with the prop \"labelHide\"');\n    }\n  });\n\n  test.each([[['batman']], [[{ title: 'batman', value: 'u' }]]])('Should throw an error with less than 2 items, case %s', async items => {\n    expect.assertions(1);\n    try {\n      await getPage({ identifier: 'identifier', label: 'batman', labelOnTop: true, labelHide: true, items });\n    } catch (err) {\n      expect(err.message).toMatch('<mg-input-radio> prop \"items\" require at least 2 items.');\n    }\n  });\n\n  test.each([\n    [['batman', { title: 'batman', value: 'batman' }]],\n    [['batman', { batman: 'batman' }]],\n    [[true, false]],\n    [[1, 2, 3]],\n    [[true, 1, 'batman']],\n    [[{ title: 'batman', value: 'batman' }, { batman: 'batman' }]],\n    [\n      [\n        { title: 'batman', value: undefined },\n        { title: 'batman', value: 'test' },\n      ],\n    ],\n  ])('Should throw error with invalid items property: %s', async items => {\n    expect.assertions(1);\n    try {\n      await getPage({ label: 'Label', items });\n    } catch (err) {\n      expect(err.message).toMatch('<mg-input-radio> prop \"items\" is required and all items must be the same type, string or RadioOption.');\n    }\n  });\n\n  test.each([\n    { items: ['batman', 'robin', 'joker', 'bane'], selectedIndex: 3 },\n    {\n      items: [\n        { title: 'batman', value: 'u' },\n        { title: 'robin', value: 'i' },\n        { title: 'joker', value: 'o' },\n        { title: 'bane', value: 'a' },\n      ],\n      selectedIndex: 2,\n    },\n    {\n      items: [\n        { title: 'batman', value: 1 },\n        { title: 'robin', value: 2 },\n        { title: 'joker', value: 3 },\n        { title: 'bane', value: 4 },\n      ],\n      selectedIndex: 1,\n    },\n    {\n      items: [\n        { title: 'batman', value: true },\n        { title: 'robin', value: false },\n      ],\n      selectedIndex: 0,\n    },\n    {\n      items: [\n        { title: 'batman', value: { name: 'Batman' } },\n        { title: 'robin', value: { name: 'Robin' } },\n      ],\n      selectedIndex: 1,\n    },\n  ])('Should trigger events for items (%s) with selectedIndex (%s)', async ({ items, selectedIndex }) => {\n    const args = { label: 'label', items, identifier: 'identifier', helpText: 'My help text' };\n    const page = await getPage(args);\n\n    const element = page.doc.querySelector('mg-input-radio');\n    const input = element.shadowRoot.querySelector('input');\n\n    //mock validity\n    input.checkValidity = jest.fn(() => true);\n    Object.defineProperty(input, 'validity', {\n      get: jest.fn(() => ({\n        valueMissing: false,\n      })),\n    });\n\n    jest.spyOn(page.rootInstance.valueChange, 'emit');\n\n    input.dispatchEvent(new CustomEvent('focus', { bubbles: true }));\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot(); //Snapshot on focus\n\n    input.value = selectedIndex.toString();\n    input.dispatchEvent(new CustomEvent('input', { bubbles: true }));\n    await page.waitForChanges();\n    const expectedEmitValue = typeof items[selectedIndex] === 'object' ? (items[selectedIndex] as RadioOption).value : items[selectedIndex];\n    expect(page.rootInstance.valueChange.emit).toHaveBeenCalledWith(expectedEmitValue);\n  });\n\n  describe.each(['readonly', 'disabled'])('validity, case next state is %s', nextState => {\n    test.each([\n      { validity: true, valueMissing: false },\n      { validity: false, valueMissing: true },\n    ])('validity (%s), valueMissing (%s)', async ({ validity, valueMissing }) => {\n      const args = { label: 'label', items: ['batman', 'robin', 'joker', 'bane'], identifier: 'identifier', patternErrorMessage: 'Non' };\n      const page = await getPage(args);\n\n      const element = page.doc.querySelector('mg-input-radio');\n      const input = element.shadowRoot.querySelector('input');\n\n      //mock validity\n      input.checkValidity = jest.fn(() => validity);\n      Object.defineProperty(input, 'validity', {\n        get: jest.fn(() => ({\n          valueMissing,\n        })),\n      });\n\n      input.dispatchEvent(new CustomEvent('blur', { bubbles: true }));\n      await page.waitForChanges();\n\n      if (validity) {\n        expect(page.rootInstance.errorMessage).toBeUndefined();\n      } else if (valueMissing) {\n        expect(page.rootInstance.errorMessage).toEqual(messages.errors.required);\n      }\n      expect(page.rootInstance.valid).toEqual(validity);\n      expect(page.rootInstance.invalid).toEqual(!validity);\n      if (valueMissing) {\n        expect(page.root).toMatchSnapshot(); //Snapshot with readonly/disabled FALSE\n        element[nextState] = true;\n        await page.waitForChanges();\n        expect(page.root).toMatchSnapshot(); //Snapshot with readonly/disabled TRUE\n      }\n    });\n  });\n\n  test(\"display error with displayError component's public method\", async () => {\n    const page = await getPage({ label: 'label', identifier: 'identifier', items: ['batman', 'robin', 'joker', 'bane'], helpText: 'My help text', required: true });\n\n    expect(page.root).toMatchSnapshot();\n\n    const element = page.doc.querySelector('mg-input-radio');\n    const allInputs = element.shadowRoot.querySelectorAll('input');\n\n    //mock validity\n    allInputs.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    await element.displayError();\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 page = await getPage({ label: 'label', identifier: 'identifier', items: ['batman', 'robin', 'joker', 'bane'], helpText: 'My help text', required: true, lang });\n    const element = page.doc.querySelector('mg-input-radio');\n    const allInputs = element.shadowRoot.querySelectorAll('input');\n\n    //mock validity\n    allInputs.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    await element.displayError();\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  test('Should remove error on input when required change dynamically', async () => {\n    const page = await getPage({\n      label: 'label',\n      identifier: 'identifier',\n      items: ['batman', 'robin'],\n      required: true,\n    });\n    const element = page.doc.querySelector('mg-input-radio');\n    const allInputs = element.shadowRoot.querySelectorAll('input');\n\n    //mock validity\n    allInputs[0].checkValidity = jest\n      .fn()\n      .mockReturnValueOnce(false) //1\n      .mockReturnValueOnce(false) //1\n      .mockReturnValueOnce(true) //2\n      .mockReturnValueOnce(true) //2\n      .mockReturnValueOnce(false) //3\n      .mockReturnValueOnce(false); //3\n    allInputs[1].checkValidity = jest.fn().mockReturnValueOnce(true).mockReturnValueOnce(true); //2\n    Object.defineProperty(allInputs[0], 'validity', {\n      get: jest\n        .fn()\n        .mockReturnValueOnce({\n          valueMissing: true, //1\n        })\n        .mockReturnValueOnce({\n          valueMissing: false, //2\n        })\n        .mockReturnValueOnce({\n          valueMissing: true, //3\n        }),\n    });\n\n    await element.displayError();\n    await page.waitForChanges();\n\n    expect(page.rootInstance.hasDisplayedError).toEqual(true);\n    expect(page.rootInstance.errorMessage).toEqual(messages.errors.required);\n\n    element.required = false;\n    await page.waitForChanges();\n\n    // Error message should disapear and change the hasDisplayedError status\n    expect(page.rootInstance.hasDisplayedError).toEqual(false);\n    expect(page.rootInstance.errorMessage).toBeUndefined();\n\n    element.required = true;\n    await page.waitForChanges();\n\n    // If back on required the message is still not displayed\n    expect(page.rootInstance.hasDisplayedError).toEqual(false);\n    expect(page.rootInstance.errorMessage).toBeUndefined();\n  });\n});\n"]}

package/dist/collection/components/molecules/inputs/mg-input-select/mg-input-select.conf.js

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=mg-input-select.conf.js.map

package/dist/collection/components/molecules/inputs/mg-input-select/mg-input-select.conf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mg-input-select.conf.js","sourceRoot":"","sources":["../../../../../src/components/molecules/inputs/mg-input-select/mg-input-select.conf.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * type SelectOption\n * use to match select \\> option attributes\n */\nexport type SelectOption = {\n  title: string;\n  value: unknown;\n  disabled?: boolean;\n  group?: string;\n};\n\n/**\n * type OptGroup\n * use to match select \\> optgroup attributes\n */\nexport type OptGroup = {\n  group: string;\n  options: SelectOption[];\n};\n"]}

package/dist/collection/components/molecules/inputs/mg-input-select/mg-input-select.js

@@ -1,9 +1,9 @@
 /* eslint-disable @typescript-eslint/explicit-module-boundary-types */
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { h } from '@stencil/core';
-import { MgInput } from '../MgInput';
-import { ClassList, allItemsAreString } from '../../../../utils/components.utils';
-import { initLocales } from '../../../../locales';
+import { h } from "@stencil/core";
+import { MgInput } from "../MgInput";
+import { ClassList, allItemsAreString } from "../../../../utils/components.utils";
+import { initLocales } from "../../../../locales";
 /**
  * Check if item is a well configured option
  * @param option - select option
@@ -239,7 +239,7 @@ export class MgInputSelect {
    * @returns HTML Element
    */
   render() {
-    return (h(MgInput, { identifier: this.identifier, classCollection: this.classCollection, ariaDescribedbyIDs: [], label: this.label, labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, readonly: this.readonly, mgWidth: this.mgWidth, disabled: this.disabled, value: undefined, readonlyValue: this.readonlyValue, tooltip: this.tooltip, helpText: this.helpText, errorMessage: this.errorMessage, isFieldset: false }, h("select", { class: "mg-input__box", id: this.identifier, name: this.name, title: this.placeholder, disabled: this.disabled, required: this.required, onInput: this.handleInput, onBlur: this.handleBlur, ref: el => {
+    return (h(MgInput, { identifier: this.identifier, classCollection: this.classCollection, ariaDescribedbyIDs: [], label: this.label, labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, readonly: this.readonly, mgWidth: this.mgWidth, disabled: this.disabled, value: undefined, readonlyValue: this.readonlyValue, tooltip: this.tooltip, helpText: this.helpText, errorMessage: this.errorMessage, isFieldset: false }, h("select", { class: "mg-input__box", id: this.identifier, name: this.name, title: this.placeholder, disabled: this.disabled, required: this.required, onInput: this.handleInput, onBlur: this.handleBlur, ref: (el) => {
         if (el !== null)
           this.input = el;
       } }, (!this.placeholderHide || !this.valueExist) && ( // In case passed value does not match any option we display the placeholder
@@ -285,7 +285,8 @@ export class MgInputSelect {
           "references": {
             "SelectOption": {
               "location": "import",
-              "path": "./mg-input-select.conf"
+              "path": "./mg-input-select.conf",
+              "id": "src/components/molecules/inputs/mg-input-select/mg-input-select.conf.ts::SelectOption"
             }
           }
         },
@@ -499,7 +500,8 @@ export class MgInputSelect {
           "references": {
             "Width": {
               "location": "import",
-              "path": "../MgInput.conf"
+              "path": "../MgInput.conf",
+              "id": "src/components/molecules/inputs/MgInput.conf.ts::Width"
             }
           }
         },
@@ -607,7 +609,8 @@ export class MgInputSelect {
           "resolved": "any",
           "references": {
             "MgInputSelect": {
-              "location": "global"
+              "location": "global",
+              "id": "global::MgInputSelect"
             }
           }
         }
@@ -636,7 +639,8 @@ export class MgInputSelect {
           "parameters": [],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<void>"
@@ -668,3 +672,4 @@ export class MgInputSelect {
       }];
   }
 }
+//# sourceMappingURL=mg-input-select.js.map