@mgdis/mg-components 5.19.3 → 5.21.0

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

@@ -1,33 +0,0 @@
-import { test, expect } from "@playwright/test";
-import { setPageContent } from "../../../../utils/playwright.e2e.test.utils";
-import { variants } from "../mg-badge.conf";
-import { darkBackground, renderAttributes } from "../../../../utils/e2e.test.utils";
-const addCustomTextColor = (variant) => `${variant === 'text-color'
-  ? `<style>
-    mg-badge {
-      --mg-badge-text-color: 40 80% 60%;
-      color: hsl(260 80% 50%);
-    }
-  </style>`
-  : ''}`;
-test.describe('mg-badge', () => {
-  test('Should render', async ({ page }) => {
-    // Build HTML
-    const html = variants
-      .map(variant => {
-      const template = [true, false]
-        .map(outline => [1, 99, '*', '!', '99+']
-        .map(value => darkBackground(variant === 'secondary', `<mg-badge ${renderAttributes({ value, label: variant, variant, outline })}></mg-badge>${addCustomTextColor(variant)}`))
-        .join(''))
-        .join('');
-      return `<h2>${variant}</h2>
-        <div>${template}</div>`;
-    })
-      .join('');
-    // Set page content
-    await setPageContent(page, html);
-    // Screenshot
-    await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-  });
-});
-//# sourceMappingURL=mg-badge.e2e.playwright.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"mg-badge.e2e.playwright.js","sourceRoot":"","sources":["../../../../../src/components/atoms/mg-badge/test/mg-badge.e2e.playwright.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC;AAC7E,OAAO,EAAoB,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEpF,MAAM,kBAAkB,GAAG,CAAC,OAAyB,EAAU,EAAE,CAC/D,GACE,OAAO,KAAK,YAAY;EACtB,CAAC,CAAC;;;;;WAKG;EACL,CAAC,CAAC,EACN,EAAE,CAAC;AAEL,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;EAC7B,IAAI,CAAC,eAAe,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IACvC,aAAa;IACb,MAAM,IAAI,GAAG,QAAQ;OAClB,GAAG,CAAC,OAAO,CAAC,EAAE;MACb,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC;SAC3B,GAAG,CAAC,OAAO,CAAC,EAAE,CACb,CAAC,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC;SACrB,GAAG,CAAC,KAAK,CAAC,EAAE,CACX,cAAc,CAAC,OAAO,KAAK,WAAW,EAAE,aAAa,gBAAgB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,eAAe,kBAAkB,CAAC,OAAO,CAAC,EAAE,CAAC,CAChK;SACA,IAAI,CAAC,EAAE,CAAC,CACZ;SACA,IAAI,CAAC,EAAE,CAAC,CAAC;MAEZ,OAAO,OAAO,OAAO;eACd,QAAQ,QAAQ,CAAC;IAC1B,CAAC,CAAC;OACD,IAAI,CAAC,EAAE,CAAC,CAAC;IAEZ,mBAAmB;IACnB,MAAM,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAEjC,aAAa;IACb,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC;EACnE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { test, expect } from '@playwright/test';\nimport { setPageContent } from '../../../../utils/playwright.e2e.test.utils';\nimport { BadgeVariantType, variants } from '../mg-badge.conf';\nimport { darkBackground, renderAttributes } from '../../../../utils/e2e.test.utils';\n\nconst addCustomTextColor = (variant: BadgeVariantType): string =>\n  `${\n    variant === 'text-color'\n      ? `<style>\n    mg-badge {\n      --mg-badge-text-color: 40 80% 60%;\n      color: hsl(260 80% 50%);\n    }\n  </style>`\n      : ''\n  }`;\n\ntest.describe('mg-badge', () => {\n  test('Should render', async ({ page }) => {\n    // Build HTML\n    const html = variants\n      .map(variant => {\n        const template = [true, false]\n          .map(outline =>\n            [1, 99, '*', '!', '99+']\n              .map(value =>\n                darkBackground(variant === 'secondary', `<mg-badge ${renderAttributes({ value, label: variant, variant, outline })}></mg-badge>${addCustomTextColor(variant)}`),\n              )\n              .join(''),\n          )\n          .join('');\n\n        return `<h2>${variant}</h2>\n        <div>${template}</div>`;\n      })\n      .join('');\n\n    // Set page content\n    await setPageContent(page, html);\n\n    // Screenshot\n    await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();\n  });\n});\n"]}

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

