@mgdis/mg-components 5.19.2 → 5.20.0

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

@@ -1,108 +0,0 @@
-import { createID } from "../../../../../utils/components.utils";
-import { renderAttributes, renderProperties } from "../../../../../utils/e2e.test.utils";
-import { setPageContent, describe, testEach, expect, test } from "../../../../../utils/playwright.e2e.test.utils";
-const TIMEOUT = 1000;
-const defaultSlots = '<span slot="item-1">Choix A</span><span slot="item-2">Choix B</span>';
-const defaultProps = {
-  identifier: createID(),
-  label: 'label',
-  items: [
-    { title: 'batman', value: false },
-    { title: 'joker', value: true },
-  ],
-};
-const createHTML = (args = {}, slots = defaultSlots) => {
-  const props = Object.assign(Object.assign({}, defaultProps), args);
-  return `<mg-input-toggle ${renderAttributes(props)}>${slots}</mg-input-toggle><script>${renderProperties(props, `[identifier="${props.identifier}"]`)}</script>`;
-};
-describe('mg-input-toggle', () => {
-  testEach([
-    {},
-    { args: { isOnOff: true }, slots: '<span slot="item-1">Non</span><span slot="item-2">Oui</span>' },
-    { args: { isIcon: true, isOnOff: true }, slots: '<mg-icon icon="cross" slot="item-1"></mg-icon><mg-icon icon="check" slot="item-2"></mg-icon>' },
-    {
-      slots: '<span slot="item-1">Choix A très long long long long long long long long long long long long long</span><span slot="item-2">Choix B très long long long long long long long long long long long long long</span>',
-    },
-  ])('Keyboard navigation %s', async (page, { args, slots }) => {
-    await setPageContent(page, createHTML(args, slots));
-    await page.locator('mg-input-toggle.hydrated').waitFor({ timeout: TIMEOUT });
-    await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-    for (const key of ['Tab', 'Space', 'Tab']) {
-      if (key === 'Space')
-        await page.locator('mg-input-toggle button').press('Space');
-      else
-        await page.keyboard.down(key);
-      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-    }
-  });
-  testEach([
-    { args: { labelOnTop: true, helpText: 'HelpText Message' } },
-    { args: { inputVerticalList: true, helpText: 'HelpText Message' } },
-    { args: { labelOnTop: true, inputVerticalList: true, helpText: 'HelpText Message' } },
-    {
-      slots: '<span slot="item-1">Choix A très long long long long long long long long long long long long long</span><span slot="item-2">Choix B très long long long long long long long long long long long long long</span>',
-    },
-    { args: { readonly: true }, slots: '<span slot="item-1">Choix A avec text long long</span><span slot="item-2">Choix B avec text long long</span>' },
-    { args: { labelHide: true } },
-    { args: { isOnOff: true, readonly: true }, slots: '<span slot="item-1">Off</span><span slot="item-2">On</span>' },
-    { args: { placeholder: 'placeholder', helpText: 'HelpText Message' } },
-    { args: { helpText: '<mg-icon icon="user" size="small"></mg-icon> Welcome batman' } },
-  ])('Render without tooltip %s', async (page, { args, slots }) => {
-    await setPageContent(page, createHTML(args, slots));
-    await page.locator('mg-input-toggle.hydrated').waitFor({ timeout: TIMEOUT });
-    await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-  });
-  testEach([undefined, false, true])('Render and toggle value whith reverse checked logic %s', async (page, value) => {
-    await setPageContent(page, createHTML({
-      items: [
-        { title: 'batman', value: true },
-        { title: 'joker', value: false },
-      ],
-      value,
-    }));
-    await page.locator('mg-input-toggle.hydrated').waitFor({ timeout: TIMEOUT });
-    await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-    await page.locator('mg-input-toggle button').click();
-    await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-  });
-  testEach([true, false])('render with tooltip, case label-on-top %s', async (page, labelOnTop) => {
-    await setPageContent(page, createHTML({ tooltip: 'Tooltip message', labelOnTop }), { width: 250, height: 65 });
-    await page.locator('mg-input-toggle.hydrated').waitFor({ timeout: TIMEOUT });
-    await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-    await page.keyboard.down('Tab');
-    if (!labelOnTop) {
-      // when label on top tooltip is on fist tab (next to label)
-      await page.keyboard.down('Tab');
-      await page.locator('mg-tooltip-content.hydrated').waitFor({ timeout: TIMEOUT });
-      await expect(page.locator('body')).toHaveScreenshot();
-    }
-    else {
-      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-    }
-  });
-  testEach([true, false].flatMap(value => [true, false].flatMap(readonly => [true, false].flatMap(labelOnTop => [true, false].map(disabled => ({ value, labelOnTop, readonly, disabled }))))))('Should render with template %s', async (page, args) => {
-    await setPageContent(page, createHTML(args));
-    await page.locator('mg-input-toggle.hydrated').waitFor({ timeout: TIMEOUT });
-    await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-  });
-  testEach([true, false].map(labelOnTop => ({
-    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',
-    labelOnTop,
-  })))('render inside a div.mg-form-group %s', async (page, args) => {
-    await setPageContent(page, `<div class="mg-form-group">${createHTML(args)}</div>`);
-    await page.locator('mg-input-toggle.hydrated').waitFor({ timeout: TIMEOUT });
-    await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-  });
-  test('render with error', async ({ page }) => {
-    await setPageContent(page, createHTML({}));
-    await page.locator('mg-input-toggle.hydrated').waitFor({ timeout: TIMEOUT });
-    await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-    await page.$eval('mg-input-toggle', async (el) => {
-      await el.setError(false, 'This is an error Batman');
-    });
-    await page.locator('.mg-c-input__input--has-error');
-    await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-  });
-});
-//# sourceMappingURL=mg-input-toggle.e2e.playwright.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"mg-input-toggle.e2e.playwright.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/inputs/mg-input-toggle/test/mg-input-toggle.e2e.playwright.ts"],"names":[],"mappings":"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","sourcesContent":["import { createID } from '../../../../../utils/components.utils';\nimport { renderAttributes, renderProperties } from '../../../../../utils/e2e.test.utils';\nimport { setPageContent, describe, testEach, expect, PageType, test } from '../../../../../utils/playwright.e2e.test.utils';\nimport { MgInputToggle } from '../mg-input-toggle';\n\ntype PropsType = Partial<MgInputToggle>;\n\nconst TIMEOUT = 1000;\n\nconst defaultSlots = '<span slot=\"item-1\">Choix A</span><span slot=\"item-2\">Choix B</span>';\n\nconst defaultProps = {\n  identifier: createID(),\n  label: 'label',\n  items: [\n    { title: 'batman', value: false },\n    { title: 'joker', value: true },\n  ],\n};\n\nconst createHTML = (args: PropsType = {}, slots = defaultSlots) => {\n  const props = { ...defaultProps, ...args };\n  return `<mg-input-toggle ${renderAttributes(props)}>${slots}</mg-input-toggle><script>${renderProperties(props, `[identifier=\"${props.identifier}\"]`)}</script>`;\n};\n\ndescribe('mg-input-toggle', () => {\n  testEach([\n    {},\n    { args: { isOnOff: true }, slots: '<span slot=\"item-1\">Non</span><span slot=\"item-2\">Oui</span>' },\n    { args: { isIcon: true, isOnOff: true }, slots: '<mg-icon icon=\"cross\" slot=\"item-1\"></mg-icon><mg-icon icon=\"check\" slot=\"item-2\"></mg-icon>' },\n    {\n      slots:\n        '<span slot=\"item-1\">Choix A très long long long long long long long long long long long long long</span><span slot=\"item-2\">Choix B très long long long long long long long long long long long long long</span>',\n    },\n  ])('Keyboard navigation %s', async (page: PageType, { args, slots }: { args: PropsType; slots: string }) => {\n    await setPageContent(page, createHTML(args, slots));\n\n    await page.locator('mg-input-toggle.hydrated').waitFor({ timeout: TIMEOUT });\n\n    await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();\n\n    for (const key of ['Tab', 'Space', 'Tab']) {\n      if (key === 'Space') await page.locator('mg-input-toggle button').press('Space');\n      else await page.keyboard.down(key);\n      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();\n    }\n  });\n\n  testEach([\n    { args: { labelOnTop: true, helpText: 'HelpText Message' } },\n    { args: { inputVerticalList: true, helpText: 'HelpText Message' } },\n    { args: { labelOnTop: true, inputVerticalList: true, helpText: 'HelpText Message' } },\n    {\n      slots:\n        '<span slot=\"item-1\">Choix A très long long long long long long long long long long long long long</span><span slot=\"item-2\">Choix B très long long long long long long long long long long long long long</span>',\n    },\n    { args: { readonly: true }, slots: '<span slot=\"item-1\">Choix A avec text long long</span><span slot=\"item-2\">Choix B avec text long long</span>' },\n    { args: { labelHide: true } },\n    { args: { isOnOff: true, readonly: true }, slots: '<span slot=\"item-1\">Off</span><span slot=\"item-2\">On</span>' },\n    { args: { placeholder: 'placeholder', helpText: 'HelpText Message' } },\n    { args: { helpText: '<mg-icon icon=\"user\" size=\"small\"></mg-icon> Welcome batman' } },\n  ])('Render without tooltip %s', async (page: PageType, { args, slots }: { args: PropsType; slots: string }) => {\n    await setPageContent(page, createHTML(args, slots));\n\n    await page.locator('mg-input-toggle.hydrated').waitFor({ timeout: TIMEOUT });\n\n    await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();\n  });\n\n  testEach([undefined, false, true])('Render and toggle value whith reverse checked logic %s', async (page: PageType, value) => {\n    await setPageContent(\n      page,\n      createHTML({\n        items: [\n          { title: 'batman', value: true },\n          { title: 'joker', value: false },\n        ],\n        value,\n      }),\n    );\n\n    await page.locator('mg-input-toggle.hydrated').waitFor({ timeout: TIMEOUT });\n\n    await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();\n\n    await page.locator('mg-input-toggle button').click();\n\n    await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();\n  });\n\n  testEach([true, false])('render with tooltip, case label-on-top %s', async (page: PageType, labelOnTop: boolean) => {\n    await setPageContent(page, createHTML({ tooltip: 'Tooltip message', labelOnTop }), { width: 250, height: 65 });\n\n    await page.locator('mg-input-toggle.hydrated').waitFor({ timeout: TIMEOUT });\n    await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();\n\n    await page.keyboard.down('Tab');\n    if (!labelOnTop) {\n      // when label on top tooltip is on fist tab (next to label)\n      await page.keyboard.down('Tab');\n      await page.locator('mg-tooltip-content.hydrated').waitFor({ timeout: TIMEOUT });\n      await expect(page.locator('body')).toHaveScreenshot();\n    } else {\n      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();\n    }\n  });\n\n  testEach(\n    [true, false].flatMap(value =>\n      [true, false].flatMap(readonly => [true, false].flatMap(labelOnTop => [true, false].map(disabled => ({ value, labelOnTop, readonly, disabled })))),\n    ),\n  )('Should render with template %s', async (page: PageType, args) => {\n    await setPageContent(page, createHTML(args));\n\n    await page.locator('mg-input-toggle.hydrated').waitFor({ timeout: TIMEOUT });\n\n    await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();\n  });\n\n  testEach(\n    [true, false].map(labelOnTop => ({\n      label: 'long label long label long label long label long label long label long label long label long label long label long label',\n      tooltip: 'tooltip message',\n      labelOnTop,\n    })),\n  )('render inside a div.mg-form-group %s', async (page: PageType, args) => {\n    await setPageContent(page, `<div class=\"mg-form-group\">${createHTML(args)}</div>`);\n\n    await page.locator('mg-input-toggle.hydrated').waitFor({ timeout: TIMEOUT });\n    await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();\n  });\n\n  test('render with error', async ({ page }) => {\n    await setPageContent(page, createHTML({}));\n\n    await page.locator('mg-input-toggle.hydrated').waitFor({ timeout: TIMEOUT });\n    await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();\n\n    await page.$eval('mg-input-toggle', async el => {\n      await el.setError(false, 'This is an error Batman');\n    });\n\n    await page.locator('.mg-c-input__input--has-error');\n    await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();\n  });\n});\n"]}

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

