@mgdis/mg-components 5.16.0 → 5.18.0

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

@@ -0,0 +1,399 @@
+import { h } from "@stencil/core";
+import { newSpecPage } from "@stencil/core/testing";
+import { MgInputSelect } from "../mg-input-select";
+import messages from "../../../../../locales/en/messages.json";
+const getPage = async (args) => {
+  const page = newSpecPage({
+    components: [MgInputSelect],
+    template: () => h("mg-input-select", Object.assign({}, args)),
+  });
+  jest.runAllTimers();
+  return page;
+};
+describe('mg-input-select', () => {
+  beforeEach(() => jest.useFakeTimers());
+  afterEach(() => jest.runOnlyPendingTimers());
+  test.each([
+    { label: 'label', identifier: 'identifier', items: [] },
+    { label: 'label', identifier: 'identifier', items: ['blu', 'bli', 'blo', 'bla'] },
+    { label: 'label', identifier: 'identifier', items: ['blu', 'bli', 'blo', 'bla'], labelHide: true },
+    {
+      label: 'label',
+      identifier: 'identifier',
+      items: [
+        { title: 'blu', value: 'u' },
+        { title: 'bli', value: 'i' },
+        { title: 'blo', value: 'o' },
+        { title: 'bla', value: 'a' },
+      ],
+    },
+    {
+      label: 'label',
+      identifier: 'identifier',
+      items: [
+        { title: 'blu', value: 'u', group: 'blu' },
+        { title: 'bli', value: 'i', group: 'blu' },
+        { title: 'blo', value: 'o', group: 'blo' },
+        { title: 'bla', value: 'a' },
+      ],
+    },
+    {
+      label: 'label',
+      identifier: 'identifier',
+      items: [
+        { title: 'blu', value: 'u' },
+        { title: 'bli', value: 'i' },
+        { title: 'blo', value: 'o' },
+        { title: 'bla', value: 'a' },
+      ],
+      readonly: true,
+      value: 'o',
+    },
+    { label: 'label', identifier: 'identifier', items: ['blu', 'bli', 'blo', 'bla'], labelOnTop: true },
+    { label: 'label', identifier: 'identifier', items: ['blu', 'bli', 'blo', 'bla'], readonly: true },
+    { label: 'label', identifier: 'identifier', items: ['blu', 'bli', 'blo', 'bla'], readonly: true, labelOnTop: true, tooltip: 'Tooltip message' },
+    { label: 'label', identifier: 'identifier', items: ['blu', 'bli', 'blo', 'bla'], required: true, helpText: 'My help text', value: 'blu' },
+    { label: 'label', identifier: 'identifier', items: ['blu', 'bli', 'blo', 'bla'], required: true, readonly: true, helpText: 'My help text', value: 'blu' },
+    { label: 'label', identifier: 'identifier', items: ['blu', 'bli', 'blo', 'bla'], required: true, disabled: true, helpText: 'My help text', value: 'blu' },
+    { label: 'label', identifier: 'identifier', items: ['blu', 'bli', 'blo', 'bla'], tooltip: 'My Tooltip Message' },
+    { label: 'label', identifier: 'identifier', items: ['blu', 'bli', 'blo', 'bla'], tooltip: 'My Tooltip Message', labelOnTop: true },
+    { label: 'label', identifier: 'identifier', items: ['blu', 'bli', 'blo', 'bla'], placeholder: 'placeholder' },
+    { label: 'label', identifier: 'identifier', items: ['blu', 'bli', 'blo', 'bla'], placeholder: 'placeholder', placeholderHide: true },
+    { label: 'label', identifier: 'identifier', items: ['blu', 'bli', 'blo', 'bla'], placeholder: 'placeholder', placeholderDisabled: true },
+    { label: 'label', identifier: 'identifier', items: ['blu', 'bli', 'blo', 'bla'], placeholder: 'placeholder', placeholderDisabled: true, value: 'ble' },
+  ])('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: ['blu', 'bli', 'blo', 'bla'] });
+    }
+    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: ['blu', 'bli', 'blo', 'bla'] });
+    }
+    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([[['blu', { title: 'blu', value: 'blu' }]], [['blu', { blu: 'blu' }]], [[{ title: 'blu', value: 'blu' }, { blu: 'blu' }]]])('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-select> prop "items" is required, can be an empty Array or all items must be the same type: string or Option.');
+    }
+  });
+  test.each([
+    { items: ['batman', 'robin', 'joker', 'bane'], selectedOption: '' },
+    { items: ['batman', 'robin', 'joker', 'bane'], selectedOption: 3 },
+    {
+      items: [
+        { title: 'batman', value: 'u' },
+        { title: 'robin', value: 'i' },
+        { title: 'joker', value: 'o' },
+        { title: 'bane', value: 'a' },
+      ],
+      selectedOption: 2,
+    },
+    {
+      items: [
+        { title: 'batman', value: 1 },
+        { title: 'robin', value: 2 },
+        { title: 'joker', value: 3 },
+        { title: 'bane', value: 4 },
+      ],
+      selectedOption: 1,
+    },
+    {
+      items: [
+        { title: 'batman', value: true },
+        { title: 'robin', value: false },
+      ],
+      selectedOption: 0,
+    },
+    {
+      items: [
+        { title: 'blu', value: undefined },
+        { title: 'bli', value: 42 },
+      ],
+      selectedOption: 0,
+    },
+    {
+      items: [
+        { title: 'batman', value: { name: 'Batman' } },
+        { title: 'robin', value: { name: 'Robin' } },
+      ],
+      selectedOption: 1,
+    },
+    {
+      items: [
+        { title: 'Batman', value: { name: 'Batman', group: 'Heroes' } },
+        { title: 'Robin', value: { name: 'Robin', group: 'Heroes' } },
+        { title: 'Joker', value: { name: 'Joker', group: 'Super Vilains' } },
+        { title: 'Bane', value: { name: 'Bane', group: 'Super Vilains' } },
+      ],
+      selectedOption: 2,
+    },
+  ])('Should trigger events for (%s)', async ({ items, selectedOption }) => {
+    var _a;
+    const args = { label: 'label', items, identifier: 'identifier', helpText: 'My help text', value: 'blu' };
+    const page = await getPage(args);
+    const element = page.doc.querySelector('mg-input-select');
+    const input = element.shadowRoot.querySelector('select');
+    //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 = ((_a = items[selectedOption]) === null || _a === void 0 ? void 0 : _a.title) || items[selectedOption] || selectedOption;
+    input.dispatchEvent(new CustomEvent('input', { bubbles: true }));
+    await page.waitForChanges();
+    const expectedEmitValue = selectedOption !== '' ? (typeof items[selectedOption] === 'object' ? items[selectedOption].value : items[selectedOption]) : null;
+    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: ['blu', 'bli', 'blo', 'bla'], identifier: 'identifier', patternErrorMessage: 'Non' };
+      const page = await getPage(args);
+      const element = page.doc.querySelector('mg-input-select');
+      const input = element.shadowRoot.querySelector('select');
+      //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', items: ['batman', 'robin', 'joker', 'bane'], identifier: 'identifier', required: true });
+    expect(page.root).toMatchSnapshot();
+    const element = page.doc.querySelector('mg-input-select');
+    const input = element.shadowRoot.querySelector('select');
+    //mock validity
+    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([
+    {
+      valid: true,
+      errorMessage: 'Override error',
+    },
+    {
+      valid: false,
+      errorMessage: 'Override error',
+    },
+  ])("should display override error with setError component's public method", async (params) => {
+    const page = await getPage({ label: 'label', identifier: 'identifier', items: ['batman', 'robin', 'joker', 'bane'], required: true });
+    expect(page.root).toMatchSnapshot();
+    const element = page.doc.querySelector('mg-input-select');
+    const input = element.shadowRoot.querySelector('select');
+    //mock validity
+    Object.defineProperty(input, 'validity', {
+      get: () => ({}),
+    });
+    await element.setError(params.valid, params.errorMessage);
+    await page.waitForChanges();
+    expect(page.root).toMatchSnapshot();
+  });
+  test.each([
+    {
+      valid: '',
+      errorMessage: 'Override error',
+      error: '<mg-input-select> method "setError()" param "valid" must be a boolean',
+    },
+    {
+      valid: undefined,
+      errorMessage: 'Override error',
+      error: '<mg-input-select> method "setError()" param "valid" must be a boolean',
+    },
+    {
+      valid: true,
+      errorMessage: ' ',
+      error: '<mg-input-select> method "setError()" param "errorMessage" must be a string',
+    },
+    {
+      valid: true,
+      errorMessage: true,
+      error: '<mg-input-select> 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({ label: 'label', identifier: 'identifier', items: ['batman', 'robin', 'joker', 'bane'], required: true });
+      const element = page.doc.querySelector('mg-input-select');
+      await element.setError(params.valid, params.errorMessage);
+      await page.waitForChanges();
+    }
+    catch (err) {
+      expect(err.message).toMatch(params.error);
+    }
+  });
+  test.each(['fr', 'xx'])('display error message with locale: %s', async (lang) => {
+    const page = await getPage({ label: 'label', items: ['batman', 'robin', 'joker', 'bane'], identifier: 'identifier', required: true, lang });
+    const element = page.doc.querySelector('mg-input-select');
+    const input = element.shadowRoot.querySelector('select');
+    //mock validity
+    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', async () => {
+    const page = await getPage({ label: 'label', items: ['batman', 'robin', 'joker', 'bane'], identifier: 'identifier', required: true });
+    const element = page.doc.querySelector('mg-input-select');
+    const input = element.shadowRoot.querySelector('select');
+    //mock validity
+    input.checkValidity = jest.fn().mockReturnValueOnce(false).mockReturnValueOnce(true).mockReturnValueOnce(true);
+    Object.defineProperty(input, 'validity', {
+      get: jest
+        .fn()
+        .mockReturnValueOnce({
+        valueMissing: true,
+      })
+        .mockReturnValueOnce({
+        valueMissing: true,
+      })
+        .mockReturnValueOnce({
+        valueMissing: false,
+      })
+        .mockReturnValueOnce({
+        valueMissing: false,
+      }),
+    });
+    await element.displayError();
+    await page.waitForChanges();
+    expect(page.rootInstance.hasDisplayedError).toEqual(true);
+    expect(page.rootInstance.errorMessage).toEqual(messages.errors.required);
+    input.value = 'batman';
+    input.dispatchEvent(new CustomEvent('input', { bubbles: true }));
+    await page.waitForChanges();
+    expect(page.rootInstance.hasDisplayedError).toEqual(true);
+    expect(page.rootInstance.errorMessage).toBeUndefined();
+    input.dispatchEvent(new CustomEvent('blur', { bubbles: true }));
+    await page.waitForChanges();
+    expect(page.rootInstance.hasDisplayedError).toEqual(false);
+  });
+  test('Should remove error on input when required change dynamically', async () => {
+    const page = await getPage({ label: 'label', items: ['batman', 'robin', 'joker', 'bane'], identifier: 'identifier', required: true });
+    const element = page.doc.querySelector('mg-input-select');
+    const input = element.shadowRoot.querySelector('select');
+    //mock validity
+    input.checkValidity = jest.fn().mockReturnValueOnce(false).mockReturnValueOnce(true).mockReturnValueOnce(true);
+    Object.defineProperty(input, 'validity', {
+      get: jest
+        .fn()
+        .mockReturnValueOnce({
+        valueMissing: true,
+      })
+        .mockReturnValueOnce({
+        valueMissing: true,
+      })
+        .mockReturnValueOnce({
+        valueMissing: false,
+      })
+        .mockReturnValueOnce({
+        valueMissing: false,
+      }),
+    });
+    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();
+  });
+  test.each([[['batman']], [[{ title: 'batman', value: 'b' }]]])('Should not update value with invalid input value: %s', async (items) => {
+    const page = await getPage({ identifier: 'identifier', label: 'batman', items });
+    const element = page.doc.querySelector('mg-input-select');
+    const input = element.shadowRoot.querySelector('select');
+    input.checkValidity = jest.fn().mockReturnValueOnce(true);
+    jest.spyOn(page.rootInstance.inputValid, 'emit');
+    input.value = 'hello';
+    input.dispatchEvent(new CustomEvent('input', { bubbles: true }));
+    await page.waitForChanges();
+    expect(element.value).toBe('hello');
+    expect(page.rootInstance.inputValid.emit).toHaveBeenCalledWith(false);
+  });
+  test('Should update mg-width', async () => {
+    const page = await getPage({ label: 'label', identifier: 'identifier', items: ['blu', 'bli', 'blo', 'bla'], mgWidth: undefined });
+    const element = page.doc.querySelector('mg-input-select');
+    element.mgWidth = 2;
+    await page.waitForChanges();
+    expect(page.root).toMatchSnapshot();
+    element.mgWidth = 4;
+    await page.waitForChanges();
+    expect(page.root).toMatchSnapshot();
+    element.mgWidth = 16;
+    await page.waitForChanges();
+    expect(page.root).toMatchSnapshot();
+    element.mgWidth = 'full';
+    await page.waitForChanges();
+    expect(page.root).toMatchSnapshot();
+  });
+});
+//# sourceMappingURL=mg-input-select.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mg-input-select.spec.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/inputs/mg-input-select/test/mg-input-select.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport { newSpecPage } from '@stencil/core/testing';\nimport { MgInputSelect } from '../mg-input-select';\nimport { SelectOption } from '../mg-input-select.conf';\nimport messages from '../../../../../locales/en/messages.json';\n\nconst getPage = async args => {\n  const page = newSpecPage({\n    components: [MgInputSelect],\n    template: () => <mg-input-select {...args}></mg-input-select>,\n  });\n\n  jest.runAllTimers();\n\n  return page;\n};\n\ndescribe('mg-input-select', () => {\n  beforeEach(() => jest.useFakeTimers());\n  afterEach(() => jest.runOnlyPendingTimers());\n  test.each([\n    { label: 'label', identifier: 'identifier', items: [] },\n    { label: 'label', identifier: 'identifier', items: ['blu', 'bli', 'blo', 'bla'] },\n    { label: 'label', identifier: 'identifier', items: ['blu', 'bli', 'blo', 'bla'], labelHide: true },\n    {\n      label: 'label',\n      identifier: 'identifier',\n      items: [\n        { title: 'blu', value: 'u' },\n        { title: 'bli', value: 'i' },\n        { title: 'blo', value: 'o' },\n        { title: 'bla', value: 'a' },\n      ],\n    },\n    {\n      label: 'label',\n      identifier: 'identifier',\n      items: [\n        { title: 'blu', value: 'u', group: 'blu' },\n        { title: 'bli', value: 'i', group: 'blu' },\n        { title: 'blo', value: 'o', group: 'blo' },\n        { title: 'bla', value: 'a' },\n      ],\n    },\n    {\n      label: 'label',\n      identifier: 'identifier',\n      items: [\n        { title: 'blu', value: 'u' },\n        { title: 'bli', value: 'i' },\n        { title: 'blo', value: 'o' },\n        { title: 'bla', value: 'a' },\n      ],\n      readonly: true,\n      value: 'o',\n    },\n    { label: 'label', identifier: 'identifier', items: ['blu', 'bli', 'blo', 'bla'], labelOnTop: true },\n    { label: 'label', identifier: 'identifier', items: ['blu', 'bli', 'blo', 'bla'], readonly: true },\n    { label: 'label', identifier: 'identifier', items: ['blu', 'bli', 'blo', 'bla'], readonly: true, labelOnTop: true, tooltip: 'Tooltip message' },\n    { label: 'label', identifier: 'identifier', items: ['blu', 'bli', 'blo', 'bla'], required: true, helpText: 'My help text', value: 'blu' },\n    { label: 'label', identifier: 'identifier', items: ['blu', 'bli', 'blo', 'bla'], required: true, readonly: true, helpText: 'My help text', value: 'blu' },\n    { label: 'label', identifier: 'identifier', items: ['blu', 'bli', 'blo', 'bla'], required: true, disabled: true, helpText: 'My help text', value: 'blu' },\n    { label: 'label', identifier: 'identifier', items: ['blu', 'bli', 'blo', 'bla'], tooltip: 'My Tooltip Message' },\n    { label: 'label', identifier: 'identifier', items: ['blu', 'bli', 'blo', 'bla'], tooltip: 'My Tooltip Message', labelOnTop: true },\n    { label: 'label', identifier: 'identifier', items: ['blu', 'bli', 'blo', 'bla'], placeholder: 'placeholder' },\n    { label: 'label', identifier: 'identifier', items: ['blu', 'bli', 'blo', 'bla'], placeholder: 'placeholder', placeholderHide: true },\n    { label: 'label', identifier: 'identifier', items: ['blu', 'bli', 'blo', 'bla'], placeholder: 'placeholder', placeholderDisabled: true },\n    { label: 'label', identifier: 'identifier', items: ['blu', 'bli', 'blo', 'bla'], placeholder: 'placeholder', placeholderDisabled: true, value: 'ble' },\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: ['blu', 'bli', 'blo', 'bla'] });\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: ['blu', 'bli', 'blo', 'bla'] });\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([[['blu', { title: 'blu', value: 'blu' }]], [['blu', { blu: 'blu' }]], [[{ title: 'blu', value: 'blu' }, { blu: 'blu' }]]])(\n    'Should throw error with invalid items property: %s',\n    async items => {\n      expect.assertions(1);\n      try {\n        await getPage({ label: 'Label', items });\n      } catch (err) {\n        expect(err.message).toMatch('<mg-input-select> prop \"items\" is required, can be an empty Array or all items must be the same type: string or Option.');\n      }\n    },\n  );\n\n  test.each([\n    { items: ['batman', 'robin', 'joker', 'bane'], selectedOption: '' },\n    { items: ['batman', 'robin', 'joker', 'bane'], selectedOption: 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      selectedOption: 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      selectedOption: 1,\n    },\n    {\n      items: [\n        { title: 'batman', value: true },\n        { title: 'robin', value: false },\n      ],\n      selectedOption: 0,\n    },\n    {\n      items: [\n        { title: 'blu', value: undefined },\n        { title: 'bli', value: 42 },\n      ],\n      selectedOption: 0,\n    },\n    {\n      items: [\n        { title: 'batman', value: { name: 'Batman' } },\n        { title: 'robin', value: { name: 'Robin' } },\n      ],\n      selectedOption: 1,\n    },\n    {\n      items: [\n        { title: 'Batman', value: { name: 'Batman', group: 'Heroes' } },\n        { title: 'Robin', value: { name: 'Robin', group: 'Heroes' } },\n        { title: 'Joker', value: { name: 'Joker', group: 'Super Vilains' } },\n        { title: 'Bane', value: { name: 'Bane', group: 'Super Vilains' } },\n      ],\n      selectedOption: 2,\n    },\n  ])('Should trigger events for (%s)', async ({ items, selectedOption }) => {\n    const args = { label: 'label', items, identifier: 'identifier', helpText: 'My help text', value: 'blu' };\n    const page = await getPage(args);\n\n    const element = page.doc.querySelector('mg-input-select');\n    const input = element.shadowRoot.querySelector('select');\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 = items[selectedOption]?.title || items[selectedOption] || selectedOption;\n    input.dispatchEvent(new CustomEvent('input', { bubbles: true }));\n    await page.waitForChanges();\n    const expectedEmitValue = selectedOption !== '' ? (typeof items[selectedOption] === 'object' ? (items[selectedOption] as SelectOption).value : items[selectedOption]) : null;\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: ['blu', 'bli', 'blo', 'bla'], identifier: 'identifier', patternErrorMessage: 'Non' };\n      const page = await getPage(args);\n\n      const element = page.doc.querySelector('mg-input-select');\n      const input = element.shadowRoot.querySelector('select');\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', items: ['batman', 'robin', 'joker', 'bane'], identifier: 'identifier', required: true });\n\n    expect(page.root).toMatchSnapshot();\n\n    const element = page.doc.querySelector('mg-input-select');\n    const input = element.shadowRoot.querySelector('select');\n\n    //mock validity\n    input.checkValidity = jest.fn(() => false);\n    Object.defineProperty(input, 'validity', {\n      get: jest.fn(() => ({\n        valueMissing: true,\n      })),\n    });\n\n    await element.displayError();\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  test.each([\n    {\n      valid: true,\n      errorMessage: 'Override error',\n    },\n    {\n      valid: false,\n      errorMessage: 'Override error',\n    },\n  ])(\"should display override error with setError component's public method\", async params => {\n    const page = await getPage({ label: 'label', identifier: 'identifier', items: ['batman', 'robin', 'joker', 'bane'], required: true });\n\n    expect(page.root).toMatchSnapshot();\n\n    const element = page.doc.querySelector('mg-input-select');\n    const input = element.shadowRoot.querySelector('select');\n\n    //mock validity\n    Object.defineProperty(input, 'validity', {\n      get: () => ({}),\n    });\n\n    await element.setError(params.valid, params.errorMessage);\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  test.each([\n    {\n      valid: '',\n      errorMessage: 'Override error',\n      error: '<mg-input-select> method \"setError()\" param \"valid\" must be a boolean',\n    },\n    {\n      valid: undefined,\n      errorMessage: 'Override error',\n      error: '<mg-input-select> method \"setError()\" param \"valid\" must be a boolean',\n    },\n    {\n      valid: true,\n      errorMessage: ' ',\n      error: '<mg-input-select> method \"setError()\" param \"errorMessage\" must be a string',\n    },\n    {\n      valid: true,\n      errorMessage: true,\n      error: '<mg-input-select> 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({ label: 'label', identifier: 'identifier', items: ['batman', 'robin', 'joker', 'bane'], required: true });\n      const element = page.doc.querySelector('mg-input-select');\n\n      await element.setError(params.valid as unknown as boolean, params.errorMessage as unknown as string);\n      await page.waitForChanges();\n    } catch (err) {\n      expect(err.message).toMatch(params.error);\n    }\n  });\n\n  test.each(['fr', 'xx'])('display error message with locale: %s', async lang => {\n    const page = await getPage({ label: 'label', items: ['batman', 'robin', 'joker', 'bane'], identifier: 'identifier', required: true, lang });\n    const element = page.doc.querySelector('mg-input-select');\n    const input = element.shadowRoot.querySelector('select');\n\n    //mock validity\n    input.checkValidity = jest.fn(() => false);\n    Object.defineProperty(input, 'validity', {\n      get: jest.fn(() => ({\n        valueMissing: true,\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', async () => {\n    const page = await getPage({ label: 'label', items: ['batman', 'robin', 'joker', 'bane'], identifier: 'identifier', required: true });\n    const element = page.doc.querySelector('mg-input-select');\n    const input = element.shadowRoot.querySelector('select');\n\n    //mock validity\n    input.checkValidity = jest.fn().mockReturnValueOnce(false).mockReturnValueOnce(true).mockReturnValueOnce(true);\n    Object.defineProperty(input, 'validity', {\n      get: jest\n        .fn()\n        .mockReturnValueOnce({\n          valueMissing: true,\n        })\n        .mockReturnValueOnce({\n          valueMissing: true,\n        })\n        .mockReturnValueOnce({\n          valueMissing: false,\n        })\n        .mockReturnValueOnce({\n          valueMissing: false,\n        }),\n    });\n\n    await element.displayError();\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.hasDisplayedError).toEqual(true);\n    expect(page.rootInstance.errorMessage).toEqual(messages.errors.required);\n\n    input.value = 'batman';\n    input.dispatchEvent(new CustomEvent('input', { bubbles: true }));\n    await page.waitForChanges();\n\n    expect(page.rootInstance.hasDisplayedError).toEqual(true);\n    expect(page.rootInstance.errorMessage).toBeUndefined();\n\n    input.dispatchEvent(new CustomEvent('blur', { bubbles: true }));\n    await page.waitForChanges();\n\n    expect(page.rootInstance.hasDisplayedError).toEqual(false);\n  });\n\n  test('Should remove error on input when required change dynamically', async () => {\n    const page = await getPage({ label: 'label', items: ['batman', 'robin', 'joker', 'bane'], identifier: 'identifier', required: true });\n    const element = page.doc.querySelector('mg-input-select');\n    const input = element.shadowRoot.querySelector('select');\n\n    //mock validity\n    input.checkValidity = jest.fn().mockReturnValueOnce(false).mockReturnValueOnce(true).mockReturnValueOnce(true);\n    Object.defineProperty(input, 'validity', {\n      get: jest\n        .fn()\n        .mockReturnValueOnce({\n          valueMissing: true,\n        })\n        .mockReturnValueOnce({\n          valueMissing: true,\n        })\n        .mockReturnValueOnce({\n          valueMissing: false,\n        })\n        .mockReturnValueOnce({\n          valueMissing: false,\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  test.each([[['batman']], [[{ title: 'batman', value: 'b' }]]])('Should not update value with invalid input value: %s', async items => {\n    const page = await getPage({ identifier: 'identifier', label: 'batman', items });\n    const element = page.doc.querySelector('mg-input-select');\n    const input = element.shadowRoot.querySelector('select');\n\n    input.checkValidity = jest.fn().mockReturnValueOnce(true);\n    jest.spyOn(page.rootInstance.inputValid, 'emit');\n\n    input.value = 'hello';\n    input.dispatchEvent(new CustomEvent('input', { bubbles: true }));\n\n    await page.waitForChanges();\n\n    expect(element.value).toBe('hello');\n    expect(page.rootInstance.inputValid.emit).toHaveBeenCalledWith(false);\n  });\n\n  test('Should update mg-width', async () => {\n    const page = await getPage({ label: 'label', identifier: 'identifier', items: ['blu', 'bli', 'blo', 'bla'], mgWidth: undefined });\n    const element = page.doc.querySelector('mg-input-select');\n\n    element.mgWidth = 2;\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n\n    element.mgWidth = 4;\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n\n    element.mgWidth = 16;\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n\n    element.mgWidth = 'full';\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n  });\n});\n"]}