@@ -1,70 +0,0 @@
-import { h } from "@stencil/core";
-import { newSpecPage } from "@stencil/core/testing";
-import { MgBadge } from "../mg-badge";
-import { variants } from "../mg-badge.conf";
-const getPage = args => newSpecPage({
-  components: [MgBadge],
-  template: () => h("mg-badge", Object.assign({}, args)),
-});
-describe('mg-badge', () => {
-  describe.each(variants)('variant %s', variant => {
-    test.each([true, false])('outiline %s', async (outline) => {
-      const { root } = await getPage({ variant, outline, value: 1, label: 'Batman' });
-      expect(root).toMatchSnapshot();
-    });
-  });
-  test.each([1, 100, '!', '?', '99+'])('value %s', async (value) => {
-    const { root } = await getPage({ value, label: 'Batman' });
-    expect(root).toMatchSnapshot();
-  });
-  test('Should replace classes on variant/ouline changes', async () => {
-    const page = await getPage({ value: 1, label: 'Blu' });
-    const element = page.doc.querySelector('mg-badge');
-    let classInfo = element.shadowRoot.querySelector('.mg-c-badge--info');
-    let classOutline = element.shadowRoot.querySelector('.mg-c-badge--outline');
-    expect(classInfo).not.toBeNull();
-    expect(classOutline).toBeNull();
-    // Change variant
-    element.variant = 'danger';
-    await page.waitForChanges();
-    classInfo = element.shadowRoot.querySelector('.mg-c-badge--info');
-    const classDanger = element.shadowRoot.querySelector('.mg-c-badge--danger');
-    expect(classInfo).toBeNull();
-    expect(classDanger).not.toBeNull();
-    // Change outline
-    element.outline = true;
-    await page.waitForChanges();
-    classOutline = element.shadowRoot.querySelector('.mg-c-badge--outline');
-    expect(classOutline).not.toBeNull();
-  });
-  describe('errors', () => {
-    test.each(['', ' ', undefined])('Should throw error, case invalid label prop', async (label) => {
-      expect.assertions(1);
-      try {
-        await getPage({ value: 1, label });
-      }
-      catch (err) {
-        expect(err.message).toContain('<mg-badge> prop "label" is required.');
-      }
-    });
-    test.each(['', 'Batman'])('Should throw error, case invalid variant prop', async (variant) => {
-      expect.assertions(1);
-      try {
-        await getPage({ variant, value: 1, label: 'Batman' });
-      }
-      catch (err) {
-        expect(err.message).toContain('<mg-badge> prop "variant" must be one of: ');
-      }
-    });
-    test.each(['', 'Batman', '+', '99?'])('Should throw error, case invalid value prop', async (value) => {
-      expect.assertions(1);
-      try {
-        await getPage({ value, label: 'Batman' });
-      }
-      catch (err) {
-        expect(err.message).toContain('<mg-badge> prop "value" must be integer or ponctuation character.');
-      }
-    });
-  });
-});
-//# sourceMappingURL=mg-badge.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"mg-badge.spec.js","sourceRoot":"","sources":["../../../../../src/components/atoms/mg-badge/test/mg-badge.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport { newSpecPage } from '@stencil/core/testing';\nimport { MgBadge } from '../mg-badge';\nimport { variants } from '../mg-badge.conf';\n\nconst getPage = args =>\n  newSpecPage({\n    components: [MgBadge],\n    template: () => <mg-badge {...args}></mg-badge>,\n  });\n\ndescribe('mg-badge', () => {\n  describe.each(variants)('variant %s', variant => {\n    test.each([true, false])('outiline %s', async outline => {\n      const { root } = await getPage({ variant, outline, value: 1, label: 'Batman' });\n      expect(root).toMatchSnapshot();\n    });\n  });\n\n  test.each([1, 100, '!', '?', '99+'])('value %s', async value => {\n    const { root } = await getPage({ value, label: 'Batman' });\n    expect(root).toMatchSnapshot();\n  });\n\n  test('Should replace classes on variant/ouline changes', async () => {\n    const page = await getPage({ value: 1, label: 'Blu' });\n    const element = page.doc.querySelector('mg-badge');\n    let classInfo = element.shadowRoot.querySelector('.mg-c-badge--info');\n    let classOutline = element.shadowRoot.querySelector('.mg-c-badge--outline');\n\n    expect(classInfo).not.toBeNull();\n    expect(classOutline).toBeNull();\n\n    // Change variant\n    element.variant = 'danger';\n    await page.waitForChanges();\n\n    classInfo = element.shadowRoot.querySelector('.mg-c-badge--info');\n    const classDanger = element.shadowRoot.querySelector('.mg-c-badge--danger');\n\n    expect(classInfo).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-badge--outline');\n    expect(classOutline).not.toBeNull();\n  });\n\n  describe('errors', () => {\n    test.each(['', ' ', undefined])('Should throw error, case invalid label prop', async label => {\n      expect.assertions(1);\n      try {\n        await getPage({ value: 1, label });\n      } catch (err) {\n        expect(err.message).toContain('<mg-badge> prop \"label\" is required.');\n      }\n    });\n\n    test.each(['', 'Batman'])('Should throw error, case invalid variant prop', async variant => {\n      expect.assertions(1);\n      try {\n        await getPage({ variant, value: 1, label: 'Batman' });\n      } catch (err) {\n        expect(err.message).toContain('<mg-badge> prop \"variant\" must be one of: ');\n      }\n    });\n\n    test.each(['', 'Batman', '+', '99?'])('Should throw error, case invalid value prop', async value => {\n      expect.assertions(1);\n      try {\n        await getPage({ value, label: 'Batman' });\n      } catch (err) {\n        expect(err.message).toContain('<mg-badge> prop \"value\" must be integer or ponctuation character.');\n      }\n    });\n  });\n});\n"]}

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