@@ -1,247 +0,0 @@
-import { h } from "@stencil/core";
-import { newSpecPage } from "@stencil/core/testing";
-import { MgInputToggle } from "../mg-input-toggle";
-import { MgIcon } from "../../../../atoms/mg-icon/mg-icon";
-const getPage = (args, slots) => newSpecPage({
-  components: [MgInputToggle, MgIcon],
-  template: () => h("mg-input-toggle", Object.assign({}, args), slots && slots.map(slot => slot())),
-});
-const defaultSlots = [() => h("span", { slot: "item-1" }, "Batman"), () => h("span", { slot: "item-2" }, "Joker")];
-const onOffSlots = [() => h("span", { slot: "item-1" }, "Non"), () => h("span", { slot: "item-2" }, "Oui")];
-const iconSlots = [
-  () => (h("span", { slot: "item-1" }, h("mg-icon", { icon: "cross" }))),
-  () => (h("span", { slot: "item-2" }, h("mg-icon", { icon: "check" }))),
-];
-const defaultProps = {
-  label: 'label',
-  identifier: 'identifier',
-  items: [
-    { title: 'batman', value: false },
-    { title: 'joker', value: true },
-  ],
-};
-describe('mg-input-toggle', () => {
-  describe.each([
-    {
-      props: Object.assign({}, defaultProps),
-      slots: defaultSlots,
-    },
-    {
-      props: Object.assign(Object.assign({}, defaultProps), { value: '' }),
-      slots: defaultSlots,
-    },
-    {
-      props: Object.assign(Object.assign({}, defaultProps), { value: true }),
-      slots: defaultSlots,
-    },
-    {
-      props: Object.assign(Object.assign({}, defaultProps), { value: 'true' }),
-      slots: defaultSlots,
-    },
-    {
-      props: Object.assign(Object.assign({}, defaultProps), { isOnOff: false }),
-      slots: onOffSlots,
-    },
-    {
-      props: Object.assign(Object.assign({}, defaultProps), { isIcon: true, isOnOff: true }),
-      slots: iconSlots,
-    },
-  ])('template', ({ props, slots }) => {
-    test.each([
-      Object.assign({}, props),
-      Object.assign(Object.assign({}, props), { labelOnTop: true }),
-      Object.assign(Object.assign({}, props), { labelHide: true }),
-      Object.assign(Object.assign({}, props), { readonly: true }),
-      Object.assign(Object.assign({}, props), { disabled: true }),
-      Object.assign(Object.assign({}, props), { helpText: 'Hello joker' }),
-      Object.assign(Object.assign({}, props), { tooltip: 'My Tooltip Message' }),
-      Object.assign(Object.assign({}, props), { tooltip: 'My Tooltip Message', labelOnTop: true }),
-    ])('Should render with args %s:', async (args) => {
-      const { root } = await getPage(args, slots);
-      expect(root).toMatchSnapshot();
-    });
-  });
-  describe('errors', () => {
-    test.each(['', ' ', undefined])('Should not render with invalid identifier property: %s', async (identifier) => {
-      expect.assertions(1);
-      try {
-        await getPage({
-          identifier,
-          label: 'label',
-          items: [
-            { title: 'batman', value: false },
-            { title: 'joker', value: true },
-          ],
-        }, defaultSlots);
-      }
-      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: [
-            { title: 'batman', value: false },
-            { title: 'joker', value: true },
-          ],
-        }, defaultSlots);
-      }
-      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'] }, defaultSlots);
-      }
-      catch (err) {
-        expect(err.message).toMatch('<mg-input> prop "labelOnTop" must not be paired with the prop "labelHide"');
-      }
-    });
-    test('Should throw an error with less than 2 items, case %s', async () => {
-      expect.assertions(1);
-      try {
-        await getPage({ label: 'batman', items: [{ title: 'batman' }] }, defaultSlots);
-      }
-      catch (err) {
-        expect(err.message).toMatch('<mg-input-toggle> prop "items" require 2 items.');
-      }
-    });
-    test.each([undefined, [defaultSlots[0]], [...defaultSlots, ...defaultSlots]])('Should throw an error with blank slots', async () => {
-      expect.assertions(1);
-      try {
-        await getPage({ label: 'batman', items: ['batman', 'joker'] });
-      }
-      catch (err) {
-        expect(err.message).toMatch('<mg-input-toggle> 2 slots are required.');
-      }
-    });
-    test.each([
-      [['batman', { title: 'batman', value: 'batman' }]],
-      [['batman', { batman: 'batman' }]],
-      [[true, false]],
-      [[1, 2]],
-      [[true, '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 }, defaultSlots);
-      }
-      catch (err) {
-        expect(err.message).toMatch('<mg-input-toggle> prop "items" is required and all items must be the same type: ToggleValue.');
-      }
-    });
-  });
-  test.each([
-    {
-      items: [
-        { title: 'batman', value: 'a' },
-        { title: 'joker', value: 'b' },
-      ],
-      expected: 'b',
-      value: undefined,
-    },
-    {
-      items: [
-        { title: 'batman', value: 'a' },
-        { title: 'joker', value: 'b' },
-      ],
-      expected: 'a',
-      value: 'b',
-    },
-    {
-      items: [
-        { title: 'batman', value: 1 },
-        { title: 'joker', value: 2 },
-      ],
-      expected: 2,
-      value: 1,
-    },
-    {
-      items: [
-        { title: 'batman', value: false },
-        { title: 'robin', value: true },
-      ],
-      expected: false,
-      value: true,
-    },
-    {
-      items: [
-        { title: 'batman', value: true },
-        { title: 'robin', value: false },
-      ],
-      expected: true,
-      value: false,
-    },
-  ])('Should trigger events for items with inputValue: %s', async ({ items, expected, value }) => {
-    const args = { label: 'label', items, identifier: 'identifier', helpText: 'My help text', value };
-    const page = await getPage(args, defaultSlots);
-    const mgInputToggle = page.doc.querySelector('mg-input-toggle');
-    const button = mgInputToggle.shadowRoot.querySelector('button');
-    jest.spyOn(page.rootInstance.valueChange, 'emit');
-    button.dispatchEvent(new CustomEvent('focus', { bubbles: true }));
-    await page.waitForChanges();
-    expect(page.root).toMatchSnapshot(); //Snapshot on focus
-    button.dispatchEvent(new CustomEvent('click', { bubbles: true }));
-    await page.waitForChanges();
-    expect(page.rootInstance.valueChange.emit).toHaveBeenCalledWith(expected);
-    expect(page.rootInstance.valueChange.emit).toHaveBeenCalledTimes(1);
-  });
-  describe('setError', () => {
-    test.each([true, false])("should display override error with setError component's public method", async (valid) => {
-      const page = await getPage(Object.assign({}, defaultProps), defaultSlots);
-      const mgInputToggle = page.doc.querySelector('mg-input-toggle');
-      const spyInputValid = jest.spyOn(page.rootInstance.inputValid, 'emit');
-      await mgInputToggle.setError(valid, 'error batman');
-      await page.waitForChanges();
-      expect(spyInputValid).toHaveBeenCalledTimes(1);
-      expect(page.root).toMatchSnapshot();
-    });
-    test.each([
-      {
-        valid: '',
-        errorMessage: 'Override error',
-        error: '<mg-input-toggle> method "setError()" param "valid" must be a boolean',
-      },
-      {
-        valid: undefined,
-        errorMessage: 'Override error',
-        error: '<mg-input-toggle> method "setError()" param "valid" must be a boolean',
-      },
-      {
-        valid: true,
-        errorMessage: ' ',
-        error: '<mg-input-toggle> method "setError()" param "errorMessage" must be a string',
-      },
-      {
-        valid: true,
-        errorMessage: true,
-        error: '<mg-input-toggle> method "setError()" param "errorMessage" must be a string',
-      },
-    ])("shloud throw error with setError component's public method invalid params", async (params) => {
-      expect.assertions(1);
-      try {
-        const page = await getPage(Object.assign({}, defaultProps), defaultSlots);
-        const mgInputToggle = page.doc.querySelector('mg-input-toggle');
-        await mgInputToggle.setError(params.valid, params.errorMessage);
-        await page.waitForChanges();
-      }
-      catch (err) {
-        expect(err.message).toMatch(params.error);
-      }
-    });
-  });
-});
-//# sourceMappingURL=mg-input-toggle.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"mg-input-toggle.spec.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/inputs/mg-input-toggle/test/mg-input-toggle.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport { newSpecPage } from '@stencil/core/testing';\nimport { MgInputToggle } from '../mg-input-toggle';\nimport { MgIcon } from '../../../../atoms/mg-icon/mg-icon';\n\nconst getPage = (args, slots?) =>\n  newSpecPage({\n    components: [MgInputToggle, MgIcon],\n    template: () => <mg-input-toggle {...args}>{slots && slots.map(slot => slot())}</mg-input-toggle>,\n  });\n\nconst defaultSlots = [() => <span slot=\"item-1\">Batman</span>, () => <span slot=\"item-2\">Joker</span>];\nconst onOffSlots = [() => <span slot=\"item-1\">Non</span>, () => <span slot=\"item-2\">Oui</span>];\nconst iconSlots = [\n  () => (\n    <span slot=\"item-1\">\n      <mg-icon icon=\"cross\"></mg-icon>\n    </span>\n  ),\n  () => (\n    <span slot=\"item-2\">\n      <mg-icon icon=\"check\"></mg-icon>\n    </span>\n  ),\n];\n\nconst defaultProps = {\n  label: 'label',\n  identifier: 'identifier',\n  items: [\n    { title: 'batman', value: false },\n    { title: 'joker', value: true },\n  ],\n};\n\ndescribe('mg-input-toggle', () => {\n  describe.each([\n    {\n      props: {\n        ...defaultProps,\n      },\n      slots: defaultSlots,\n    },\n    {\n      props: {\n        ...defaultProps,\n        value: '',\n      },\n      slots: defaultSlots,\n    },\n    {\n      props: {\n        ...defaultProps,\n        value: true,\n      },\n      slots: defaultSlots,\n    },\n    {\n      props: {\n        ...defaultProps,\n        value: 'true',\n      },\n      slots: defaultSlots,\n    },\n    {\n      props: {\n        ...defaultProps,\n        isOnOff: false,\n      },\n      slots: onOffSlots,\n    },\n    {\n      props: {\n        ...defaultProps,\n        isIcon: true,\n        isOnOff: true,\n      },\n      slots: iconSlots,\n    },\n  ])('template', ({ props, slots }) => {\n    test.each([\n      {\n        ...props,\n      },\n      {\n        ...props,\n        labelOnTop: true,\n      },\n      {\n        ...props,\n        labelHide: true,\n      },\n      {\n        ...props,\n        readonly: true,\n      },\n      {\n        ...props,\n        disabled: true,\n      },\n      {\n        ...props,\n        helpText: 'Hello joker',\n      },\n      {\n        ...props,\n        tooltip: 'My Tooltip Message',\n      },\n      {\n        ...props,\n        tooltip: 'My Tooltip Message',\n        labelOnTop: true,\n      },\n    ])('Should render with args %s:', async args => {\n      const { root } = await getPage(args, slots);\n      expect(root).toMatchSnapshot();\n    });\n  });\n\n  describe('errors', () => {\n    test.each(['', ' ', undefined])('Should not render with invalid identifier property: %s', async identifier => {\n      expect.assertions(1);\n      try {\n        await getPage(\n          {\n            identifier,\n            label: 'label',\n            items: [\n              { title: 'batman', value: false },\n              { title: 'joker', value: true },\n            ],\n          },\n          defaultSlots,\n        );\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(\n          {\n            identifier: 'identifier',\n            label,\n            items: [\n              { title: 'batman', value: false },\n              { title: 'joker', value: true },\n            ],\n          },\n          defaultSlots,\n        );\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'] }, defaultSlots);\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('Should throw an error with less than 2 items, case %s', async () => {\n      expect.assertions(1);\n      try {\n        await getPage({ label: 'batman', items: [{ title: 'batman' }] }, defaultSlots);\n      } catch (err) {\n        expect(err.message).toMatch('<mg-input-toggle> prop \"items\" require 2 items.');\n      }\n    });\n\n    test.each([undefined, [defaultSlots[0]], [...defaultSlots, ...defaultSlots]])('Should throw an error with blank slots', async () => {\n      expect.assertions(1);\n      try {\n        await getPage({ label: 'batman', items: ['batman', 'joker'] });\n      } catch (err) {\n        expect(err.message).toMatch('<mg-input-toggle> 2 slots are required.');\n      }\n    });\n\n    test.each([\n      [['batman', { title: 'batman', value: 'batman' }]],\n      [['batman', { batman: 'batman' }]],\n      [[true, false]],\n      [[1, 2]],\n      [[true, '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 }, defaultSlots);\n      } catch (err) {\n        expect(err.message).toMatch('<mg-input-toggle> prop \"items\" is required and all items must be the same type: ToggleValue.');\n      }\n    });\n  });\n\n  test.each([\n    {\n      items: [\n        { title: 'batman', value: 'a' },\n        { title: 'joker', value: 'b' },\n      ],\n      expected: 'b',\n      value: undefined,\n    },\n    {\n      items: [\n        { title: 'batman', value: 'a' },\n        { title: 'joker', value: 'b' },\n      ],\n      expected: 'a',\n      value: 'b',\n    },\n    {\n      items: [\n        { title: 'batman', value: 1 },\n        { title: 'joker', value: 2 },\n      ],\n      expected: 2,\n      value: 1,\n    },\n    {\n      items: [\n        { title: 'batman', value: false },\n        { title: 'robin', value: true },\n      ],\n      expected: false,\n      value: true,\n    },\n    {\n      items: [\n        { title: 'batman', value: true },\n        { title: 'robin', value: false },\n      ],\n      expected: true,\n      value: false,\n    },\n  ])('Should trigger events for items with inputValue: %s', async ({ items, expected, value }) => {\n    const args = { label: 'label', items, identifier: 'identifier', helpText: 'My help text', value };\n    const page = await getPage(args, defaultSlots);\n\n    const mgInputToggle = page.doc.querySelector('mg-input-toggle');\n    const button = mgInputToggle.shadowRoot.querySelector('button');\n\n    jest.spyOn(page.rootInstance.valueChange, 'emit');\n\n    button.dispatchEvent(new CustomEvent('focus', { bubbles: true }));\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot(); //Snapshot on focus\n\n    button.dispatchEvent(new CustomEvent('click', { bubbles: true }));\n    await page.waitForChanges();\n\n    expect(page.rootInstance.valueChange.emit).toHaveBeenCalledWith(expected);\n    expect(page.rootInstance.valueChange.emit).toHaveBeenCalledTimes(1);\n  });\n\n  describe('setError', () => {\n    test.each([true, false])(\"should display override error with setError component's public method\", async valid => {\n      const page = await getPage({ ...defaultProps }, defaultSlots);\n\n      const mgInputToggle = page.doc.querySelector('mg-input-toggle');\n\n      const spyInputValid = jest.spyOn(page.rootInstance.inputValid, 'emit');\n\n      await mgInputToggle.setError(valid, 'error batman');\n\n      await page.waitForChanges();\n\n      expect(spyInputValid).toHaveBeenCalledTimes(1);\n\n      expect(page.root).toMatchSnapshot();\n    });\n\n    test.each([\n      {\n        valid: '',\n        errorMessage: 'Override error',\n        error: '<mg-input-toggle> method \"setError()\" param \"valid\" must be a boolean',\n      },\n      {\n        valid: undefined,\n        errorMessage: 'Override error',\n        error: '<mg-input-toggle> method \"setError()\" param \"valid\" must be a boolean',\n      },\n      {\n        valid: true,\n        errorMessage: ' ',\n        error: '<mg-input-toggle> method \"setError()\" param \"errorMessage\" must be a string',\n      },\n      {\n        valid: true,\n        errorMessage: true,\n        error: '<mg-input-toggle> method \"setError()\" param \"errorMessage\" must be a string',\n      },\n    ])(\"shloud throw error with setError component's public method invalid params\", async params => {\n      expect.assertions(1);\n      try {\n        const page = await getPage({ ...defaultProps }, defaultSlots);\n\n        const mgInputToggle = page.doc.querySelector('mg-input-toggle');\n        await mgInputToggle.setError(params.valid as unknown as boolean, params.errorMessage as unknown as string);\n\n        await page.waitForChanges();\n      } catch (err) {\n        expect(err.message).toMatch(params.error);\n      }\n    });\n  });\n});\n"]}