@mgdis/mg-components 5.19.3 → 5.20.0

package/dist/collection/components/atoms/mg-character-left/test/mg-character-left.spec.js

@@ -1,42 +0,0 @@
-import { h } from "@stencil/core";
-import { newSpecPage } from "@stencil/core/testing";
-import { MgCharacterLeft } from "../mg-character-left";
-import messages from "../../../../locales/en/messages.json";
-const getPage = args => newSpecPage({
-  components: [MgCharacterLeft],
-  template: () => h("mg-character-left", Object.assign({}, args)),
-});
-describe('mg-character-left', () => {
-  describe.each(['blu', 'blublu', 'blu blu blu blu blu'])('Should render nb char left for %s', characters => {
-    test.each([123, 234, 200])('renders', async (maxlength) => {
-      const { root } = await getPage({ characters, maxlength });
-      expect(root).toMatchSnapshot();
-    });
-  });
-  test('Should throw error without maxlength', async () => {
-    expect.assertions(1);
-    try {
-      await getPage({});
-    }
-    catch (err) {
-      expect(err.message).toMatch('<mg-character-left> prop "maxlength" is required.');
-    }
-  });
-  test('Should update character left counter', async () => {
-    const maxlength = 400;
-    const characters = 'blu blu';
-    const page = await getPage({ characters: '', maxlength });
-    const element = page.doc.querySelector('mg-character-left');
-    expect(element.textContent).toContain(messages.nbCharLeft.replace('{counter}', `${maxlength}`));
-    element.setAttribute('characters', characters);
-    await page.waitForChanges();
-    expect(element.textContent).toContain(messages.nbCharLeft.replace('{counter}', `${maxlength - characters.length}`));
-  });
-  test.each(['fr', 'xx'])('Should render component with locale: %s', async (lang) => {
-    const maxlength = 400;
-    const characters = 'blu blu';
-    const { root } = await getPage({ characters, maxlength, lang });
-    expect(root).toMatchSnapshot();
-  });
-});
-//# sourceMappingURL=mg-character-left.spec.js.map

package/dist/collection/components/atoms/mg-character-left/test/mg-character-left.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mg-character-left.spec.js","sourceRoot":"","sources":["../../../../../src/components/atoms/mg-character-left/test/mg-character-left.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,QAAQ,MAAM,sCAAsC,CAAC;AAE5D,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CACrB,WAAW,CAAC;EACV,UAAU,EAAE,CAAC,eAAe,CAAC;EAC7B,QAAQ,EAAE,GAAG,EAAE,CAAC,yCAAuB,IAAI,EAAsB;CAClE,CAAC,CAAC;AAEL,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;EACjC,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE,qBAAqB,CAAC,CAAC,CAAC,mCAAmC,EAAE,UAAU,CAAC,EAAE;IACxG,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,EAAC,SAAS,EAAC,EAAE;MACtD,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,OAAO,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC,CAAC;MAC1D,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;EAEH,IAAI,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;IACtD,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IACrB,IAAI;MACF,MAAM,OAAO,CAAC,EAAE,CAAC,CAAC;KACnB;IAAC,OAAO,GAAG,EAAE;MACZ,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,mDAAmD,CAAC,CAAC;KAClF;EACH,CAAC,CAAC,CAAC;EAEH,IAAI,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;IACtD,MAAM,SAAS,GAAG,GAAG,CAAC;IACtB,MAAM,UAAU,GAAG,SAAS,CAAC;IAC7B,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC;IAE1D,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;IAC5D,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC,WAAW,EAAE,GAAG,SAAS,EAAE,CAAC,CAAC,CAAC;IAEhG,OAAO,CAAC,YAAY,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;IAC/C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAC5B,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC,WAAW,EAAE,GAAG,SAAS,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;EACtH,CAAC,CAAC,CAAC;EAEH,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,yCAAyC,EAAE,KAAK,EAAC,IAAI,EAAC,EAAE;IAC9E,MAAM,SAAS,GAAG,GAAG,CAAC;IACtB,MAAM,UAAU,GAAG,SAAS,CAAC;IAC7B,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,OAAO,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IAChE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;EACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { h } from '@stencil/core';\nimport { newSpecPage } from '@stencil/core/testing';\nimport { MgCharacterLeft } from '../mg-character-left';\nimport messages from '../../../../locales/en/messages.json';\n\nconst getPage = args =>\n  newSpecPage({\n    components: [MgCharacterLeft],\n    template: () => <mg-character-left {...args}></mg-character-left>,\n  });\n\ndescribe('mg-character-left', () => {\n  describe.each(['blu', 'blublu', 'blu blu blu blu blu'])('Should render nb char left for %s', characters => {\n    test.each([123, 234, 200])('renders', async maxlength => {\n      const { root } = await getPage({ characters, maxlength });\n      expect(root).toMatchSnapshot();\n    });\n  });\n\n  test('Should throw error without maxlength', async () => {\n    expect.assertions(1);\n    try {\n      await getPage({});\n    } catch (err) {\n      expect(err.message).toMatch('<mg-character-left> prop \"maxlength\" is required.');\n    }\n  });\n\n  test('Should update character left counter', async () => {\n    const maxlength = 400;\n    const characters = 'blu blu';\n    const page = await getPage({ characters: '', maxlength });\n\n    const element = page.doc.querySelector('mg-character-left');\n    expect(element.textContent).toContain(messages.nbCharLeft.replace('{counter}', `${maxlength}`));\n\n    element.setAttribute('characters', characters);\n    await page.waitForChanges();\n    expect(element.textContent).toContain(messages.nbCharLeft.replace('{counter}', `${maxlength - characters.length}`));\n  });\n\n  test.each(['fr', 'xx'])('Should render component with locale: %s', async lang => {\n    const maxlength = 400;\n    const characters = 'blu blu';\n    const { root } = await getPage({ characters, maxlength, lang });\n    expect(root).toMatchSnapshot();\n  });\n});\n"]}

package/dist/collection/components/atoms/mg-divider/test/mg-divider.e2e.js

@@ -1,11 +0,0 @@
-import { createPage } from "../../../../utils/stencil.e2e.test.utils";
-describe('mg-divider', () => {
-  test('Should render', async () => {
-    const sizes = ['regular', 'full'];
-    const html = sizes.map(size => `<mg-divider size="${size}"></mg-divider>`).join('');
-    const page = await createPage(html);
-    const screenshot = await page.screenshot();
-    expect(screenshot).toMatchImageSnapshot();
-  });
-});
-//# sourceMappingURL=mg-divider.e2e.js.map

package/dist/collection/components/atoms/mg-divider/test/mg-divider.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mg-divider.e2e.js","sourceRoot":"","sources":["../../../../../src/components/atoms/mg-divider/test/mg-divider.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AAEtE,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;EAC1B,IAAI,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;IAC/B,MAAM,KAAK,GAAG,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IAClC,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,qBAAqB,IAAI,iBAAiB,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACpF,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC,IAAI,CAAC,CAAC;IAEpC,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;IAC3C,MAAM,CAAC,UAAU,CAAC,CAAC,oBAAoB,EAAE,CAAC;EAC5C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { createPage } from '../../../../utils/stencil.e2e.test.utils';\n\ndescribe('mg-divider', () => {\n  test('Should render', async () => {\n    const sizes = ['regular', 'full'];\n    const html = sizes.map(size => `<mg-divider size=\"${size}\"></mg-divider>`).join('');\n    const page = await createPage(html);\n\n    const screenshot = await page.screenshot();\n    expect(screenshot).toMatchImageSnapshot();\n  });\n});\n"]}

package/dist/collection/components/atoms/mg-divider/test/mg-divider.spec.js