@@ -1,91 +0,0 @@
-import { createPage } from "../../../../utils/stencil.e2e.test.utils";
-import { variants } from "../mg-button.conf";
-const buttonHeight = 35;
-describe('mg-button', () => {
-  test('Should render', async () => {
-    const html = variants
-      .map(variant => `<div>
-      <mg-button variant="${variant}">${variant}</mg-button>
-      <mg-button variant="${variant}" is-icon><mg-icon icon="check-circle"></mg-icon></mg-button>
-      <mg-button variant="${variant}" disabled>disabled</mg-button>
-      <mg-button variant="${variant}" is-icon disabled label="disabled"><mg-icon icon="check-circle"></mg-icon></mg-button>
-    </div>`)
-      .join('');
-    const page = await createPage(html, { width: 250, height: variants.length * buttonHeight });
-    const screenshot = await page.screenshot();
-    expect(screenshot).toMatchImageSnapshot();
-  });
-  test('Should render with icon slot', async () => {
-    const slots = ['<mg-icon icon="trash"></mg-icon>Text button', '<mg-icon icon="trash"></mg-icon>Text button<mg-badge value="1" label="label"></mg-badge>'];
-    const html = slots.map(slot => `<div><mg-button>${slot}</mg-button></div>`).join('');
-    const page = await createPage(html, { width: 150, height: slots.length * buttonHeight });
-    const screenshot = await page.screenshot();
-    expect(screenshot).toMatchImageSnapshot();
-  });
-  test('Should render a 2 lines button', async () => {
-    const page = await createPage(`<mg-button>Button with a<br> two lines text</mg-button>`);
-    const screenshot = await page.screenshot();
-    expect(screenshot).toMatchImageSnapshot();
-  });
-  test('Should render a button in a paragraph', async () => {
-    const paragraphs = [`<p>This is a <mg-button>button</mg-button> in a paragraph.</p>`, `<p>This is a <mg-button variant="link">button</mg-button> in a paragraph.</p>`];
-    const html = paragraphs.join('');
-    const page = await createPage(html);
-    const screenshot = await page.screenshot();
-    expect(screenshot).toMatchImageSnapshot();
-  });
-  test.each(variants)('Should render focused and hover %s button', async (variant) => {
-    const page = await createPage(`
-      <mg-button variant="${variant}">${variant}:focus</mg-button>
-      <mg-button variant="${variant}" class="hover">${variant}:hover</mg-button>
-    `);
-    await page.keyboard.down('Tab');
-    await page.waitForChanges();
-    const button = await page.find('mg-button.hover');
-    button.hover();
-    const screenshot = await page.screenshot();
-    expect(screenshot).toMatchImageSnapshot();
-  });
-  test('Should render a full-width button', async () => {
-    const slots = ['batman', '<mg-icon icon="check-circle"></mg-icon>batman'];
-    const html = slots.map(slot => `<mg-button full-width>${slot}</mg-button>`).join('');
-    const page = await createPage(html);
-    const screenshot = await page.screenshot();
-    expect(screenshot).toMatchImageSnapshot();
-  });
-  describe.each([
-    '<mg-button disable-on-click>Message action</mg-button>',
-    '<mg-button disable-on-click label="test" is-icon><mg-icon icon="info-circle"></mg-icon></mg-button>',
-    '<mg-button disable-on-click><mg-icon icon="info-circle"></mg-icon> Message action</mg-button>',
-  ])('template', template => {
-    test('should disable button after keyUp "Space"', async () => {
-      const page = await createPage(template);
-      const button = await page.find('mg-button');
-      const screenshot = await page.screenshot();
-      expect(screenshot).toMatchImageSnapshot();
-      await button.press('Space');
-      // Wait for spinner to be displayed
-      await page.waitForChanges();
-      // Remove spinner annimation for screenshot
-      await page.$eval('mg-button', elm => {
-        const svg = elm.shadowRoot.querySelector('mg-icon').shadowRoot.querySelector('svg');
-        svg.classList.remove('mg-c-icon--spin');
-      });
-      await page.waitForChanges();
-      const screenshotLoading = await page.screenshot();
-      expect(screenshotLoading).toMatchImageSnapshot();
-    });
-  });
-  test('should render a link like a button', async () => {
-    const links = [
-      '<a href="#" class="mg-c-button mg-c-button--primary">a.mg-button</a>',
-      '<a href="#" class="mg-c-button mg-c-button--primary"><mg-icon icon="check-circle"></mg-icon>a.mg-button w/ icon</a>',
-      '<a href="#" class="mg-c-button mg-c-button--primary mg-c-button--icon"><mg-icon icon="check-circle"></mg-icon></a>',
-    ];
-    const html = links.map(link => `<div>${link}</div>`).join('');
-    const page = await createPage(`<link rel="stylesheet" href="http://localhost:3333/build/mg-components.css" />${html}`, { width: 200, height: links.length * buttonHeight });
-    const screenshot = await page.screenshot();
-    expect(screenshot).toMatchImageSnapshot();
-  });
-});
-//# sourceMappingURL=mg-button.e2e.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"mg-button.e2e.js","sourceRoot":"","sources":["../../../../../src/components/atoms/mg-button/test/mg-button.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { createPage } from '../../../../utils/stencil.e2e.test.utils';\nimport { variants } from '../mg-button.conf';\n\nconst buttonHeight = 35;\n\ndescribe('mg-button', () => {\n  test('Should render', async () => {\n    const html = variants\n      .map(\n        variant => `<div>\n      <mg-button variant=\"${variant}\">${variant}</mg-button>\n      <mg-button variant=\"${variant}\" is-icon><mg-icon icon=\"check-circle\"></mg-icon></mg-button>\n      <mg-button variant=\"${variant}\" disabled>disabled</mg-button>\n      <mg-button variant=\"${variant}\" is-icon disabled label=\"disabled\"><mg-icon icon=\"check-circle\"></mg-icon></mg-button>\n    </div>`,\n      )\n      .join('');\n    const page = await createPage(html, { width: 250, height: variants.length * buttonHeight });\n\n    const screenshot = await page.screenshot();\n    expect(screenshot).toMatchImageSnapshot();\n  });\n\n  test('Should render with icon slot', async () => {\n    const slots = ['<mg-icon icon=\"trash\"></mg-icon>Text button', '<mg-icon icon=\"trash\"></mg-icon>Text button<mg-badge value=\"1\" label=\"label\"></mg-badge>'];\n    const html = slots.map(slot => `<div><mg-button>${slot}</mg-button></div>`).join('');\n    const page = await createPage(html, { width: 150, height: slots.length * buttonHeight });\n\n    const screenshot = await page.screenshot();\n    expect(screenshot).toMatchImageSnapshot();\n  });\n\n  test('Should render a 2 lines button', async () => {\n    const page = await createPage(`<mg-button>Button with a<br> two lines text</mg-button>`);\n\n    const screenshot = await page.screenshot();\n    expect(screenshot).toMatchImageSnapshot();\n  });\n\n  test('Should render a button in a paragraph', async () => {\n    const paragraphs = [`<p>This is a <mg-button>button</mg-button> in a paragraph.</p>`, `<p>This is a <mg-button variant=\"link\">button</mg-button> in a paragraph.</p>`];\n    const html = paragraphs.join('');\n    const page = await createPage(html);\n\n    const screenshot = await page.screenshot();\n    expect(screenshot).toMatchImageSnapshot();\n  });\n\n  test.each(variants)('Should render focused and hover %s button', async variant => {\n    const page = await createPage(`\n      <mg-button variant=\"${variant}\">${variant}:focus</mg-button>\n      <mg-button variant=\"${variant}\" class=\"hover\">${variant}:hover</mg-button>\n    `);\n\n    await page.keyboard.down('Tab');\n    await page.waitForChanges();\n\n    const button = await page.find('mg-button.hover');\n    button.hover();\n\n    const screenshot = await page.screenshot();\n    expect(screenshot).toMatchImageSnapshot();\n  });\n\n  test('Should render a full-width button', async () => {\n    const slots = ['batman', '<mg-icon icon=\"check-circle\"></mg-icon>batman'];\n    const html = slots.map(slot => `<mg-button full-width>${slot}</mg-button>`).join('');\n\n    const page = await createPage(html);\n\n    const screenshot = await page.screenshot();\n    expect(screenshot).toMatchImageSnapshot();\n  });\n\n  describe.each([\n    '<mg-button disable-on-click>Message action</mg-button>',\n    '<mg-button disable-on-click label=\"test\" is-icon><mg-icon icon=\"info-circle\"></mg-icon></mg-button>',\n    '<mg-button disable-on-click><mg-icon icon=\"info-circle\"></mg-icon> Message action</mg-button>',\n  ])('template', template => {\n    test('should disable button after keyUp \"Space\"', async () => {\n      const page = await createPage(template);\n      const button = await page.find('mg-button');\n\n      const screenshot = await page.screenshot();\n      expect(screenshot).toMatchImageSnapshot();\n\n      await button.press('Space');\n\n      // Wait for spinner to be displayed\n      await page.waitForChanges();\n\n      // Remove spinner annimation for screenshot\n      await page.$eval('mg-button', elm => {\n        const svg = elm.shadowRoot.querySelector('mg-icon').shadowRoot.querySelector('svg');\n        svg.classList.remove('mg-c-icon--spin');\n      });\n      await page.waitForChanges();\n\n      const screenshotLoading = await page.screenshot();\n      expect(screenshotLoading).toMatchImageSnapshot();\n    });\n  });\n\n  test('should render a link like a button', async () => {\n    const links = [\n      '<a href=\"#\" class=\"mg-c-button mg-c-button--primary\">a.mg-button</a>',\n      '<a href=\"#\" class=\"mg-c-button mg-c-button--primary\"><mg-icon icon=\"check-circle\"></mg-icon>a.mg-button w/ icon</a>',\n      '<a href=\"#\" class=\"mg-c-button mg-c-button--primary mg-c-button--icon\"><mg-icon icon=\"check-circle\"></mg-icon></a>',\n    ];\n    const html = links.map(link => `<div>${link}</div>`).join('');\n    const page = await createPage(`<link rel=\"stylesheet\" href=\"http://localhost:3333/build/mg-components.css\" />${html}`, { width: 200, height: links.length * buttonHeight });\n\n    const screenshot = await page.screenshot();\n    expect(screenshot).toMatchImageSnapshot();\n  });\n});\n"]}

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

