@mgdis/mg-components 5.19.2 → 5.20.0

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

@@ -1,115 +0,0 @@
-import { createPage } from "../../../../../utils/stencil.e2e.test.utils";
-describe('mg-input-password', () => {
-  describe.each([
-    `<mg-input-password identifier="identifier" label="label"></mg-input-password>`,
-    `<mg-input-password identifier="identifier" label="label" label-on-top></mg-input-password>`,
-    `<mg-input-password identifier="identifier" label="label" label-hide></mg-input-password>`,
-    `<mg-input-password identifier="identifier" label="label" placeholder="placeholder" help-text="HelpText Message"></mg-input-password>`,
-  ])('without tooltip', html => {
-    test('render', async () => {
-      const page = await createPage(html);
-      const element = await page.find('mg-input-password');
-      const input = await page.find('mg-input-password >>> input');
-      // Hide caret for screenshots
-      await page.$eval('mg-input-password', elm => {
-        const input = elm.shadowRoot.querySelector('input');
-        input.style.caretColor = 'transparent';
-      });
-      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();
-      await input.press('KeyB');
-      await input.press('KeyL');
-      await input.press('KeyU');
-      await page.waitForChanges();
-      const screenshotType = await page.screenshot();
-      expect(screenshotType).toMatchImageSnapshot();
-    });
-  });
-  test.each([true, false])('render with tooltip, case label-on-top %s', async (labelOnTop) => {
-    const page = await createPage(`<mg-input-password identifier="identifier" label="label" tooltip="Tooltip message" label-on-top="${labelOnTop}"></mg-input-password>`);
-    const element = await page.find('mg-input-password');
-    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();
-  });
-  describe.each([
-    `<mg-input-password identifier="identifier" label="label" readonly></mg-input-password>`,
-    `<mg-input-password identifier="identifier" label="label" value="blu"></mg-input-password>`,
-    `<mg-input-password identifier="identifier" label="label" value="blu" readonly></mg-input-password>`,
-    `<mg-input-password identifier="identifier" label="label" value="blu" readonly label-on-top></mg-input-password>`,
-    `<mg-input-password identifier="identifier" label="label" disabled></mg-input-password>`,
-    `<mg-input-password identifier="identifier" label="label" value="blu" disabled></mg-input-password>`,
-    `<mg-input-password identifier="identifier" label="label" value="batman" help-text='<mg-icon icon="user" size="small"></mg-icon> Welcome batman'></mg-input-password>`,
-    `<mg-input-password identifier="identifier" label="label" value="blu" help-text="HelpText Message" required></mg-input-password>`,
-    `<mg-input-password identifier="identifier" label="label" value="blu" help-text="HelpText Message" required readonly></mg-input-password>`,
-    `<mg-input-password identifier="identifier" label="label" value="blu" help-text="HelpText Message" required disabled></mg-input-password>`,
-  ])('Should render with template', html => {
-    test('render', async () => {
-      const page = await createPage(html);
-      const element = await page.find('mg-input-password');
-      expect(element).toHaveClass('hydrated');
-      const screenshot = await page.screenshot();
-      expect(screenshot).toMatchImageSnapshot();
-    });
-  });
-  describe.each([
-    `<mg-input-password identifier="identifier" label="label" required></mg-input-password>`,
-    `<mg-input-password identifier="identifier" label="label" required lang="fr"></mg-input-password>`,
-  ])('%s', html => {
-    test('Should render error when leaving an empty required input', async () => {
-      const page = await createPage(html);
-      const element = await page.find('mg-input-password');
-      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-password 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-password>',
-    '<mg-input-password 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-password>',
-  ])('inside a div.mg-form-group', html => {
-    test('render', async () => {
-      const page = await createPage(`<div class="mg-form-group">${html}</div>`);
-      const element = await page.find('mg-input-password');
-      expect(element).toHaveClass('hydrated');
-      const screenshot = await page.screenshot();
-      expect(screenshot).toMatchImageSnapshot();
-    });
-  });
-  describe.each([16])('with custom width: %s', width => {
-    test.each([false, true])('with label on top: %s', async (labelOnTop) => {
-      const page = await createPage(`<mg-input-password identifier="identifier" label="label" mg-width="${width}" label-on-top="${labelOnTop}"></mg-input-password>`);
-      const element = await page.find('mg-input-password');
-      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-password identifier="identifier" label="label" label-on-top="${labelOnTop}"></mg-input-password>`);
-    const element = await page.find('mg-input-password');
-    expect(element).toHaveClass('hydrated');
-    await page.setViewport({ width: 200, height: 100 });
-    const screenshot = await page.screenshot();
-    expect(screenshot).toMatchImageSnapshot();
-  });
-});
-//# sourceMappingURL=mg-input-password.e2e.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"mg-input-password.e2e.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/inputs/mg-input-password/test/mg-input-password.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { createPage } from '../../../../../utils/stencil.e2e.test.utils';\n\ndescribe('mg-input-password', () => {\n  describe.each([\n    `<mg-input-password identifier=\"identifier\" label=\"label\"></mg-input-password>`,\n    `<mg-input-password identifier=\"identifier\" label=\"label\" label-on-top></mg-input-password>`,\n    `<mg-input-password identifier=\"identifier\" label=\"label\" label-hide></mg-input-password>`,\n    `<mg-input-password identifier=\"identifier\" label=\"label\" placeholder=\"placeholder\" help-text=\"HelpText Message\"></mg-input-password>`,\n  ])('without tooltip', html => {\n    test('render', async () => {\n      const page = await createPage(html);\n\n      const element = await page.find('mg-input-password');\n      const input = await page.find('mg-input-password >>> input');\n\n      // Hide caret for screenshots\n      await page.$eval('mg-input-password', elm => {\n        const input = elm.shadowRoot.querySelector('input');\n        input.style.caretColor = 'transparent';\n      });\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      await input.press('KeyB');\n      await input.press('KeyL');\n      await input.press('KeyU');\n\n      await page.waitForChanges();\n\n      const screenshotType = await page.screenshot();\n      expect(screenshotType).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-password identifier=\"identifier\" label=\"label\" tooltip=\"Tooltip message\" label-on-top=\"${labelOnTop}\"></mg-input-password>`);\n\n    const element = await page.find('mg-input-password');\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\n    await page.waitForChanges();\n\n    const screenshotTooltip = await page.screenshot();\n    expect(screenshotTooltip).toMatchImageSnapshot();\n  });\n\n  describe.each([\n    `<mg-input-password identifier=\"identifier\" label=\"label\" readonly></mg-input-password>`,\n    `<mg-input-password identifier=\"identifier\" label=\"label\" value=\"blu\"></mg-input-password>`,\n    `<mg-input-password identifier=\"identifier\" label=\"label\" value=\"blu\" readonly></mg-input-password>`,\n    `<mg-input-password identifier=\"identifier\" label=\"label\" value=\"blu\" readonly label-on-top></mg-input-password>`,\n    `<mg-input-password identifier=\"identifier\" label=\"label\" disabled></mg-input-password>`,\n    `<mg-input-password identifier=\"identifier\" label=\"label\" value=\"blu\" disabled></mg-input-password>`,\n    `<mg-input-password identifier=\"identifier\" label=\"label\" value=\"batman\" help-text='<mg-icon icon=\"user\" size=\"small\"></mg-icon> Welcome batman'></mg-input-password>`,\n    `<mg-input-password identifier=\"identifier\" label=\"label\" value=\"blu\" help-text=\"HelpText Message\" required></mg-input-password>`,\n    `<mg-input-password identifier=\"identifier\" label=\"label\" value=\"blu\" help-text=\"HelpText Message\" required readonly></mg-input-password>`,\n    `<mg-input-password identifier=\"identifier\" label=\"label\" value=\"blu\" help-text=\"HelpText Message\" required disabled></mg-input-password>`,\n  ])('Should render with template', html => {\n    test('render', async () => {\n      const page = await createPage(html);\n\n      const element = await page.find('mg-input-password');\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-password identifier=\"identifier\" label=\"label\" required></mg-input-password>`,\n    `<mg-input-password identifier=\"identifier\" label=\"label\" required lang=\"fr\"></mg-input-password>`,\n  ])('%s', html => {\n    test('Should render error when leaving an empty required input', async () => {\n      const page = await createPage(html);\n\n      const element = await page.find('mg-input-password');\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-password 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-password>',\n    '<mg-input-password 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-password>',\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\n      const element = await page.find('mg-input-password');\n\n      expect(element).toHaveClass('hydrated');\n\n      const screenshot = await page.screenshot();\n      expect(screenshot).toMatchImageSnapshot();\n    });\n  });\n\n  describe.each([16])('with custom width: %s', width => {\n    test.each([false, true])('with label on top: %s', async labelOnTop => {\n      const page = await createPage(`<mg-input-password identifier=\"identifier\" label=\"label\" mg-width=\"${width}\" label-on-top=\"${labelOnTop}\"></mg-input-password>`);\n\n      const element = await page.find('mg-input-password');\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-password identifier=\"identifier\" label=\"label\" label-on-top=\"${labelOnTop}\"></mg-input-password>`);\n\n    const element = await page.find('mg-input-password');\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-password/test/mg-input-password.spec.js

@@ -1,289 +0,0 @@
-import { h } from "@stencil/core";
-import { newSpecPage } from "@stencil/core/testing";
-import { MgInputPassword } from "../mg-input-password";
-import messages from "../../../../../locales/en/messages.json";
-const getPage = args => {
-  const page = newSpecPage({
-    components: [MgInputPassword],
-    template: () => h("mg-input-password", Object.assign({}, args)),
-  });
-  jest.runAllTimers();
-  return page;
-};
-describe('mg-input-password', () => {
-  beforeEach(() => jest.useFakeTimers());
-  afterEach(() => jest.runOnlyPendingTimers());
-  test.each([
-    { label: 'label', identifier: 'identifier' },
-    { label: 'label', identifier: 'identifier', labelHide: true },
-    { label: 'label', identifier: 'identifier', labelOnTop: true },
-    { label: 'label', identifier: 'identifier', readonly: true },
-    { label: 'label', identifier: 'identifier', readonly: true, labelOnTop: true, tooltip: 'Tooltip message' },
-    { label: 'label', identifier: 'identifier', readonly: true, value: 'blu' },
-    { label: 'label', identifier: 'identifier', required: true, value: 'blu', helpText: 'My help text' },
-    { label: 'label', identifier: 'identifier', required: true, readonly: true, value: 'blu', helpText: 'My help text' },
-    { label: 'label', identifier: 'identifier', required: true, disabled: true, value: 'blu', helpText: 'My help text' },
-    { label: 'label', identifier: 'identifier', tooltip: 'My Tooltip Message' },
-    { label: 'label', identifier: 'identifier', 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 });
-    }
-    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 });
-    }
-    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 });
-    }
-    catch (err) {
-      expect(err.message).toMatch('<mg-input> prop "labelOnTop" must not be paired with the prop "labelHide"');
-    }
-  });
-  test('Should trigger events', async () => {
-    const inputValue = 'Blu';
-    const args = { label: 'label', identifier: 'identifier', helpText: 'My help text' };
-    const page = await getPage(args);
-    const element = page.doc.querySelector('mg-input-password');
-    const input = element.shadowRoot.querySelector('input');
-    //mock validity
-    input.checkValidity = jest.fn(() => true);
-    Object.defineProperty(input, 'validity', {
-      get: jest.fn(() => ({
-        valueMissing: false,
-        patternMismatch: 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 = inputValue;
-    input.dispatchEvent(new CustomEvent('input', { bubbles: true }));
-    await page.waitForChanges();
-    expect(page.rootInstance.valueChange.emit).toHaveBeenCalledWith(inputValue);
-  });
-  describe.each(['readonly', 'disabled'])('validity, case next state is %s', nextState => {
-    test.each([
-      { validity: true, valueMissing: false },
-      { validity: false, valueMissing: true },
-      { validity: false, valueMissing: false },
-    ])('validity (%s), valueMissing (%s)', async ({ validity, valueMissing }) => {
-      const args = { label: 'label', identifier: 'identifier', patternErrorMessage: 'Non' };
-      const page = await getPage(args);
-      const element = page.doc.querySelector('mg-input-password');
-      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', required: true });
-    expect(page.root).toMatchSnapshot();
-    const element = page.doc.querySelector('mg-input-password');
-    const input = element.shadowRoot.querySelector('input');
-    //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', required: true });
-    expect(page.root).toMatchSnapshot();
-    const element = page.doc.querySelector('mg-input-password');
-    const input = element.shadowRoot.querySelector('input');
-    //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-password> method "setError()" param "valid" must be a boolean',
-    },
-    {
-      valid: undefined,
-      errorMessage: 'Override error',
-      error: '<mg-input-password> method "setError()" param "valid" must be a boolean',
-    },
-    {
-      valid: true,
-      errorMessage: ' ',
-      error: '<mg-input-password> method "setError()" param "errorMessage" must be a string',
-    },
-    {
-      valid: true,
-      errorMessage: true,
-      error: '<mg-input-password> 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', required: true });
-      const element = page.doc.querySelector('mg-input-password');
-      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', identifier: 'identifier', required: true, lang });
-    const element = page.doc.querySelector('mg-input-password');
-    const input = element.shadowRoot.querySelector('input');
-    //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', identifier: 'identifier', required: true });
-    const element = page.doc.querySelector('mg-input-password');
-    const input = element.shadowRoot.querySelector('input');
-    //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 = 'blu';
-    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', identifier: 'identifier', required: true });
-    const element = page.doc.querySelector('mg-input-password');
-    const input = element.shadowRoot.querySelector('input');
-    //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('Should update mg-width', async () => {
-    const page = await getPage({ label: 'label', identifier: 'identifier' });
-    const element = page.doc.querySelector('mg-input-password');
-    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();
-  });
-});
-//# sourceMappingURL=mg-input-password.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"mg-input-password.spec.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/inputs/mg-input-password/test/mg-input-password.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport { newSpecPage } from '@stencil/core/testing';\nimport { MgInputPassword } from '../mg-input-password';\nimport messages from '../../../../../locales/en/messages.json';\n\nconst getPage = args => {\n  const page = newSpecPage({\n    components: [MgInputPassword],\n    template: () => <mg-input-password {...args}></mg-input-password>,\n  });\n  jest.runAllTimers();\n  return page;\n};\n\ndescribe('mg-input-password', () => {\n  beforeEach(() => jest.useFakeTimers());\n  afterEach(() => jest.runOnlyPendingTimers());\n  test.each([\n    { label: 'label', identifier: 'identifier' },\n    { label: 'label', identifier: 'identifier', labelHide: true },\n    { label: 'label', identifier: 'identifier', labelOnTop: true },\n    { label: 'label', identifier: 'identifier', readonly: true },\n    { label: 'label', identifier: 'identifier', readonly: true, labelOnTop: true, tooltip: 'Tooltip message' },\n    { label: 'label', identifier: 'identifier', readonly: true, value: 'blu' },\n    { label: 'label', identifier: 'identifier', required: true, value: 'blu', helpText: 'My help text' },\n    { label: 'label', identifier: 'identifier', required: true, readonly: true, value: 'blu', helpText: 'My help text' },\n    { label: 'label', identifier: 'identifier', required: true, disabled: true, value: 'blu', helpText: 'My help text' },\n    { label: 'label', identifier: 'identifier', tooltip: 'My Tooltip Message' },\n    { label: 'label', identifier: 'identifier', 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 });\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 });\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 });\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 trigger events', async () => {\n    const inputValue = 'Blu';\n    const args = { label: 'label', identifier: 'identifier', helpText: 'My help text' };\n    const page = await getPage(args);\n\n    const element = page.doc.querySelector('mg-input-password');\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        patternMismatch: 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 = inputValue;\n    input.dispatchEvent(new CustomEvent('input', { bubbles: true }));\n    await page.waitForChanges();\n    expect(page.rootInstance.valueChange.emit).toHaveBeenCalledWith(inputValue);\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: false, valueMissing: false },\n    ])('validity (%s), valueMissing (%s)', async ({ validity, valueMissing }) => {\n      const args = { label: 'label', identifier: 'identifier', patternErrorMessage: 'Non' };\n      const page = await getPage(args);\n\n      const element = page.doc.querySelector('mg-input-password');\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', required: true });\n\n    expect(page.root).toMatchSnapshot();\n\n    const element = page.doc.querySelector('mg-input-password');\n    const input = element.shadowRoot.querySelector('input');\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', required: true });\n\n    expect(page.root).toMatchSnapshot();\n\n    const element = page.doc.querySelector('mg-input-password');\n    const input = element.shadowRoot.querySelector('input');\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-password> method \"setError()\" param \"valid\" must be a boolean',\n    },\n    {\n      valid: undefined,\n      errorMessage: 'Override error',\n      error: '<mg-input-password> method \"setError()\" param \"valid\" must be a boolean',\n    },\n    {\n      valid: true,\n      errorMessage: ' ',\n      error: '<mg-input-password> method \"setError()\" param \"errorMessage\" must be a string',\n    },\n    {\n      valid: true,\n      errorMessage: true,\n      error: '<mg-input-password> 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', required: true });\n      const element = page.doc.querySelector('mg-input-password');\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', identifier: 'identifier', required: true, lang });\n    const element = page.doc.querySelector('mg-input-password');\n    const input = element.shadowRoot.querySelector('input');\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', identifier: 'identifier', required: true });\n    const element = page.doc.querySelector('mg-input-password');\n    const input = element.shadowRoot.querySelector('input');\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 = 'blu';\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', identifier: 'identifier', required: true });\n    const element = page.doc.querySelector('mg-input-password');\n    const input = element.shadowRoot.querySelector('input');\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('Should update mg-width', async () => {\n    const page = await getPage({ label: 'label', identifier: 'identifier' });\n    const element = page.doc.querySelector('mg-input-password');\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});\n"]}

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

@@ -1,154 +0,0 @@
-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-c-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