@@ -1,14 +0,0 @@
-import { h } from "@stencil/core";
-import { newSpecPage } from "@stencil/core/testing";
-import { MgDivider } from "../mg-divider";
-const getPage = args => newSpecPage({
-  components: [MgDivider],
-  template: () => h("mg-divider", Object.assign({}, args)),
-});
-describe('mg-divider', () => {
-  test.each([undefined, 'regular', 'full'])('size %s', async (size) => {
-    const { root } = await getPage({ size });
-    expect(root).toMatchSnapshot();
-  });
-});
-//# sourceMappingURL=mg-divider.spec.js.map

package/dist/collection/components/atoms/mg-divider/test/mg-divider.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mg-divider.spec.js","sourceRoot":"","sources":["../../../../../src/components/atoms/mg-divider/test/mg-divider.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CACrB,WAAW,CAAC;EACV,UAAU,EAAE,CAAC,SAAS,CAAC;EACvB,QAAQ,EAAE,GAAG,EAAE,CAAC,kCAAgB,IAAI,EAAe;CACpD,CAAC,CAAC;AAEL,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;EAC1B,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,EAAC,IAAI,EAAC,EAAE;IAChE,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IACzC,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;EACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { h } from '@stencil/core';\nimport { newSpecPage } from '@stencil/core/testing';\nimport { MgDivider } from '../mg-divider';\n\nconst getPage = args =>\n  newSpecPage({\n    components: [MgDivider],\n    template: () => <mg-divider {...args}></mg-divider>,\n  });\n\ndescribe('mg-divider', () => {\n  test.each([undefined, 'regular', 'full'])('size %s', async size => {\n    const { root } = await getPage({ size });\n    expect(root).toMatchSnapshot();\n  });\n});\n"]}

package/dist/collection/components/atoms/mg-icon/test/mg-icon.e2e.js

@@ -1,55 +0,0 @@
-import { createPage } from "../../../../utils/stencil.e2e.test.utils";
-import { renderAttributes } from "../../../../utils/e2e.test.utils";
-import { sizes, variantStyles, variants } from "../mg-icon.conf";
-import icons from "@mgdis/img/dist/icons/index.json";
-const getIconWidth = (size) => {
-  switch (size) {
-    case 'small':
-      return 12;
-    case 'medium':
-      return 20;
-    case 'large':
-      return 24;
-    case 'extra-large':
-      return 32;
-    default:
-      return 16;
-  }
-};
-const style = `<style>[variant='app']{ --mg-color-app-h: 250; }</style>`;
-describe('mg-icon', () => {
-  test('renders icons', async () => {
-    const textWithoutDash = text => text.split('-').join('');
-    const html = icons
-      .sort((a, b) => textWithoutDash(a).localeCompare(textWithoutDash(b)))
-      .map(icon => `<mg-icon icon="${icon}"></mg-icon>`)
-      .join('');
-    const page = await createPage(html);
-    const screenshot = await page.screenshot();
-    expect(screenshot).toMatchImageSnapshot();
-  });
-  test('renders sizes', async () => {
-    const html = sizes.map(size => `<mg-icon ${renderAttributes({ icon: 'thumb-up', size })}></mg-icon>`).join('');
-    const page = await createPage(html);
-    await page.setViewport({ width: 120, height: getIconWidth('extra-large') });
-    const screenshot = await page.screenshot();
-    expect(screenshot).toMatchImageSnapshot();
-  });
-  test.each(variantStyles)('renders variants, with variantStyle %s', async (variantStyle) => {
-    let width = 0;
-    const variantStyleIsIcon = variantStyle !== 'icon';
-    const html = variants
-      .map(variant => sizes
-      .map(size => {
-      width += variantStyleIsIcon ? getIconWidth(size) * 2 : getIconWidth(size);
-      return `<mg-icon ${renderAttributes({ icon: 'check-circle', variant: variant, variantStyle, size })}></mg-icon>`;
-    })
-      .join(''))
-      .join('');
-    const page = await createPage(html + style);
-    await page.setViewport({ width, height: variantStyleIsIcon ? getIconWidth('extra-large') * 2 : getIconWidth('extra-large') });
-    const screenshot = await page.screenshot();
-    expect(screenshot).toMatchImageSnapshot();
-  });
-});
-//# sourceMappingURL=mg-icon.e2e.js.map

package/dist/collection/components/atoms/mg-icon/test/mg-icon.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mg-icon.e2e.js","sourceRoot":"","sources":["../../../../../src/components/atoms/mg-icon/test/mg-icon.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { createPage } from '../../../../utils/stencil.e2e.test.utils';\nimport { renderAttributes } from '../../../../utils/e2e.test.utils';\nimport { MgIcon } from '../mg-icon';\nimport { sizes, variantStyles, variants } from '../mg-icon.conf';\nimport icons from '@mgdis/img/dist/icons/index.json';\n\nconst getIconWidth = (size: MgIcon['size']): number => {\n  switch (size) {\n    case 'small':\n      return 12;\n    case 'medium':\n      return 20;\n    case 'large':\n      return 24;\n    case 'extra-large':\n      return 32;\n    default:\n      return 16;\n  }\n};\n\nconst style = `<style>[variant='app']{ --mg-color-app-h: 250; }</style>`;\n\ndescribe('mg-icon', () => {\n  test('renders icons', async () => {\n    const textWithoutDash = text => text.split('-').join('');\n    const html = icons\n      .sort((a, b) => textWithoutDash(a).localeCompare(textWithoutDash(b)))\n      .map(icon => `<mg-icon icon=\"${icon}\"></mg-icon>`)\n      .join('');\n    const page = await createPage(html);\n\n    const screenshot = await page.screenshot();\n    expect(screenshot).toMatchImageSnapshot();\n  });\n\n  test('renders sizes', async () => {\n    const html = sizes.map(size => `<mg-icon ${renderAttributes({ icon: 'thumb-up', size })}></mg-icon>`).join('');\n    const page = await createPage(html);\n\n    await page.setViewport({ width: 120, height: getIconWidth('extra-large') });\n\n    const screenshot = await page.screenshot();\n    expect(screenshot).toMatchImageSnapshot();\n  });\n\n  test.each(variantStyles)('renders variants, with variantStyle %s', async variantStyle => {\n    let width = 0;\n    const variantStyleIsIcon = variantStyle !== 'icon';\n\n    const html = variants\n      .map(variant =>\n        sizes\n          .map(size => {\n            width += variantStyleIsIcon ? getIconWidth(size) * 2 : getIconWidth(size);\n            return `<mg-icon ${renderAttributes({ icon: 'check-circle', variant: variant, variantStyle, size })}></mg-icon>`;\n          })\n          .join(''),\n      )\n      .join('');\n\n    const page = await createPage(html + style);\n\n    await page.setViewport({ width, height: variantStyleIsIcon ? getIconWidth('extra-large') * 2 : getIconWidth('extra-large') });\n\n    const screenshot = await page.screenshot();\n    expect(screenshot).toMatchImageSnapshot();\n  });\n});\n"]}

package/dist/collection/components/atoms/mg-icon/test/mg-icon.spec.js