@@ -1,192 +0,0 @@
-import { h } from "@stencil/core";
-import { newSpecPage } from "@stencil/core/testing";
-import { MgButton } from "../mg-button";
-import { MgForm } from "../../../molecules/mg-form/mg-form";
-import { variants, buttonTypes } from "../mg-button.conf";
-import { setupMutationObserverMock, setupSubmitEventMock } from "../../../../utils/unit.test.utils";
-const getPage = async (args, content = 'Text button') => {
-  const page = await newSpecPage({
-    components: [MgButton, MgForm],
-    template: () => {
-      const TagName = args.formTag;
-      delete args.formTag;
-      const button = () => h("mg-button", Object.assign({}, args), content);
-      if (!TagName)
-        return button();
-      else
-        return h(TagName, { identifier: "identifier" }, button());
-    },
-  });
-  jest.runOnlyPendingTimers();
-  await page.waitForChanges();
-  return page;
-};
-describe('mg-button', () => {
-  beforeEach(() => {
-    jest.useFakeTimers();
-    setupMutationObserverMock({
-      observe: function () {
-        return null;
-      },
-      disconnect: function () {
-        return null;
-      },
-      takeRecords: () => [],
-    });
-    setupSubmitEventMock();
-  });
-  afterEach(() => jest.runOnlyPendingTimers());
-  test('Should render a button with an id', async () => {
-    const { root } = await getPage({ identifier: 'identifier', label: 'label' });
-    expect(root).toMatchSnapshot();
-  });
-  describe.each(variants)('Should render an %s button', variant => {
-    test.each([false, true])('isIcon %s', async (isIcon) => {
-      const { root } = await getPage({ variant, isIcon, label: 'label' });
-      expect(root).toMatchSnapshot();
-    });
-  });
-  test.each(buttonTypes)('Should render a button, case type %s', async (type) => {
-    const { root } = await getPage({ label: 'label', type });
-    expect(root).toMatchSnapshot();
-  });
-  test.each([true, false, undefined])('Should render a button, case full-width %s', async (fullWidth) => {
-    const { root } = await getPage({ label: 'label', fullWidth });
-    expect(root).toMatchSnapshot();
-  });
-  test('Should replace classes on variant changes', async () => {
-    const page = await getPage({ variant: 'primary', label: 'label' });
-    const element = page.doc.querySelector('mg-button');
-    let classPrimary = element.shadowRoot.querySelector('.mg-c-button--primary');
-    expect(classPrimary).not.toBeNull();
-    // Change variant
-    element.variant = 'danger';
-    await page.waitForChanges();
-    classPrimary = element.shadowRoot.querySelector('.mg-c-button--primary');
-    const classDanger = element.shadowRoot.querySelector('.mg-c-button--danger');
-    expect(classPrimary).toBeNull();
-    expect(classDanger).not.toBeNull();
-  });
-  test.each(['', 'blu'])('Should throw error', async (variant) => {
-    expect.assertions(1);
-    try {
-      await getPage({ variant });
-    }
-    catch (err) {
-      expect(err.message).toContain('<mg-button> prop "variant" must be one of: ');
-    }
-  });
-  test.each(['', ' ', undefined])('should throw error when using prop "isIcon" without a good prop "label"', async (label) => {
-    expect.assertions(1);
-    try {
-      await getPage({ isIcon: true, label });
-    }
-    catch (err) {
-      expect(err.message).toContain('<mg-button> prop "label" is mandatory when prop "isIcon" is set to true.');
-    }
-  });
-  test('should throw error when using prop "isIcon" without a good prop "fullWidth"', async () => {
-    expect.assertions(1);
-    try {
-      await getPage({ isIcon: true, label: 'batman', fullWidth: true });
-    }
-    catch (err) {
-      expect(err.message).toContain('<mg-button> prop "fullWidth" cannot be used with prop "isIcon"');
-    }
-  });
-  describe('prevent double click', () => {
-    test('should NOT disable button after click', async () => {
-      const page = await getPage({ identifier: 'identifier' });
-      const button = page.doc.querySelector('mg-button');
-      const spy = jest.spyOn(page.rootInstance.disabledChange, 'emit');
-      expect(page.root).toMatchSnapshot();
-      button.dispatchEvent(new CustomEvent('click', { bubbles: true }));
-      await page.waitForChanges();
-      expect(spy).not.toHaveBeenCalled();
-      expect(page.root).toMatchSnapshot();
-      button.disabled = true;
-      await page.waitForChanges();
-      expect(spy).toHaveBeenCalledWith(true);
-      expect(page.root).toMatchSnapshot();
-    });
-    test('should disable button after click', async () => {
-      const page = await getPage({ disableOnClick: true });
-      const button = page.doc.querySelector('mg-button');
-      const spy = jest.spyOn(page.rootInstance.disabledChange, 'emit');
-      expect(page.root).toMatchSnapshot();
-      button.dispatchEvent(new CustomEvent('click', { bubbles: true }));
-      await page.waitForChanges();
-      expect(spy).toHaveBeenCalledWith(true);
-      expect(page.root).toMatchSnapshot();
-      button.disabled = false;
-      await page.waitForChanges();
-      expect(spy).toHaveBeenCalledWith(false);
-      expect(page.root).toMatchSnapshot();
-    });
-    test('should not trigger disableOnClick when disabled', async () => {
-      const page = await getPage({
-        disabled: true,
-        disableOnCLick: true,
-      });
-      const button = page.doc.querySelector('mg-button');
-      const spy = jest.spyOn(page.rootInstance.disabledChange, 'emit');
-      expect(page.root).toMatchSnapshot();
-      button.dispatchEvent(new CustomEvent('click', { bubbles: true }));
-      await page.waitForChanges();
-      expect(spy).not.toHaveBeenCalled();
-      expect(page.root).toMatchSnapshot();
-    });
-    test('should not have fn when disabled', async () => {
-      const page = await getPage({
-        disabled: true,
-        onClick: () => false,
-      });
-      expect(page.root).toMatchSnapshot();
-    });
-  });
-  describe.each([{ identifier: 'identifier' }, { identifier: 'identifier', disabled: true }])('keyboard', props => {
-    test.each([' ', 'Enter', 'NumpadEnter'])('Should trigger click event on keydown', async (key) => {
-      const page = await getPage(props);
-      const button = page.doc.querySelector('mg-button');
-      const spy = jest.spyOn(button, 'dispatchEvent');
-      button.dispatchEvent(new KeyboardEvent(key === ' ' ? 'keyup' : 'keydown', { bubbles: true, key }));
-      await page.waitForChanges();
-      if (props.disabled) {
-        expect(spy).not.lastCalledWith(expect.objectContaining({ type: 'click' }));
-      }
-      else {
-        expect(spy).lastCalledWith(expect.objectContaining({ type: 'click' }));
-      }
-    });
-    test.each(['ArrowRight', 'Tab', ' '])('Should NOT trigger click event on keydown', async (key) => {
-      const page = await getPage(props);
-      const button = page.doc.querySelector('mg-button');
-      const spy = jest.spyOn(button, 'dispatchEvent');
-      button.dispatchEvent(new KeyboardEvent('keydown', { bubbles: true, key }));
-      await page.waitForChanges();
-      expect(spy).not.lastCalledWith(expect.objectContaining({ type: 'click' }));
-    });
-  });
-  describe.each(['form', 'mg-form'])('form <%s/>', form => {
-    test.each([undefined, 'submit', 'button'])('Should emit "submit" event, case type is %s', async (type) => {
-      var _a;
-      const args = { identifier: 'identifier', type, formTag: form };
-      const page = await getPage(args);
-      const mgForm = ((_a = page.doc.querySelector('mg-form')) === null || _a === void 0 ? void 0 : _a.shadowRoot.querySelector('form')) || page.doc.querySelector('form');
-      const mgButton = page.doc.querySelector('mg-button');
-      const formSpy = jest.spyOn(mgForm, 'dispatchEvent');
-      mgButton.dispatchEvent(new Event('click', { bubbles: true }));
-      await page.waitForChanges();
-      if ([undefined, 'submit'].includes(type)) {
-        expect(formSpy).toHaveBeenCalledWith(expect.objectContaining({
-          type: 'submit',
-          cancelable: true,
-        }));
-      }
-      else {
-        expect(formSpy).not.toHaveBeenCalled();
-      }
-    });
-  });
-});
-//# sourceMappingURL=mg-button.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"mg-button.spec.js","sourceRoot":"","sources":["../../../../../src/components/atoms/mg-button/test/mg-button.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport { newSpecPage } from '@stencil/core/testing';\nimport { MgButton } from '../mg-button';\nimport { MgForm } from '../../../molecules/mg-form/mg-form';\nimport { variants, buttonTypes } from '../mg-button.conf';\nimport { setupMutationObserverMock, setupSubmitEventMock } from '../../../../utils/unit.test.utils';\n\nconst getPage = async (args, content = 'Text button') => {\n  const page = await newSpecPage({\n    components: [MgButton, MgForm],\n    template: () => {\n      const TagName = args.formTag;\n      delete args.formTag;\n      const button = () => <mg-button {...args}>{content}</mg-button>;\n      if (!TagName) return button();\n      else return <TagName identifier=\"identifier\">{button()}</TagName>;\n    },\n  });\n\n  jest.runOnlyPendingTimers();\n\n  await page.waitForChanges();\n\n  return page;\n};\n\ndescribe('mg-button', () => {\n  beforeEach(() => {\n    jest.useFakeTimers();\n\n    setupMutationObserverMock({\n      observe: function () {\n        return null;\n      },\n      disconnect: function () {\n        return null;\n      },\n      takeRecords: () => [],\n    });\n    setupSubmitEventMock();\n  });\n\n  afterEach(() => jest.runOnlyPendingTimers());\n\n  test('Should render a button with an id', async () => {\n    const { root } = await getPage({ identifier: 'identifier', label: 'label' });\n    expect(root).toMatchSnapshot();\n  });\n\n  describe.each(variants)('Should render an %s button', variant => {\n    test.each([false, true])('isIcon %s', async isIcon => {\n      const { root } = await getPage({ variant, isIcon, label: 'label' });\n      expect(root).toMatchSnapshot();\n    });\n  });\n\n  test.each(buttonTypes)('Should render a button, case type %s', async type => {\n    const { root } = await getPage({ label: 'label', type });\n    expect(root).toMatchSnapshot();\n  });\n\n  test.each([true, false, undefined])('Should render a button, case full-width %s', async fullWidth => {\n    const { root } = await getPage({ label: 'label', fullWidth });\n    expect(root).toMatchSnapshot();\n  });\n\n  test('Should replace classes on variant changes', async () => {\n    const page = await getPage({ variant: 'primary', label: 'label' });\n    const element = page.doc.querySelector('mg-button');\n    let classPrimary = element.shadowRoot.querySelector('.mg-c-button--primary');\n\n    expect(classPrimary).not.toBeNull();\n\n    // Change variant\n    element.variant = 'danger';\n    await page.waitForChanges();\n\n    classPrimary = element.shadowRoot.querySelector('.mg-c-button--primary');\n    const classDanger = element.shadowRoot.querySelector('.mg-c-button--danger');\n\n    expect(classPrimary).toBeNull();\n    expect(classDanger).not.toBeNull();\n  });\n\n  test.each(['', 'blu'])('Should throw error', async variant => {\n    expect.assertions(1);\n    try {\n      await getPage({ variant });\n    } catch (err) {\n      expect(err.message).toContain('<mg-button> prop \"variant\" must be one of: ');\n    }\n  });\n\n  test.each(['', ' ', undefined])('should throw error when using prop \"isIcon\" without a good prop \"label\"', async label => {\n    expect.assertions(1);\n    try {\n      await getPage({ isIcon: true, label });\n    } catch (err) {\n      expect(err.message).toContain('<mg-button> prop \"label\" is mandatory when prop \"isIcon\" is set to true.');\n    }\n  });\n\n  test('should throw error when using prop \"isIcon\" without a good prop \"fullWidth\"', async () => {\n    expect.assertions(1);\n    try {\n      await getPage({ isIcon: true, label: 'batman', fullWidth: true });\n    } catch (err) {\n      expect(err.message).toContain('<mg-button> prop \"fullWidth\" cannot be used with prop \"isIcon\"');\n    }\n  });\n\n  describe('prevent double click', () => {\n    test('should NOT disable button after click', async () => {\n      const page = await getPage({ identifier: 'identifier' });\n      const button = page.doc.querySelector('mg-button');\n      const spy = jest.spyOn(page.rootInstance.disabledChange, 'emit');\n\n      expect(page.root).toMatchSnapshot();\n\n      button.dispatchEvent(new CustomEvent('click', { bubbles: true }));\n      await page.waitForChanges();\n\n      expect(spy).not.toHaveBeenCalled();\n      expect(page.root).toMatchSnapshot();\n\n      button.disabled = true;\n      await page.waitForChanges();\n      expect(spy).toHaveBeenCalledWith(true);\n\n      expect(page.root).toMatchSnapshot();\n    });\n\n    test('should disable button after click', async () => {\n      const page = await getPage({ disableOnClick: true });\n      const button = page.doc.querySelector('mg-button');\n      const spy = jest.spyOn(page.rootInstance.disabledChange, 'emit');\n\n      expect(page.root).toMatchSnapshot();\n\n      button.dispatchEvent(new CustomEvent('click', { bubbles: true }));\n      await page.waitForChanges();\n\n      expect(spy).toHaveBeenCalledWith(true);\n      expect(page.root).toMatchSnapshot();\n\n      button.disabled = false;\n      await page.waitForChanges();\n\n      expect(spy).toHaveBeenCalledWith(false);\n      expect(page.root).toMatchSnapshot();\n    });\n\n    test('should not trigger disableOnClick when disabled', async () => {\n      const page = await getPage({\n        disabled: true,\n        disableOnCLick: true,\n      });\n      const button = page.doc.querySelector('mg-button');\n      const spy = jest.spyOn(page.rootInstance.disabledChange, 'emit');\n\n      expect(page.root).toMatchSnapshot();\n\n      button.dispatchEvent(new CustomEvent('click', { bubbles: true }));\n      await page.waitForChanges();\n\n      expect(spy).not.toHaveBeenCalled();\n      expect(page.root).toMatchSnapshot();\n    });\n\n    test('should not have fn when disabled', async () => {\n      const page = await getPage({\n        disabled: true,\n        onClick: () => false,\n      });\n\n      expect(page.root).toMatchSnapshot();\n    });\n  });\n\n  describe.each([{ identifier: 'identifier' }, { identifier: 'identifier', disabled: true }])('keyboard', props => {\n    test.each([' ', 'Enter', 'NumpadEnter'])('Should trigger click event on keydown', async key => {\n      const page = await getPage(props);\n      const button = page.doc.querySelector('mg-button');\n\n      const spy = jest.spyOn(button, 'dispatchEvent');\n\n      button.dispatchEvent(new KeyboardEvent(key === ' ' ? 'keyup' : 'keydown', { bubbles: true, key }));\n      await page.waitForChanges();\n\n      if (props.disabled) {\n        expect(spy).not.lastCalledWith(expect.objectContaining({ type: 'click' }));\n      } else {\n        expect(spy).lastCalledWith(expect.objectContaining({ type: 'click' }));\n      }\n    });\n    test.each(['ArrowRight', 'Tab', ' '])('Should NOT trigger click event on keydown', async key => {\n      const page = await getPage(props);\n      const button = page.doc.querySelector('mg-button');\n\n      const spy = jest.spyOn(button, 'dispatchEvent');\n\n      button.dispatchEvent(new KeyboardEvent('keydown', { bubbles: true, key }));\n      await page.waitForChanges();\n\n      expect(spy).not.lastCalledWith(expect.objectContaining({ type: 'click' }));\n    });\n  });\n\n  describe.each(['form', 'mg-form'])('form <%s/>', form => {\n    test.each([undefined, 'submit', 'button'])('Should emit \"submit\" event, case type is %s', async type => {\n      const args = { identifier: 'identifier', type, formTag: form };\n      const page = await getPage(args);\n\n      const mgForm = page.doc.querySelector('mg-form')?.shadowRoot.querySelector('form') || page.doc.querySelector('form');\n      const mgButton = page.doc.querySelector('mg-button');\n\n      const formSpy = jest.spyOn(mgForm, 'dispatchEvent');\n\n      mgButton.dispatchEvent(new Event('click', { bubbles: true }));\n\n      await page.waitForChanges();\n\n      if ([undefined, 'submit'].includes(type)) {\n        expect(formSpy).toHaveBeenCalledWith(\n          expect.objectContaining({\n            type: 'submit',\n            cancelable: true,\n          }),\n        );\n      } else {\n        expect(formSpy).not.toHaveBeenCalled();\n      }\n    });\n  });\n});\n"]}

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

@@ -1,36 +0,0 @@
-import { createPage } from "../../../../utils/stencil.e2e.test.utils";
-import { renderAttributes } from "../../../../utils/e2e.test.utils";
-import { variantStyles, variants } from "../mg-card.conf";
-const style = `<style>.margin-y { margin: 1rem 0; } .d-block { display: block; } [variant='app'] { --mg-color-app-h: 250 }</style>`;
-describe('mg-card', () => {
-  test('Should render', async () => {
-    const props = [undefined, ...variants.flatMap(variant => variantStyles.map(variantStyle => ({ variant, variantStyle })))];
-    const html = [
-      'short text',
-      'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
-    ]
-      .map(slot => props.map(prop => `<mg-card class="margin-y d-block" ${renderAttributes(prop)}>${slot}</mg-card>`).join(''))
-      .join('');
-    const page = await createPage(html + style);
-    const element = await page.find('mg-card');
-    expect(element).toHaveClass('hydrated');
-    const screenshot = await page.screenshot();
-    expect(screenshot).toMatchImageSnapshot();
-  });
-  test('Should render with custom card', async () => {
-    const html = [
-      'short text',
-      'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
-      '<mg-card>Content with child card.</mg-card>',
-      '<mg-card class="custom-card--info">Content with child info card.</mg-card>',
-    ]
-      .map(slot => `<mg-card class="${slot.includes('</mg-card>') ? 'custom-card--danger' : ''} d-block margin-y">${slot}</mg-card>`)
-      .join('');
-    const page = await createPage(html + '<style>.custom-card--danger {--mg-card-background: hsl(var(--color-danger));} .custom-card--info {--mg-card-background: hsl(var(--color-info));}</style>' + style);
-    const element = await page.find('mg-card');
-    expect(element).toHaveClass('hydrated');
-    const screenshot = await page.screenshot();
-    expect(screenshot).toMatchImageSnapshot();
-  });
-});
-//# sourceMappingURL=mg-card.e2e.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"mg-card.e2e.js","sourceRoot":"","sources":["../../../../../src/components/atoms/mg-card/test/mg-card.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE1D,MAAM,KAAK,GAAG,qHAAqH,CAAC;AAEpI,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;EACvB,IAAI,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;IAC/B,MAAM,KAAK,GAAG,CAAC,SAAS,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1H,MAAM,IAAI,GAAG;MACX,YAAY;MACZ,+bAA+b;KAChc;OACE,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,qCAAqC,gBAAgB,CAAC,IAAI,CAAC,IAAI,IAAI,YAAY,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;OACxH,IAAI,CAAC,EAAE,CAAC,CAAC;IAEZ,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC,IAAI,GAAG,KAAK,CAAC,CAAC;IAE5C,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC3C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAExC,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,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAChD,MAAM,IAAI,GAAG;MACX,YAAY;MACZ,+bAA+b;MAC/b,6CAA6C;MAC7C,4EAA4E;KAC7E;OACE,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,mBAAmB,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,sBAAsB,IAAI,YAAY,CAAC;OAC9H,IAAI,CAAC,EAAE,CAAC,CAAC;IACZ,MAAM,IAAI,GAAG,MAAM,UAAU,CAC3B,IAAI,GAAG,0JAA0J,GAAG,KAAK,CAC1K,CAAC;IAEF,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC3C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAExC,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';\nimport { renderAttributes } from '../../../../utils/e2e.test.utils';\nimport { variantStyles, variants } from '../mg-card.conf';\n\nconst style = `<style>.margin-y { margin: 1rem 0; } .d-block { display: block; } [variant='app'] { --mg-color-app-h: 250 }</style>`;\n\ndescribe('mg-card', () => {\n  test('Should render', async () => {\n    const props = [undefined, ...variants.flatMap(variant => variantStyles.map(variantStyle => ({ variant, variantStyle })))];\n    const html = [\n      'short text',\n      'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',\n    ]\n      .map(slot => props.map(prop => `<mg-card class=\"margin-y d-block\" ${renderAttributes(prop)}>${slot}</mg-card>`).join(''))\n      .join('');\n\n    const page = await createPage(html + style);\n\n    const element = await page.find('mg-card');\n    expect(element).toHaveClass('hydrated');\n\n    const screenshot = await page.screenshot();\n    expect(screenshot).toMatchImageSnapshot();\n  });\n\n  test('Should render with custom card', async () => {\n    const html = [\n      'short text',\n      'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',\n      '<mg-card>Content with child card.</mg-card>',\n      '<mg-card class=\"custom-card--info\">Content with child info card.</mg-card>',\n    ]\n      .map(slot => `<mg-card class=\"${slot.includes('</mg-card>') ? 'custom-card--danger' : ''} d-block margin-y\">${slot}</mg-card>`)\n      .join('');\n    const page = await createPage(\n      html + '<style>.custom-card--danger {--mg-card-background: hsl(var(--color-danger));} .custom-card--info {--mg-card-background: hsl(var(--color-info));}</style>' + style,\n    );\n\n    const element = await page.find('mg-card');\n    expect(element).toHaveClass('hydrated');\n\n    const screenshot = await page.screenshot();\n    expect(screenshot).toMatchImageSnapshot();\n  });\n});\n"]}

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