@@ -1,84 +0,0 @@
-import { h } from "@stencil/core";
-import { newSpecPage } from "@stencil/core/testing";
-import { MgIcon } from "../mg-icon";
-import { sizes, variantStyles, variants } from "../mg-icon.conf";
-import iconList from "@mgdis/img/dist/icons/index.json";
-const getPage = args => newSpecPage({
-  components: [MgIcon],
-  template: () => h("mg-icon", Object.assign({}, args)),
-});
-describe('mg-icon', () => {
-  afterEach(() => {
-    jest.clearAllMocks();
-  });
-  describe.each(iconList)('Should render %s icon', icon => {
-    test.each(sizes)('in %s size', async (size) => {
-      const { root } = await getPage({ icon, size });
-      expect(root).toMatchSnapshot();
-    });
-    test.each(variants)('using %s variant', async (variant) => {
-      const { root } = await getPage({ icon, variant });
-      expect(root).toMatchSnapshot();
-    });
-    test.each(variants.flatMap(variant => variantStyles.map(variantStyle => ({ variant, variantStyle }))))('using %s variant', async ({ variant, variantStyle }) => {
-      const { root } = await getPage({ icon, variant, variantStyle });
-      expect(root).toMatchSnapshot();
-    });
-  });
-  test('Should render a spin icon', async () => {
-    const { root } = await getPage({ icon: 'check-circle', spin: true });
-    expect(root).toMatchSnapshot();
-  });
-  test.each([
-    { initialProps: { icon: 'chevron-up' }, initialClass: ['.mg-c-icon--chevron-up'], nextProps: { icon: 'chevron-down' }, nextClass: ['.mg-c-icon--chevron-down'] },
-    { initialProps: { icon: 'chevron-up' }, initialClass: ['.mg-c-icon--size-regular'], nextProps: { size: 'large' }, nextClass: ['.mg-c-icon--size-large'] },
-    {
-      initialProps: { icon: 'chevron-up', variant: 'success', variantStyle: 'icon' },
-      initialClass: ['.mg-c-icon--variant-success', '.mg-c-icon--variant-style-icon'],
-      nextProps: { variant: 'danger', variantStyle: 'background' },
-      nextClass: ['.mg-c-icon--variant-danger', '.mg-c-icon--variant-style-background'],
-    },
-  ])('Should replace classes on icon changes', async ({ initialProps, initialClass, nextProps, nextClass }) => {
-    const page = await getPage(initialProps);
-    const element = page.doc.querySelector('mg-icon');
-    // validate inital state
-    initialClass.forEach(className => {
-      expect(element.shadowRoot.querySelector(className)).not.toBeNull();
-    });
-    nextClass.forEach(className => {
-      expect(element.shadowRoot.querySelector(className)).toBeNull();
-    });
-    // update props
-    Object.keys(nextProps).forEach(key => {
-      element[key] = nextProps[key];
-    });
-    await page.waitForChanges();
-    // validate next state
-    initialClass.forEach(className => {
-      expect(element.shadowRoot.querySelector(className)).toBeNull();
-    });
-    nextClass.forEach(className => {
-      expect(element.shadowRoot.querySelector(className)).not.toBeNull();
-    });
-    expect(page.root).toMatchSnapshot();
-  });
-  describe('errors', () => {
-    const iconError = ['', 'blu', undefined].map(icon => ({ props: { icon }, error: `<mg-icon> prop "icon" must be one of: ${iconList.join(', ')}` }));
-    const sizeError = ['', 'blu'].map(size => ({ props: { icon: 'check-circle', size }, error: `<mg-icon> prop "size" must be one of: ${sizes.join(', ')}` }));
-    const variantError = { props: { icon: 'check-circle', variant: 'blu' }, error: `<mg-icon> prop "variant" must be one of: ${variants.join(', ')}` };
-    const variantStyleError = {
-      props: { icon: 'check-circle', variantStyle: 'blu' },
-      error: `<mg-icon> prop "variantStyle" must be one of: ${variantStyles.join(', ')}`,
-    };
-    test.each([...iconError, ...sizeError, variantError, variantStyleError])('Should throw error with invalid icon property: %s', async ({ props, error }) => {
-      expect.assertions(1);
-      try {
-        await getPage(props);
-      }
-      catch (err) {
-        expect(err.message).toMatch(error);
-      }
-    });
-  });
-});
-//# sourceMappingURL=mg-icon.spec.js.map