@@ -1,43 +0,0 @@
-import { h } from "@stencil/core";
-import { newSpecPage } from "@stencil/core/testing";
-import { MgCard } from "../mg-card";
-import { variantStyles, variants } from "../mg-card.conf";
-const getPage = (props, slot) => newSpecPage({
-  components: [MgCard],
-  template: () => h("mg-card", Object.assign({}, props), slot),
-});
-describe('mg-card', () => {
-  test.each([undefined, ...variants.flatMap(variant => variantStyles.map(variantStyle => ({ variant, variantStyle }))), ...variants.map(variant => ({ variant }))])('render', async (props) => {
-    const { root } = await getPage(props, 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.');
-    expect(root).toMatchSnapshot();
-  });
-  test.each([
-    { oldValue: { variant: variants[0], variantStyle: variantStyles[0] }, newValue: { variant: variants[1], variantStyle: variantStyles[0] } },
-    { oldValue: { variant: variants[0], variantStyle: variantStyles[0] }, newValue: { variant: variants[0], variantStyle: variantStyles[1] } },
-  ])('should update classCollection', async ({ oldValue, newValue }) => {
-    const page = await getPage(oldValue, 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.');
-    expect(page.root).toMatchSnapshot();
-    const mgCard = page.doc.querySelector('mg-card');
-    Object.keys(newValue).forEach(key => {
-      mgCard[key] = newValue[key];
-    });
-    await page.waitForChanges();
-    expect(page.root).toMatchSnapshot();
-  });
-  describe('errors', () => {
-    test.each([
-      { props: { variantStyle: 'batman' }, error: `<mg-card> prop "variantStyle" must match VariantStyleType type.` },
-      ...variantStyles.map(variantStyle => ({ props: { variantStyle }, error: `<mg-card> prop "variantStyle" must be paired with ${JSON.stringify(variants)} "variant" prop.` })),
-      { props: { variant: 'batman' }, error: `<mg-card> prop "variant" must match VariantType type.` },
-    ])('should throw error %s', async ({ props, error }) => {
-      expect.assertions(1);
-      try {
-        await getPage(props, 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.');
-      }
-      catch (err) {
-        expect(err.message).toMatch(error);
-      }
-    });
-  });
-});
-//# sourceMappingURL=mg-card.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"mg-card.spec.js","sourceRoot":"","sources":["../../../../../src/components/atoms/mg-card/test/mg-card.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport { newSpecPage } from '@stencil/core/testing';\nimport { MgCard } from '../mg-card';\nimport { variantStyles, variants } from '../mg-card.conf';\n\nconst getPage = (props, slot) =>\n  newSpecPage({\n    components: [MgCard],\n    template: () => <mg-card {...props}>{slot}</mg-card>,\n  });\n\ndescribe('mg-card', () => {\n  test.each([undefined, ...variants.flatMap(variant => variantStyles.map(variantStyle => ({ variant, variantStyle }))), ...variants.map(variant => ({ variant }))])(\n    'render',\n    async props => {\n      const { root } = await getPage(\n        props,\n        'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',\n      );\n      expect(root).toMatchSnapshot();\n    },\n  );\n\n  test.each([\n    { oldValue: { variant: variants[0], variantStyle: variantStyles[0] }, newValue: { variant: variants[1], variantStyle: variantStyles[0] } },\n    { oldValue: { variant: variants[0], variantStyle: variantStyles[0] }, newValue: { variant: variants[0], variantStyle: variantStyles[1] } },\n  ])('should update classCollection', async ({ oldValue, newValue }) => {\n    const page = await getPage(\n      oldValue,\n      'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',\n    );\n    expect(page.root).toMatchSnapshot();\n\n    const mgCard = page.doc.querySelector('mg-card');\n    Object.keys(newValue).forEach(key => {\n      mgCard[key] = newValue[key];\n    });\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  describe('errors', () => {\n    test.each([\n      { props: { variantStyle: 'batman' }, error: `<mg-card> prop \"variantStyle\" must match VariantStyleType type.` },\n      ...variantStyles.map(variantStyle => ({ props: { variantStyle }, error: `<mg-card> prop \"variantStyle\" must be paired with ${JSON.stringify(variants)} \"variant\" prop.` })),\n      { props: { variant: 'batman' }, error: `<mg-card> prop \"variant\" must match VariantType type.` },\n    ])('should throw error %s', async ({ props, error }) => {\n      expect.assertions(1);\n      try {\n        await getPage(\n          props,\n          'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',\n        );\n      } catch (err) {\n        expect(err.message).toMatch(error);\n      }\n    });\n  });\n});\n"]}

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

@@ -1,15 +0,0 @@
-import { createPage } from "../../../../utils/stencil.e2e.test.utils";
-describe('mg-character-left', () => {
-  test('Should render', async () => {
-    const components = [
-      `<mg-character-left characters="" maxlength="100"></mg-character-left>`,
-      `<mg-character-left characters="blu" maxlength="200"></mg-character-left>`,
-      `<mg-character-left characters="blu blu blu blu" maxlength="1000"></mg-character-left>`,
-    ];
-    const html = components.join('');
-    const page = await createPage(html, { width: 60, height: 60 });
-    const screenshot = await page.screenshot();
-    expect(screenshot).toMatchImageSnapshot();
-  });
-});
-//# sourceMappingURL=mg-character-left.e2e.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"mg-character-left.e2e.js","sourceRoot":"","sources":["../../../../../src/components/atoms/mg-character-left/test/mg-character-left.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AAEtE,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;EACjC,IAAI,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;IAC/B,MAAM,UAAU,GAAG;MACjB,uEAAuE;MACvE,0EAA0E;MAC1E,uFAAuF;KACxF,CAAC;IACF,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACjC,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IAE/D,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-character-left', () => {\n  test('Should render', async () => {\n    const components = [\n      `<mg-character-left characters=\"\" maxlength=\"100\"></mg-character-left>`,\n      `<mg-character-left characters=\"blu\" maxlength=\"200\"></mg-character-left>`,\n      `<mg-character-left characters=\"blu blu blu blu\" maxlength=\"1000\"></mg-character-left>`,\n    ];\n    const html = components.join('');\n    const page = await createPage(html, { width: 60, height: 60 });\n\n    const screenshot = await page.screenshot();\n    expect(screenshot).toMatchImageSnapshot();\n  });\n});\n"]}