package/dist/collection/components/atoms/mg-icon/test/mg-icon.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mg-icon.spec.js","sourceRoot":"","sources":["../../../../../src/components/atoms/mg-icon/test/mg-icon.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport { newSpecPage } from '@stencil/core/testing';\nimport { MgIcon } from '../mg-icon';\nimport { sizes, variantStyles, variants } from '../mg-icon.conf';\nimport iconList from '@mgdis/img/dist/icons/index.json';\n\nconst getPage = args =>\n  newSpecPage({\n    components: [MgIcon],\n    template: () => <mg-icon {...args}></mg-icon>,\n  });\n\ndescribe('mg-icon', () => {\n  afterEach(() => {\n    jest.clearAllMocks();\n  });\n\n  describe.each(iconList)('Should render %s icon', icon => {\n    test.each(sizes)('in %s size', async size => {\n      const { root } = await getPage({ icon, size });\n      expect(root).toMatchSnapshot();\n    });\n\n    test.each(variants)('using %s variant', async variant => {\n      const { root } = await getPage({ icon, variant });\n      expect(root).toMatchSnapshot();\n    });\n\n    test.each(variants.flatMap(variant => variantStyles.map(variantStyle => ({ variant, variantStyle }))))('using %s variant', async ({ variant, variantStyle }) => {\n      const { root } = await getPage({ icon, variant, variantStyle });\n      expect(root).toMatchSnapshot();\n    });\n  });\n\n  test('Should render a spin icon', async () => {\n    const { root } = await getPage({ icon: 'check-circle', spin: true });\n    expect(root).toMatchSnapshot();\n  });\n\n  test.each([\n    { initialProps: { icon: 'chevron-up' }, initialClass: ['.mg-c-icon--chevron-up'], nextProps: { icon: 'chevron-down' }, nextClass: ['.mg-c-icon--chevron-down'] },\n    { initialProps: { icon: 'chevron-up' }, initialClass: ['.mg-c-icon--size-regular'], nextProps: { size: 'large' }, nextClass: ['.mg-c-icon--size-large'] },\n    {\n      initialProps: { icon: 'chevron-up', variant: 'success', variantStyle: 'icon' },\n      initialClass: ['.mg-c-icon--variant-success', '.mg-c-icon--variant-style-icon'],\n      nextProps: { variant: 'danger', variantStyle: 'background' },\n      nextClass: ['.mg-c-icon--variant-danger', '.mg-c-icon--variant-style-background'],\n    },\n  ])('Should replace classes on icon changes', async ({ initialProps, initialClass, nextProps, nextClass }) => {\n    const page = await getPage(initialProps);\n    const element = page.doc.querySelector('mg-icon');\n\n    // validate inital state\n    initialClass.forEach(className => {\n      expect(element.shadowRoot.querySelector(className)).not.toBeNull();\n    });\n\n    nextClass.forEach(className => {\n      expect(element.shadowRoot.querySelector(className)).toBeNull();\n    });\n\n    // update props\n    Object.keys(nextProps).forEach(key => {\n      element[key] = nextProps[key];\n    });\n\n    await page.waitForChanges();\n\n    // validate next state\n    initialClass.forEach(className => {\n      expect(element.shadowRoot.querySelector(className)).toBeNull();\n    });\n\n    nextClass.forEach(className => {\n      expect(element.shadowRoot.querySelector(className)).not.toBeNull();\n    });\n    expect(page.root).toMatchSnapshot();\n  });\n\n  describe('errors', () => {\n    const iconError = ['', 'blu', undefined].map(icon => ({ props: { icon }, error: `<mg-icon> prop \"icon\" must be one of: ${iconList.join(', ')}` }));\n    const sizeError = ['', 'blu'].map(size => ({ props: { icon: 'check-circle', size }, error: `<mg-icon> prop \"size\" must be one of: ${sizes.join(', ')}` }));\n    const variantError = { props: { icon: 'check-circle', variant: 'blu' }, error: `<mg-icon> prop \"variant\" must be one of: ${variants.join(', ')}` };\n    const variantStyleError = {\n      props: { icon: 'check-circle', variantStyle: 'blu' },\n      error: `<mg-icon> prop \"variantStyle\" must be one of: ${variantStyles.join(', ')}`,\n    };\n\n    test.each([...iconError, ...sizeError, variantError, variantStyleError])('Should throw error with invalid icon property: %s', async ({ props, error }) => {\n      expect.assertions(1);\n      try {\n        await getPage(props);\n      } catch (err) {\n        expect(err.message).toMatch(error);\n      }\n    });\n  });\n});\n"]}

package/dist/collection/components/atoms/mg-input-title/test/mg-input-title.e2e.playwright.js

@@ -1,12 +0,0 @@
-import { renderAttributes } from "../../../../utils/e2e.test.utils";
-import { setPageContent, describe, testEach, expect } from "../../../../utils/playwright.e2e.test.utils";
-const createHtml = args => `<mg-input-title ${renderAttributes(Object.assign(Object.assign({}, args), { identifier: 'identifier' }))}>Label</mg-input-title>`;
-const TIMEOUT = 1000;
-describe('mg-input-title', () => {
-  testEach([true, false].flatMap(isLegend => [true, false].flatMap(required => [true, false].map(readonly => ({ isLegend, required, readonly })))))('Should render %s', async (page, args) => {
-    await setPageContent(page, createHtml(args));
-    await page.locator('mg-input-title.hydrated').waitFor({ timeout: TIMEOUT });
-    await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-  });
-});
-//# sourceMappingURL=mg-input-title.e2e.playwright.js.map

package/dist/collection/components/atoms/mg-input-title/test/mg-input-title.e2e.playwright.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mg-input-title.e2e.playwright.js","sourceRoot":"","sources":["../../../../../src/components/atoms/mg-input-title/test/mg-input-title.e2e.playwright.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAY,MAAM,6CAA6C,CAAC;AAEnH,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,mBAAmB,gBAAgB,iCAAM,IAAI,KAAE,UAAU,EAAE,YAAY,IAAG,yBAAyB,CAAC;AAE/H,MAAM,OAAO,GAAG,IAAI,CAAC;AAErB,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;EAC9B,QAAQ,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAC/I,kBAAkB,EAClB,KAAK,EAAE,IAAc,EAAE,IAAI,EAAE,EAAE;IAC7B,MAAM,cAAc,CAAC,IAAI,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;IAE7C,MAAM,IAAI,CAAC,OAAO,CAAC,yBAAyB,CAAC,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;IAE5E,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC;EACnE,CAAC,CACF,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { renderAttributes } from '../../../../utils/e2e.test.utils';\nimport { setPageContent, describe, testEach, expect, PageType } from '../../../../utils/playwright.e2e.test.utils';\n\nconst createHtml = args => `<mg-input-title ${renderAttributes({ ...args, identifier: 'identifier' })}>Label</mg-input-title>`;\n\nconst TIMEOUT = 1000;\n\ndescribe('mg-input-title', () => {\n  testEach([true, false].flatMap(isLegend => [true, false].flatMap(required => [true, false].map(readonly => ({ isLegend, required, readonly })))))(\n    'Should render %s',\n    async (page: PageType, args) => {\n      await setPageContent(page, createHtml(args));\n\n      await page.locator('mg-input-title.hydrated').waitFor({ timeout: TIMEOUT });\n\n      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();\n    },\n  );\n});\n"]}

package/dist/collection/components/atoms/mg-input-title/test/mg-input-title.spec.js

@@ -1,23 +0,0 @@
-import { h } from "@stencil/core";
-import { newSpecPage } from "@stencil/core/testing";
-import { MgInputTitle } from "../mg-input-title";
-const getPage = args => newSpecPage({
-  components: [MgInputTitle],
-  template: () => h("mg-input-title", Object.assign({}, args), "mg-input-title"),
-});
-describe('mg-input-title', () => {
-  test.each([true, false].flatMap(isLegend => [true, false].flatMap(required => [true, false].map(readonly => ({ isLegend, required, readonly, identifier: 'identifier' })))))('Should render label with args %s', async (args) => {
-    const { root } = await getPage(args);
-    expect(root).toMatchSnapshot();
-  });
-  test.each(['', ' ', undefined])('Should throw error, case invalid identifier prop', async (identifier) => {
-    expect.assertions(1);
-    try {
-      await getPage({ identifier });
-    }
-    catch (err) {
-      expect(err.message).toContain('<mg-input-title> prop "identifier" is required.');
-    }
-  });
-});
-//# sourceMappingURL=mg-input-title.spec.js.map

package/dist/collection/components/atoms/mg-input-title/test/mg-input-title.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mg-input-title.spec.js","sourceRoot":"","sources":["../../../../../src/components/atoms/mg-input-title/test/mg-input-title.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CACrB,WAAW,CAAC;EACV,UAAU,EAAE,CAAC,YAAY,CAAC;EAC1B,QAAQ,EAAE,GAAG,EAAE,CAAC,sCAAoB,IAAI,oBAAiC;CAC1E,CAAC,CAAC;AAEL,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;EAC9B,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAC1K,kCAAkC,EAClC,KAAK,EAAC,IAAI,EAAC,EAAE;IACX,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;EACjC,CAAC,CACF,CAAC;EAEF,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,kDAAkD,EAAE,KAAK,EAAC,UAAU,EAAC,EAAE;IACrG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IACrB,IAAI;MACF,MAAM,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC;KAC/B;IAAC,OAAO,GAAG,EAAE;MACZ,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,iDAAiD,CAAC,CAAC;KAClF;EACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { h } from '@stencil/core';\nimport { newSpecPage } from '@stencil/core/testing';\nimport { MgInputTitle } from '../mg-input-title';\n\nconst getPage = args =>\n  newSpecPage({\n    components: [MgInputTitle],\n    template: () => <mg-input-title {...args}>mg-input-title</mg-input-title>,\n  });\n\ndescribe('mg-input-title', () => {\n  test.each([true, false].flatMap(isLegend => [true, false].flatMap(required => [true, false].map(readonly => ({ isLegend, required, readonly, identifier: 'identifier' })))))(\n    'Should render label with args %s',\n    async args => {\n      const { root } = await getPage(args);\n      expect(root).toMatchSnapshot();\n    },\n  );\n\n  test.each(['', ' ', undefined])('Should throw error, case invalid identifier prop', async identifier => {\n    expect.assertions(1);\n    try {\n      await getPage({ identifier });\n    } catch (err) {\n      expect(err.message).toContain('<mg-input-title> prop \"identifier\" is required.');\n    }\n  });\n});\n"]}

package/dist/collection/components/atoms/mg-tag/test/mg-tag.e2e.playwright.js

@@ -1,23 +0,0 @@
-import { darkBackground, renderAttributes } from "../../../../utils/e2e.test.utils";
-import { describe, expect, setPageContent, test, testEach } from "../../../../utils/playwright.e2e.test.utils";
-import { variants } from "../mg-tag.conf";
-describe('mg-tag', () => {
-  testEach(variants.flatMap(variant => [true, false].flatMap(icon => [
-    { outline: false, soft: false },
-    { outline: true, soft: false },
-    { outline: false, soft: true },
-  ].map(({ outline, soft }) => darkBackground(variant === 'secondary', `<mg-tag style="margin: 0.2rem;" ${renderAttributes({ variant, outline, soft })}>${icon ? `<mg-icon ${renderAttributes({ icon: 'user', size: 'small' })}></mg-icon>` : ''}${variant}</mg-tag>`)))))('Should render %s', async (page, html) => {
-    await setPageContent(page, html);
-    await page.locator('mg-tag.hydrated').waitFor({ timeout: 1000 });
-    await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-  });
-  test('Should render a 2 lines tag', async ({ page }) => {
-    await setPageContent(page, `<mg-tag>Tag with a<br> two lines text</mg-tag>`);
-    await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-  });
-  test('Should render a tag in a paragraph', async ({ page }) => {
-    await setPageContent(page, `<p>This is a <mg-tag>tag</mg-tag> in a paragraph.</p>`);
-    await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-  });
-});
-//# sourceMappingURL=mg-tag.e2e.playwright.js.map

package/dist/collection/components/atoms/mg-tag/test/mg-tag.e2e.playwright.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mg-tag.e2e.playwright.js","sourceRoot":"","sources":["../../../../../src/components/atoms/mg-tag/test/mg-tag.e2e.playwright.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpF,OAAO,EAAY,QAAQ,EAAE,MAAM,EAAE,cAAc,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,6CAA6C,CAAC;AACzH,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;EACtB,QAAQ,CACN,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CACzB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAC3B;IACE,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE;IAC/B,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE;IAC9B,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE;GAC/B,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,CAC1B,cAAc,CACZ,OAAO,KAAK,WAAW,EACvB,mCAAmC,gBAAgB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,IAC7E,IAAI,CAAC,CAAC,CAAC,YAAY,gBAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,EACtF,GAAG,OAAO,WAAW,CACtB,CACF,CACF,CACF,CACF,CAAC,kBAAkB,EAAE,KAAK,EAAE,IAAc,EAAE,IAAY,EAAE,EAAE;IAC3D,MAAM,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAEjC,MAAM,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IAEjE,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC;EACnE,CAAC,CAAC,CAAC;EAEH,IAAI,CAAC,6BAA6B,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IACrD,MAAM,cAAc,CAAC,IAAI,EAAE,gDAAgD,CAAC,CAAC;IAE7E,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC;EACnE,CAAC,CAAC,CAAC;EAEH,IAAI,CAAC,oCAAoC,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC5D,MAAM,cAAc,CAAC,IAAI,EAAE,uDAAuD,CAAC,CAAC;IAEpF,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC;EACnE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { darkBackground, renderAttributes } from '../../../../utils/e2e.test.utils';\nimport { PageType, describe, expect, setPageContent, test, testEach } from '../../../../utils/playwright.e2e.test.utils';\nimport { variants } from '../mg-tag.conf';\n\ndescribe('mg-tag', () => {\n  testEach(\n    variants.flatMap(variant =>\n      [true, false].flatMap(icon =>\n        [\n          { outline: false, soft: false },\n          { outline: true, soft: false },\n          { outline: false, soft: true },\n        ].map(({ outline, soft }) =>\n          darkBackground(\n            variant === 'secondary',\n            `<mg-tag style=\"margin: 0.2rem;\" ${renderAttributes({ variant, outline, soft })}>${\n              icon ? `<mg-icon ${renderAttributes({ icon: 'user', size: 'small' })}></mg-icon>` : ''\n            }${variant}</mg-tag>`,\n          ),\n        ),\n      ),\n    ),\n  )('Should render %s', async (page: PageType, html: string) => {\n    await setPageContent(page, html);\n\n    await page.locator('mg-tag.hydrated').waitFor({ timeout: 1000 });\n\n    await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();\n  });\n\n  test('Should render a 2 lines tag', async ({ page }) => {\n    await setPageContent(page, `<mg-tag>Tag with a<br> two lines text</mg-tag>`);\n\n    await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();\n  });\n\n  test('Should render a tag in a paragraph', async ({ page }) => {\n    await setPageContent(page, `<p>This is a <mg-tag>tag</mg-tag> in a paragraph.</p>`);\n\n    await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();\n  });\n});\n"]}

package/dist/collection/components/atoms/mg-tag/test/mg-tag.spec.js

@@ -1,71 +0,0 @@
-import { h } from "@stencil/core";
-import { newSpecPage } from "@stencil/core/testing";
-import { MgTag } from "../mg-tag";
-import { variants } from "../mg-tag.conf";
-const getPage = (args, slot) => newSpecPage({
-  components: [MgTag],
-  template: () => h("mg-tag", Object.assign({}, args), slot),
-});
-describe('mg-tag', () => {
-  describe.each(variants)('variant %s', variant => {
-    test.each([true, false])('outline %s', async (outline) => {
-      const { root } = await getPage({ variant, outline }, variant);
-      expect(root).toMatchSnapshot();
-    });
-    test.each([true, false])('soft %s', async (soft) => {
-      const { root } = await getPage({ variant, soft }, variant);
-      expect(root).toMatchSnapshot();
-    });
-  });
-  test('Should replace classes on variant/ouline changes', async () => {
-    const page = await getPage({}, 'Blu');
-    const element = page.doc.querySelector('mg-tag');
-    let classPrimary = element.shadowRoot.querySelector('.mg-c-tag--primary');
-    let classOutline = element.shadowRoot.querySelector('.mg-c-tag--outline');
-    expect(classPrimary).not.toBeNull();
-    expect(classOutline).toBeNull();
-    // Change variant
-    element.variant = 'danger';
-    await page.waitForChanges();
-    classPrimary = element.shadowRoot.querySelector('.mg-c-tag--primary');
-    const classDanger = element.shadowRoot.querySelector('.mg-c-tag--danger');
-    expect(classPrimary).toBeNull();
-    expect(classDanger).not.toBeNull();
-    // Change outline
-    element.outline = true;
-    await page.waitForChanges();
-    classOutline = element.shadowRoot.querySelector('.mg-c-tag--outline');
-    expect(classOutline).not.toBeNull();
-  });
-  describe('errors', () => {
-    test.each(['', 'blu'])('Should throw error, case wrong variant', async (variant) => {
-      expect.assertions(1);
-      try {
-        await getPage({ variant }, 'wrong variant');
-      }
-      catch (err) {
-        expect(err.message).toContain('<mg-tag> prop "variant" must be one of: ');
-      }
-    });
-    test.each([undefined, ' '])('Should throw error, case empty slot', async (slot) => {
-      expect.assertions(1);
-      try {
-        await getPage({ variant: variants[0] }, slot);
-      }
-      catch (err) {
-        expect(err.message).toBe('<mg-tag> slot must contain a text content.');
-      }
-    });
-    test('Should throw error, case empty slot', async () => {
-      const variant = variants[0];
-      expect.assertions(1);
-      try {
-        await getPage({ variant, outline: true, soft: true }, variant);
-      }
-      catch (err) {
-        expect(err.message).toBe('<mg-tag> prop "soft" can NOT be used with prop "outline".');
-      }
-    });
-  });
-});
-//# sourceMappingURL=mg-tag.spec.js.map

package/dist/collection/components/atoms/mg-tag/test/mg-tag.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mg-tag.spec.js","sourceRoot":"","sources":["../../../../../src/components/atoms/mg-tag/test/mg-tag.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport { newSpecPage } from '@stencil/core/testing';\nimport { MgTag } from '../mg-tag';\nimport { variants } from '../mg-tag.conf';\n\nconst getPage = (args, slot) =>\n  newSpecPage({\n    components: [MgTag],\n    template: () => <mg-tag {...args}>{slot}</mg-tag>,\n  });\n\ndescribe('mg-tag', () => {\n  describe.each(variants)('variant %s', variant => {\n    test.each([true, false])('outline %s', async outline => {\n      const { root } = await getPage({ variant, outline }, variant);\n      expect(root).toMatchSnapshot();\n    });\n\n    test.each([true, false])('soft %s', async soft => {\n      const { root } = await getPage({ variant, soft }, variant);\n      expect(root).toMatchSnapshot();\n    });\n  });\n\n  test('Should replace classes on variant/ouline changes', async () => {\n    const page = await getPage({}, 'Blu');\n    const element = page.doc.querySelector('mg-tag');\n    let classPrimary = element.shadowRoot.querySelector('.mg-c-tag--primary');\n    let classOutline = element.shadowRoot.querySelector('.mg-c-tag--outline');\n\n    expect(classPrimary).not.toBeNull();\n    expect(classOutline).toBeNull();\n\n    // Change variant\n    element.variant = 'danger';\n    await page.waitForChanges();\n\n    classPrimary = element.shadowRoot.querySelector('.mg-c-tag--primary');\n    const classDanger = element.shadowRoot.querySelector('.mg-c-tag--danger');\n\n    expect(classPrimary).toBeNull();\n    expect(classDanger).not.toBeNull();\n\n    // Change outline\n    element.outline = true;\n    await page.waitForChanges();\n\n    classOutline = element.shadowRoot.querySelector('.mg-c-tag--outline');\n    expect(classOutline).not.toBeNull();\n  });\n\n  describe('errors', () => {\n    test.each(['', 'blu'])('Should throw error, case wrong variant', async variant => {\n      expect.assertions(1);\n      try {\n        await getPage({ variant }, 'wrong variant');\n      } catch (err) {\n        expect(err.message).toContain('<mg-tag> prop \"variant\" must be one of: ');\n      }\n    });\n    test.each([undefined, ' '])('Should throw error, case empty slot', async slot => {\n      expect.assertions(1);\n      try {\n        await getPage({ variant: variants[0] }, slot);\n      } catch (err) {\n        expect(err.message).toBe('<mg-tag> slot must contain a text content.');\n      }\n    });\n    test('Should throw error, case empty slot', async () => {\n      const variant = variants[0];\n      expect.assertions(1);\n      try {\n        await getPage({ variant, outline: true, soft: true }, variant);\n      } catch (err) {\n        expect(err.message).toBe('<mg-tag> prop \"soft\" can NOT be used with prop \"outline\".');\n      }\n    });\n  });\n});\n"]}

package/dist/collection/components/atoms/mg-tooltip/test/mg-tooltip.e2e.js

@@ -1,138 +0,0 @@
-import { createPage } from "../../../../utils/stencil.e2e.test.utils";
-const style = '<style>mg-icon{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}</style>';
-describe('mg-tooltip', () => {
-  describe.each([
-    'auto',
-    'auto-start',
-    'auto-end',
-    'top',
-    'top-start',
-    'top-end',
-    'bottom',
-    'bottom-start',
-    'bottom-end',
-    'right',
-    'right-start',
-    'right-end',
-    'left',
-    'left-start',
-    'left-end',
-  ])('placement %s', placement => {
-    test('Should render', async () => {
-      const page = await createPage(`${style}<mg-tooltip message="this is a tooltip message" placement="${placement}"><mg-icon icon="info-circle"></mg-icon></mg-tooltip>`);
-      const mgTooltip = await page.find('mg-tooltip');
-      const mgIcon = await page.find('mg-icon');
-      const tooltip = await page.find('mg-tooltip-content');
-      expect(mgTooltip).toHaveClass('hydrated');
-      mgIcon.triggerEvent('focus');
-      await page.waitForChanges();
-      expect(tooltip).toHaveAttribute('data-show');
-      await page.setViewport({ width: 400, height: 400 });
-      const screenshot = await page.screenshot();
-      expect(screenshot).toMatchImageSnapshot();
-      mgIcon.triggerEvent('blur');
-      await page.waitForChanges();
-      expect(tooltip).not.toHaveAttribute('data-show');
-      mgIcon.triggerEvent('mouseenter');
-      await page.waitForChanges();
-      expect(tooltip).toHaveAttribute('data-show');
-      mgIcon.triggerEvent('mouseleave');
-      await page.waitForChanges();
-      expect(tooltip).not.toHaveAttribute('data-show');
-    });
-  });
-  describe.each([
-    '<mg-tooltip message="my tooltip coucou"><span>coucou</span></mg-tooltip>',
-    `<mg-tooltip message="this is a tooltip message"><mg-icon icon="info-circle"></mg-icon></mg-tooltip>`,
-    '<mg-tooltip message="my tooltip mg-button"><mg-button>mg-button</mg-button></mg-tooltip>',
-    '<mg-tooltip message="my tooltip native button"><button class="mg-c-button mg-c-button--primary" aria-describedby="blu">native button</button></mg-tooltip>',
-  ])('Keyboard navigation with template', template => {
-    test.each(['Space', 'Enter'])('Should NOT navigate with keyboard, case key %s', async (key) => {
-      const page = await createPage(template);
-      const mgTooltip = await page.find('mg-tooltip');
-      const tooltip = await page.find('mg-tooltip-content');
-      expect(mgTooltip).toHaveClass('hydrated');
-      await page.keyboard.down('Tab');
-      await page.waitForChanges();
-      expect(tooltip).toHaveAttribute('data-show');
-      await page.keyboard.down(key);
-      await page.waitForChanges();
-      expect(tooltip).toHaveAttribute('data-show');
-    });
-    test('Should navigate with keyboard, case key "Escape"', async () => {
-      const page = await createPage(template);
-      const mgTooltip = await page.find('mg-tooltip');
-      const tooltip = await page.find('mg-tooltip-content');
-      expect(mgTooltip).toHaveClass('hydrated');
-      await page.keyboard.down('Tab');
-      await page.waitForChanges();
-      expect(tooltip).toHaveAttribute('data-show');
-      await page.keyboard.down('Escape');
-      await page.waitForChanges();
-      expect(tooltip).not.toHaveAttribute('data-show');
-    });
-  });
-  test('Should keep tooltip displaied when hover with mouse after focus event', async () => {
-    const page = await createPage('<mg-tooltip identifier="identifier" message="Batman tooltip"><mg-icon icon="user"></mg-icon></mg-tooltip>');
-    const tooltipedElement = await page.find('mg-icon');
-    const tooltipElement = await page.find('mg-tooltip-content');
-    // 1. take focus on tooltipedElement and display tooltip
-    tooltipedElement.triggerEvent('focus');
-    await page.waitForChanges();
-    expect(tooltipElement).toHaveAttribute('data-show');
-    // 2. mouseenter on tooltipedElement and tooltip stay displaied
-    tooltipedElement.triggerEvent('mouseenter');
-    await page.waitForChanges();
-    expect(tooltipElement).toHaveAttribute('data-show');
-    // 3. mouseleave on tooltipedElement and tooltip stay displaied
-    tooltipedElement.triggerEvent('mouseleave');
-    await page.waitForChanges();
-    expect(tooltipElement).toHaveAttribute('data-show');
-    // 4. presse tab key and tooltip is hidden
-    tooltipedElement.triggerEvent('blur');
-    await page.waitForChanges();
-    expect(tooltipElement).not.toHaveAttribute('data-show');
-  });
-  test('Should keep tooltip arrow when update message', async () => {
-    const page = await createPage('<mg-tooltip message="Batman tooltip"><mg-icon icon="user"></mg-icon></mg-tooltip>');
-    await page.keyboard.down('Tab');
-    await page.waitForChanges();
-    await page.setViewport({ width: 400, height: 100 });
-    let screenshot = await page.screenshot();
-    expect(screenshot).toMatchImageSnapshot();
-    await page.$eval('mg-tooltip', elm => {
-      elm.message = 'Joker is here';
-    });
-    await page.waitForChanges();
-    screenshot = await page.screenshot();
-    expect(screenshot).toMatchImageSnapshot();
-  });
-  test(`should position tooltip where it have enough place`, async () => {
-    const page = await createPage(`<style>mg-icon{position:fixed;left:0;bottom:0}</style>
-      <mg-tooltip message="Batman tooltip" display><mg-icon icon="user"></mg-icon></mg-tooltip>`, { width: 400, height: 100 });
-    const screenshot = await page.screenshot();
-    expect(screenshot).toMatchImageSnapshot();
-  });
-  test('Should display long tooltip with max width', async () => {
-    const page = await createPage('<mg-tooltip identifier="identifier" message="my very long content should return to line because of the max-width set to 400px in the design specification"><mg-icon icon="user"></mg-icon></mg-tooltip>');
-    const tooltipedElement = await page.find('mg-icon');
-    await page.setViewport({ width: 500, height: 100 });
-    tooltipedElement.triggerEvent('focus');
-    await page.waitForChanges();
-    const screenshot = await page.screenshot();
-    expect(screenshot).toMatchImageSnapshot();
-  });
-  test('Should keep tooltip center when update "message" prop', async () => {
-    const page = await createPage(`${style}<mg-tooltip identifier="identifier" message="short tooltip" display><mg-icon icon="user"></mg-icon></mg-tooltip>`);
-    await page.setViewport({ width: 400, height: 400 });
-    let screenshot = await page.screenshot();
-    expect(screenshot).toMatchImageSnapshot();
-    await page.$eval('mg-tooltip', (mgTooltip) => {
-      mgTooltip.message = 'my very long content should return to line because of the max-width set to 400px in the design specification';
-    });
-    await page.waitForChanges();
-    screenshot = await page.screenshot();
-    expect(screenshot).toMatchImageSnapshot();
-  });
-});
-//# sourceMappingURL=mg-tooltip.e2e.js.map

package/dist/collection/components/atoms/mg-tooltip/test/mg-tooltip.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mg-tooltip.e2e.js","sourceRoot":"","sources":["../../../../../src/components/atoms/mg-tooltip/test/mg-tooltip.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AAEtE,MAAM,KAAK,GAAG,wFAAwF,CAAC;AAEvG,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;EAC1B,QAAQ,CAAC,IAAI,CAAC;IACZ,MAAM;IACN,YAAY;IACZ,UAAU;IACV,KAAK;IACL,WAAW;IACX,SAAS;IACT,QAAQ;IACR,cAAc;IACd,YAAY;IACZ,OAAO;IACP,aAAa;IACb,WAAW;IACX,MAAM;IACN,YAAY;IACZ,UAAU;GACX,CAAC,CAAC,cAAc,EAAE,SAAS,CAAC,EAAE;IAC7B,IAAI,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;MAC/B,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC,GAAG,KAAK,8DAA8D,SAAS,uDAAuD,CAAC,CAAC;MAEtK,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;MAChD,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;MAC1C,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;MAEtD,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;MAE1C,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;MAC7B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;MAE5B,MAAM,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;MAE7C,MAAM,IAAI,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;MAEpD,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;MAC3C,MAAM,CAAC,UAAU,CAAC,CAAC,oBAAoB,EAAE,CAAC;MAE1C,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;MAC5B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;MAE5B,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;MAEjD,MAAM,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;MAClC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;MAE5B,MAAM,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;MAE7C,MAAM,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;MAClC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;MAE5B,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;EAEH,QAAQ,CAAC,IAAI,CAAC;IACZ,0EAA0E;IAC1E,qGAAqG;IACrG,0FAA0F;IAC1F,4JAA4J;GAC7J,CAAC,CAAC,mCAAmC,EAAE,QAAQ,CAAC,EAAE;IACjD,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,gDAAgD,EAAE,KAAK,EAAC,GAAG,EAAC,EAAE;MAC1F,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC,QAAQ,CAAC,CAAC;MAExC,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;MAChD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;MAEtD,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;MAE1C,MAAM,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;MAChC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;MAE5B,MAAM,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;MAE7C,MAAM,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAY,CAAC,CAAC;MACvC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;MAE5B,MAAM,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;MAClE,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC,QAAQ,CAAC,CAAC;MAExC,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;MAChD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;MAEtD,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;MAE1C,MAAM,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;MAChC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;MAE5B,MAAM,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;MAE7C,MAAM,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;MACnC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;MAE5B,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;EAEH,IAAI,CAAC,uEAAuE,EAAE,KAAK,IAAI,EAAE;IACvF,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC,2GAA2G,CAAC,CAAC;IAE3I,MAAM,gBAAgB,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACpD,MAAM,cAAc,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;IAE7D,wDAAwD;IACxD,gBAAgB,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IACvC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,CAAC,cAAc,CAAC,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;IAEpD,+DAA+D;IAC/D,gBAAgB,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;IAC5C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,CAAC,cAAc,CAAC,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;IAEpD,+DAA+D;IAC/D,gBAAgB,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;IAC5C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,CAAC,cAAc,CAAC,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;IAEpD,0CAA0C;IAC1C,gBAAgB,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IACtC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;EAC1D,CAAC,CAAC,CAAC;EAEH,IAAI,CAAC,+CAA+C,EAAE,KAAK,IAAI,EAAE;IAC/D,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC,mFAAmF,CAAC,CAAC;IAEnH,MAAM,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAChC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,IAAI,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;IAEpD,IAAI,UAAU,GAAG,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;IACzC,MAAM,CAAC,UAAU,CAAC,CAAC,oBAAoB,EAAE,CAAC;IAE1C,MAAM,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,GAAG,CAAC,EAAE;MAClC,GAA4B,CAAC,OAAO,GAAG,eAAe,CAAC;IAC1D,CAAC,CAAC,CAAC;IACH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,UAAU,GAAG,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;IACrC,MAAM,CAAC,UAAU,CAAC,CAAC,oBAAoB,EAAE,CAAC;EAC5C,CAAC,CAAC,CAAC;EAEH,IAAI,CAAC,oDAAoD,EAAE,KAAK,IAAI,EAAE;IACpE,MAAM,IAAI,GAAG,MAAM,UAAU,CAC3B;gGAC0F,EAC1F,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,CAC5B,CAAC;IAEF,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;IAC3C,MAAM,CAAC,UAAU,CAAC,CAAC,oBAAoB,EAAE,CAAC;EAC5C,CAAC,CAAC,CAAC;EAEH,IAAI,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;IAC5D,MAAM,IAAI,GAAG,MAAM,UAAU,CAC3B,yMAAyM,CAC1M,CAAC;IAEF,MAAM,gBAAgB,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAEpD,MAAM,IAAI,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;IAEpD,gBAAgB,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IACvC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;IAC3C,MAAM,CAAC,UAAU,CAAC,CAAC,oBAAoB,EAAE,CAAC;EAC5C,CAAC,CAAC,CAAC;EAEH,IAAI,CAAC,uDAAuD,EAAE,KAAK,IAAI,EAAE;IACvE,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC,GAAG,KAAK,kHAAkH,CAAC,CAAC;IAE1J,MAAM,IAAI,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;IAEpD,IAAI,UAAU,GAAG,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;IACzC,MAAM,CAAC,UAAU,CAAC,CAAC,oBAAoB,EAAE,CAAC;IAE1C,MAAM,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,SAA+B,EAAE,EAAE;MACjE,SAAS,CAAC,OAAO,GAAG,8GAA8G,CAAC;IACrI,CAAC,CAAC,CAAC;IAEH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,UAAU,GAAG,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;IACrC,MAAM,CAAC,UAAU,CAAC,CAAC,oBAAoB,EAAE,CAAC;EAC5C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { createPage } from '../../../../utils/stencil.e2e.test.utils';\n\nconst style = '<style>mg-icon{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}</style>';\n\ndescribe('mg-tooltip', () => {\n  describe.each([\n    'auto',\n    'auto-start',\n    'auto-end',\n    'top',\n    'top-start',\n    'top-end',\n    'bottom',\n    'bottom-start',\n    'bottom-end',\n    'right',\n    'right-start',\n    'right-end',\n    'left',\n    'left-start',\n    'left-end',\n  ])('placement %s', placement => {\n    test('Should render', async () => {\n      const page = await createPage(`${style}<mg-tooltip message=\"this is a tooltip message\" placement=\"${placement}\"><mg-icon icon=\"info-circle\"></mg-icon></mg-tooltip>`);\n\n      const mgTooltip = await page.find('mg-tooltip');\n      const mgIcon = await page.find('mg-icon');\n      const tooltip = await page.find('mg-tooltip-content');\n\n      expect(mgTooltip).toHaveClass('hydrated');\n\n      mgIcon.triggerEvent('focus');\n      await page.waitForChanges();\n\n      expect(tooltip).toHaveAttribute('data-show');\n\n      await page.setViewport({ width: 400, height: 400 });\n\n      const screenshot = await page.screenshot();\n      expect(screenshot).toMatchImageSnapshot();\n\n      mgIcon.triggerEvent('blur');\n      await page.waitForChanges();\n\n      expect(tooltip).not.toHaveAttribute('data-show');\n\n      mgIcon.triggerEvent('mouseenter');\n      await page.waitForChanges();\n\n      expect(tooltip).toHaveAttribute('data-show');\n\n      mgIcon.triggerEvent('mouseleave');\n      await page.waitForChanges();\n\n      expect(tooltip).not.toHaveAttribute('data-show');\n    });\n  });\n\n  describe.each([\n    '<mg-tooltip message=\"my tooltip coucou\"><span>coucou</span></mg-tooltip>',\n    `<mg-tooltip message=\"this is a tooltip message\"><mg-icon icon=\"info-circle\"></mg-icon></mg-tooltip>`,\n    '<mg-tooltip message=\"my tooltip mg-button\"><mg-button>mg-button</mg-button></mg-tooltip>',\n    '<mg-tooltip message=\"my tooltip native button\"><button class=\"mg-c-button mg-c-button--primary\" aria-describedby=\"blu\">native button</button></mg-tooltip>',\n  ])('Keyboard navigation with template', template => {\n    test.each(['Space', 'Enter'])('Should NOT navigate with keyboard, case key %s', async key => {\n      const page = await createPage(template);\n\n      const mgTooltip = await page.find('mg-tooltip');\n      const tooltip = await page.find('mg-tooltip-content');\n\n      expect(mgTooltip).toHaveClass('hydrated');\n\n      await page.keyboard.down('Tab');\n      await page.waitForChanges();\n\n      expect(tooltip).toHaveAttribute('data-show');\n\n      await page.keyboard.down(key as never);\n      await page.waitForChanges();\n\n      expect(tooltip).toHaveAttribute('data-show');\n    });\n\n    test('Should navigate with keyboard, case key \"Escape\"', async () => {\n      const page = await createPage(template);\n\n      const mgTooltip = await page.find('mg-tooltip');\n      const tooltip = await page.find('mg-tooltip-content');\n\n      expect(mgTooltip).toHaveClass('hydrated');\n\n      await page.keyboard.down('Tab');\n      await page.waitForChanges();\n\n      expect(tooltip).toHaveAttribute('data-show');\n\n      await page.keyboard.down('Escape');\n      await page.waitForChanges();\n\n      expect(tooltip).not.toHaveAttribute('data-show');\n    });\n  });\n\n  test('Should keep tooltip displaied when hover with mouse after focus event', async () => {\n    const page = await createPage('<mg-tooltip identifier=\"identifier\" message=\"Batman tooltip\"><mg-icon icon=\"user\"></mg-icon></mg-tooltip>');\n\n    const tooltipedElement = await page.find('mg-icon');\n    const tooltipElement = await page.find('mg-tooltip-content');\n\n    // 1. take focus on tooltipedElement and display tooltip\n    tooltipedElement.triggerEvent('focus');\n    await page.waitForChanges();\n\n    expect(tooltipElement).toHaveAttribute('data-show');\n\n    // 2. mouseenter on tooltipedElement and tooltip stay displaied\n    tooltipedElement.triggerEvent('mouseenter');\n    await page.waitForChanges();\n\n    expect(tooltipElement).toHaveAttribute('data-show');\n\n    // 3. mouseleave on tooltipedElement and tooltip stay displaied\n    tooltipedElement.triggerEvent('mouseleave');\n    await page.waitForChanges();\n\n    expect(tooltipElement).toHaveAttribute('data-show');\n\n    // 4. presse tab key and tooltip is hidden\n    tooltipedElement.triggerEvent('blur');\n    await page.waitForChanges();\n\n    expect(tooltipElement).not.toHaveAttribute('data-show');\n  });\n\n  test('Should keep tooltip arrow when update message', async () => {\n    const page = await createPage('<mg-tooltip message=\"Batman tooltip\"><mg-icon icon=\"user\"></mg-icon></mg-tooltip>');\n\n    await page.keyboard.down('Tab');\n    await page.waitForChanges();\n\n    await page.setViewport({ width: 400, height: 100 });\n\n    let screenshot = await page.screenshot();\n    expect(screenshot).toMatchImageSnapshot();\n\n    await page.$eval('mg-tooltip', elm => {\n      (elm as HTMLMgTooltipElement).message = 'Joker is here';\n    });\n    await page.waitForChanges();\n\n    screenshot = await page.screenshot();\n    expect(screenshot).toMatchImageSnapshot();\n  });\n\n  test(`should position tooltip where it have enough place`, async () => {\n    const page = await createPage(\n      `<style>mg-icon{position:fixed;left:0;bottom:0}</style>\n      <mg-tooltip message=\"Batman tooltip\" display><mg-icon icon=\"user\"></mg-icon></mg-tooltip>`,\n      { width: 400, height: 100 },\n    );\n\n    const screenshot = await page.screenshot();\n    expect(screenshot).toMatchImageSnapshot();\n  });\n\n  test('Should display long tooltip with max width', async () => {\n    const page = await createPage(\n      '<mg-tooltip identifier=\"identifier\" message=\"my very long content should return to line because of the max-width set to 400px in the design specification\"><mg-icon icon=\"user\"></mg-icon></mg-tooltip>',\n    );\n\n    const tooltipedElement = await page.find('mg-icon');\n\n    await page.setViewport({ width: 500, height: 100 });\n\n    tooltipedElement.triggerEvent('focus');\n    await page.waitForChanges();\n\n    const screenshot = await page.screenshot();\n    expect(screenshot).toMatchImageSnapshot();\n  });\n\n  test('Should keep tooltip center when update \"message\" prop', async () => {\n    const page = await createPage(`${style}<mg-tooltip identifier=\"identifier\" message=\"short tooltip\" display><mg-icon icon=\"user\"></mg-icon></mg-tooltip>`);\n\n    await page.setViewport({ width: 400, height: 400 });\n\n    let screenshot = await page.screenshot();\n    expect(screenshot).toMatchImageSnapshot();\n\n    await page.$eval('mg-tooltip', (mgTooltip: HTMLMgTooltipElement) => {\n      mgTooltip.message = 'my very long content should return to line because of the max-width set to 400px in the design specification';\n    });\n\n    await page.waitForChanges();\n\n    screenshot = await page.screenshot();\n    expect(screenshot).toMatchImageSnapshot();\n  });\n});\n"]}