@mgdis/mg-components 5.19.2 → 5.20.0

package/dist/collection/components/molecules/mg-skip-links/test/mg-skip-links.e2e.js

@@ -1,55 +0,0 @@
-var __asyncValues = (this && this.__asyncValues) || function (o) {
-  if (!Symbol.asyncIterator)
-    throw new TypeError("Symbol.asyncIterator is not defined.");
-  var m = o[Symbol.asyncIterator], i;
-  return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-  function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-  function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
-};
-import { createPage } from "../../../../utils/stencil.e2e.test.utils";
-describe('mg-skip-links', () => {
-  test('Should render', async () => {
-    var _a, e_1, _b, _c;
-    const page = await createPage(`<mg-skip-links></mg-skip-links>
-    <style>body{background:#999;}</style>
-    <script>
-      const mgSkipLinks = document.querySelector('mg-skip-links');
-      mgSkipLinks.links = [
-        { href: '#content', label: 'Content' },
-        { href: '#menu', label: 'Menu' },
-        { href: '#search', label: 'Search' },
-        { href: '#footer', label: 'Footer' },
-      ];
-    </script>`);
-    const mgSkipLinks = await page.find('mg-skip-links');
-    expect(mgSkipLinks).toHaveClass('hydrated');
-    await page.setViewport({ width: 400, height: 60 });
-    const screenshot = await page.screenshot();
-    expect(screenshot).toMatchImageSnapshot();
-    try {
-      for (var _d = true, _e = __asyncValues(['Tab', 'Enter']), _f; _f = await _e.next(), _a = _f.done, !_a; _d = true) {
-        _c = _f.value;
-        _d = false;
-        const key = _c;
-        await page.keyboard.down(key);
-        await page.waitForChanges();
-        const screenshotTab = await page.screenshot();
-        expect(screenshotTab).toMatchImageSnapshot();
-      }
-    }
-    catch (e_1_1) {
-      e_1 = { error: e_1_1 };
-    }
-    finally {
-      try {
-        if (!_d && !_a && (_b = _e.return))
-          await _b.call(_e);
-      }
-      finally {
-        if (e_1)
-          throw e_1.error;
-      }
-    }
-  });
-});
-//# sourceMappingURL=mg-skip-links.e2e.js.map

package/dist/collection/components/molecules/mg-skip-links/test/mg-skip-links.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mg-skip-links.e2e.js","sourceRoot":"","sources":["../../../../../src/components/molecules/mg-skip-links/test/mg-skip-links.e2e.ts"],"names":[],"mappings":";;;;;;;AACA,OAAO,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AAEtE,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;EAC7B,IAAI,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;;IAC/B,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC;;;;;;;;;;cAUpB,CAAC,CAAC;IAEZ,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IACrD,MAAM,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAE5C,MAAM,IAAI,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IAEnD,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;IAC3C,MAAM,CAAC,UAAU,CAAC,CAAC,oBAAoB,EAAE,CAAC;;MAE1C,KAAwB,eAAA,KAAA,cAAA,CAAC,KAAK,EAAE,OAAO,CAAC,CAAA,IAAA,sDAAE;QAAlB,cAAgB;QAAhB,WAAgB;QAA7B,MAAM,GAAG,KAAA,CAAA;QAClB,MAAM,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAe,CAAC,CAAC;QAC1C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;QAC9C,MAAM,CAAC,aAAa,CAAC,CAAC,oBAAoB,EAAE,CAAC;OAC9C;;;;;;;;;EACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { KeyInput } from 'puppeteer';\nimport { createPage } from '../../../../utils/stencil.e2e.test.utils';\n\ndescribe('mg-skip-links', () => {\n  test('Should render', async () => {\n    const page = await createPage(`<mg-skip-links></mg-skip-links>\n    <style>body{background:#999;}</style>\n    <script>\n      const mgSkipLinks = document.querySelector('mg-skip-links');\n      mgSkipLinks.links = [\n        { href: '#content', label: 'Content' },\n        { href: '#menu', label: 'Menu' },\n        { href: '#search', label: 'Search' },\n        { href: '#footer', label: 'Footer' },\n      ];\n    </script>`);\n\n    const mgSkipLinks = await page.find('mg-skip-links');\n    expect(mgSkipLinks).toHaveClass('hydrated');\n\n    await page.setViewport({ width: 400, height: 60 });\n\n    const screenshot = await page.screenshot();\n    expect(screenshot).toMatchImageSnapshot();\n\n    for await (const key of ['Tab', 'Enter']) {\n      await page.keyboard.down(key as KeyInput);\n      await page.waitForChanges();\n\n      const screenshotTab = await page.screenshot();\n      expect(screenshotTab).toMatchImageSnapshot();\n    }\n  });\n});\n"]}

package/dist/collection/components/molecules/mg-skip-links/test/mg-skip-links.spec.js

@@ -1,55 +0,0 @@
-import { h } from "@stencil/core";
-import { newSpecPage } from "@stencil/core/testing";
-import { MgSkipLinks } from "../mg-skip-links";
-const getPage = args => newSpecPage({
-  components: [MgSkipLinks],
-  template: () => h("mg-skip-links", Object.assign({}, args)),
-});
-describe('mg-skip-links', () => {
-  test('with args %s', async () => {
-    const { root } = await getPage({
-      links: [
-        { href: '#content', label: 'Content' },
-        { href: '#menu', label: 'Menu' },
-        { href: '#search', label: 'Search' },
-        { href: '#footer', label: 'Footer' },
-      ],
-    });
-    expect(root).toMatchSnapshot();
-  });
-  test.each([
-    {},
-    { links: [] },
-    { links: [{ blu: 'blu', bli: 'bli' }] },
-    { links: [{ href: 'nohash', Label: 'label' }] },
-    { links: [{ href: '#hash', Label: ' ' }] },
-    { links: [{ href: '#hash', Label: '' }] },
-  ])('Should throw error with wrong link params: %s', async (args) => {
-    expect.assertions(1);
-    try {
-      await getPage(args);
-    }
-    catch (err) {
-      expect(err.message).toMatch('<mg-skip-links> prop "links": Cannot be empty and each link must contains an href starting with a "#" and a non empty label attributes.');
-    }
-  });
-  test('should emit event when link is clicked', async () => {
-    const page = await getPage({
-      links: [
-        { href: '#content', label: 'Content' },
-        { href: '#menu', label: 'Menu' },
-        { href: '#search', label: 'Search' },
-        { href: '#footer', label: 'Footer' },
-      ],
-    });
-    const spyGoToAnchor = jest.spyOn(page.rootInstance.goToAnchor, 'emit');
-    const mgSkiplinks = page.doc.querySelector('mg-skip-links');
-    const anchor = mgSkiplinks.shadowRoot.querySelector('a');
-    const spyBlur = jest.spyOn(anchor, 'blur');
-    anchor.dispatchEvent(new MouseEvent('click', { bubbles: true }));
-    await page.waitForChanges();
-    expect(spyGoToAnchor).toHaveBeenCalledWith('#content');
-    expect(spyBlur).toHaveBeenCalled();
-  });
-});
-//# sourceMappingURL=mg-skip-links.spec.js.map

package/dist/collection/components/molecules/mg-skip-links/test/mg-skip-links.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mg-skip-links.spec.js","sourceRoot":"","sources":["../../../../../src/components/molecules/mg-skip-links/test/mg-skip-links.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport { newSpecPage } from '@stencil/core/testing';\nimport { MgSkipLinks } from '../mg-skip-links';\n\nconst getPage = args =>\n  newSpecPage({\n    components: [MgSkipLinks],\n    template: () => <mg-skip-links {...args}></mg-skip-links>,\n  });\n\ndescribe('mg-skip-links', () => {\n  test('with args %s', async () => {\n    const { root } = await getPage({\n      links: [\n        { href: '#content', label: 'Content' },\n        { href: '#menu', label: 'Menu' },\n        { href: '#search', label: 'Search' },\n        { href: '#footer', label: 'Footer' },\n      ],\n    });\n    expect(root).toMatchSnapshot();\n  });\n\n  test.each([\n    {},\n    { links: [] },\n    { links: [{ blu: 'blu', bli: 'bli' }] },\n    { links: [{ href: 'nohash', Label: 'label' }] },\n    { links: [{ href: '#hash', Label: ' ' }] },\n    { links: [{ href: '#hash', Label: '' }] },\n  ])('Should throw error with wrong link params: %s', async args => {\n    expect.assertions(1);\n    try {\n      await getPage(args);\n    } catch (err) {\n      expect(err.message).toMatch('<mg-skip-links> prop \"links\": Cannot be empty and each link must contains an href starting with a \"#\" and a non empty label attributes.');\n    }\n  });\n\n  test('should emit event when link is clicked', async () => {\n    const page = await getPage({\n      links: [\n        { href: '#content', label: 'Content' },\n        { href: '#menu', label: 'Menu' },\n        { href: '#search', label: 'Search' },\n        { href: '#footer', label: 'Footer' },\n      ],\n    });\n\n    const spyGoToAnchor = jest.spyOn(page.rootInstance.goToAnchor, 'emit');\n\n    const mgSkiplinks = page.doc.querySelector('mg-skip-links');\n    const anchor = mgSkiplinks.shadowRoot.querySelector('a');\n    const spyBlur = jest.spyOn(anchor, 'blur');\n    anchor.dispatchEvent(new MouseEvent('click', { bubbles: true }));\n\n    await page.waitForChanges();\n\n    expect(spyGoToAnchor).toHaveBeenCalledWith('#content');\n    expect(spyBlur).toHaveBeenCalled();\n  });\n});\n"]}

package/dist/collection/components/molecules/mg-tabs/test/mg-tabs.e2e.playwright.js

@@ -1,76 +0,0 @@
-import { setPageContent, expect, describe, describeEach, testEach, test } from "../../../../utils/playwright.e2e.test.utils";
-import { createID } from "../../../../utils/components.utils";
-import { sizes } from "../mg-tabs.conf";
-import { renderAttributes, renderProperties } from "../../../../utils/e2e.test.utils";
-const defaultArgs = {
-  label: 'label',
-};
-const createSlot = (items) => {
-  const defaultSlotContents = [
-    "Le héros peut être en chacun, même en celui qui fait une chose aussi simple et rassurante que mettre un manteau sur les épaules d'un garçon et ainsi lui faire comprendre que le monde ne s'est pas écroulé.",
-    "La seule façon raisonnable de vivre en ce bas monde, c'est en dehors des règles.",
-    'Bane have an hidden content',
-  ];
-  return items.map((_, i) => `<div slot="tab_content-${i + 1}">${i + 1 <= defaultSlotContents.length ? defaultSlotContents[i] : defaultSlotContents[0]}</div>`).join('');
-};
-var Key;
-(function (Key) {
-  Key["NEXT"] = "ArrowRight";
-  Key["PREV"] = "ArrowLeft";
-  Key["TAB"] = "Tab";
-  Key["ENTER"] = "Enter";
-})(Key || (Key = {}));
-const createHTML = args => {
-  const id = createID();
-  return `<mg-tabs id="${id}" ${renderAttributes(Object.assign({}, args))}">${createSlot(args.items)}</mg-tabs><script>${renderProperties(args, `#${id}`)}</script>`;
-};
-describe('mg-tabs', () => {
-  describeEach(sizes)('size %s', async (size) => {
-    testEach([
-      { items: ['Batman', 'Joker', 'Bane'] },
-      {
-        items: [
-          { label: 'Batman', icon: 'check' },
-          { label: 'Joker', icon: 'cross', status: 'disabled' },
-          { label: 'Bane', icon: 'cross', status: 'hidden' },
-        ],
-      },
-      {
-        items: [
-          { label: 'Batman', badge: { label: 'count', value: 1 } },
-          { label: 'Joker', badge: { label: 'count', value: 1 }, status: 'disabled' },
-          { label: 'Bane', icon: 'cross', status: 'hidden' },
-        ],
-      },
-      {
-        items: [
-          { label: 'Batman', icon: 'check', badge: { label: 'count', value: 99 } },
-          { label: 'Joker', icon: 'cross', badge: { label: 'count', value: 99 }, status: 'disabled' },
-          { label: 'Bane', icon: 'cross', status: 'hidden' },
-        ],
-      },
-      {
-        items: [
-          { label: 'Batman', icon: 'check', badge: { label: 'count', value: 99, role: 'notification' } },
-          { label: 'Joker', icon: 'cross', badge: { label: 'count', value: 99, role: 'information' }, status: 'disabled' },
-          { label: 'Bane', icon: 'cross', status: 'hidden' },
-        ],
-      },
-    ])(`render %s`, async (page, args) => {
-      await setPageContent(page, createHTML(Object.assign(Object.assign(Object.assign({}, defaultArgs), args), { size })));
-      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-    });
-  });
-  describe('navigation', () => {
-    test('should go to next tab on click event', async ({ page }) => {
-      await setPageContent(page, createHTML(Object.assign(Object.assign({}, defaultArgs), { items: ['Batman', 'Joker', 'Bane'] })));
-      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-      await page.keyboard.down('Tab');
-      for (const key of [Key.NEXT, Key.NEXT, Key.PREV, Key.ENTER, Key.TAB]) {
-        await page.keyboard.down(key);
-        await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-      }
-    });
-  });
-});
-//# sourceMappingURL=mg-tabs.e2e.playwright.js.map

package/dist/collection/components/molecules/mg-tabs/test/mg-tabs.e2e.playwright.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mg-tabs.e2e.playwright.js","sourceRoot":"","sources":["../../../../../src/components/molecules/mg-tabs/test/mg-tabs.e2e.playwright.ts"],"names":[],"mappings":"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","sourcesContent":["import { setPageContent, expect, describe, describeEach, testEach, PageType, test } from '../../../../utils/playwright.e2e.test.utils';\nimport { createID } from '../../../../utils/components.utils';\nimport { sizes } from '../mg-tabs.conf';\nimport { MgTabs } from '../mg-tabs';\nimport { renderAttributes, renderProperties } from '../../../../utils/e2e.test.utils';\n\nconst defaultArgs = {\n  label: 'label',\n};\n\nconst createSlot = (items: unknown[]) => {\n  const defaultSlotContents = [\n    \"Le héros peut être en chacun, même en celui qui fait une chose aussi simple et rassurante que mettre un manteau sur les épaules d'un garçon et ainsi lui faire comprendre que le monde ne s'est pas écroulé.\",\n    \"La seule façon raisonnable de vivre en ce bas monde, c'est en dehors des règles.\",\n    'Bane have an hidden content',\n  ];\n  return items.map((_, i) => `<div slot=\"tab_content-${i + 1}\">${i + 1 <= defaultSlotContents.length ? defaultSlotContents[i] : defaultSlotContents[0]}</div>`).join('');\n};\n\nenum Key {\n  NEXT = 'ArrowRight',\n  PREV = 'ArrowLeft',\n  TAB = 'Tab',\n  ENTER = 'Enter',\n}\n\nconst createHTML = args => {\n  const id = createID();\n  return `<mg-tabs id=\"${id}\" ${renderAttributes({ ...args })}\">${createSlot(args.items)}</mg-tabs><script>${renderProperties(args, `#${id}`)}</script>`;\n};\n\ndescribe('mg-tabs', () => {\n  describeEach(sizes)('size %s', async size => {\n    testEach([\n      { items: ['Batman', 'Joker', 'Bane'] },\n      {\n        items: [\n          { label: 'Batman', icon: 'check' },\n          { label: 'Joker', icon: 'cross', status: 'disabled' },\n          { label: 'Bane', icon: 'cross', status: 'hidden' },\n        ],\n      },\n      {\n        items: [\n          { label: 'Batman', badge: { label: 'count', value: 1 } },\n          { label: 'Joker', badge: { label: 'count', value: 1 }, status: 'disabled' },\n          { label: 'Bane', icon: 'cross', status: 'hidden' },\n        ],\n      },\n      {\n        items: [\n          { label: 'Batman', icon: 'check', badge: { label: 'count', value: 99 } },\n          { label: 'Joker', icon: 'cross', badge: { label: 'count', value: 99 }, status: 'disabled' },\n          { label: 'Bane', icon: 'cross', status: 'hidden' },\n        ],\n      },\n      {\n        items: [\n          { label: 'Batman', icon: 'check', badge: { label: 'count', value: 99, role: 'notification' } },\n          { label: 'Joker', icon: 'cross', badge: { label: 'count', value: 99, role: 'information' }, status: 'disabled' },\n          { label: 'Bane', icon: 'cross', status: 'hidden' },\n        ],\n      },\n    ])(`render %s`, async (page: PageType, args: Partial<MgTabs>) => {\n      await setPageContent(\n        page,\n        createHTML({\n          ...defaultArgs,\n          ...args,\n          size,\n        }),\n      );\n\n      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();\n    });\n  });\n\n  describe('navigation', () => {\n    test('should go to next tab on click event', async ({ page }) => {\n      await setPageContent(\n        page,\n        createHTML({\n          ...defaultArgs,\n          items: ['Batman', 'Joker', 'Bane'],\n        }),\n      );\n\n      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();\n\n      await page.keyboard.down('Tab');\n\n      for (const key of [Key.NEXT, Key.NEXT, Key.PREV, Key.ENTER, Key.TAB]) {\n        await page.keyboard.down(key);\n        await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();\n      }\n    });\n  });\n});\n"]}

package/dist/collection/components/molecules/mg-tabs/test/mg-tabs.spec.js

@@ -1,332 +0,0 @@
-var __asyncValues = (this && this.__asyncValues) || function (o) {
-  if (!Symbol.asyncIterator)
-    throw new TypeError("Symbol.asyncIterator is not defined.");
-  var m = o[Symbol.asyncIterator], i;
-  return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-  function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-  function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
-};
-import { h } from "@stencil/core";
-import { newSpecPage } from "@stencil/core/testing";
-import { MgTabs } from "../mg-tabs";
-import { sizes, Status } from "../mg-tabs.conf";
-const getPage = (args, slots) => newSpecPage({
-  components: [MgTabs],
-  template: () => h("mg-tabs", Object.assign({}, args), slots && slots.map(content => content && content())),
-});
-const createSlots = (slotNumber = 2) => {
-  const slots = [];
-  for (let i = 1; slotNumber > slots.length; i++) {
-    slots.push(() => h("div", { slot: `tab_content-${i}` }, `Content ${i}`));
-  }
-  return slots;
-};
-const badge = { value: 2, label: 'messages' };
-const key = { next: 'ArrowRight', prev: 'ArrowLeft' };
-describe('mg-tabs', () => {
-  describe.each(sizes)('template', size => {
-    test.each([
-      [['Batman', 'Joker', 'Bane']],
-      [
-        [
-          { label: 'Batman', icon: 'check', badge },
-          { label: 'Joker', icon: 'cross', badge: Object.assign(Object.assign({}, badge), { role: 'information' }), status: Status.DISABLED },
-          { label: 'Bane', icon: 'trash', badge, status: Status.HIDDEN },
-        ],
-      ],
-    ])('render', async (items) => {
-      const { root } = await getPage({ label: 'Sample label', items, identifier: 'identifier', size }, createSlots(3));
-      expect(root).toMatchSnapshot();
-    });
-    test('display only slots with name "tab_content-*"', async () => {
-      const { root } = await getPage({ label: 'Sample label', items: ['Batman', 'Joker'], identifier: 'identifier' }, [...createSlots(), () => h("div", null, "dummy content")]);
-      expect(root).toMatchSnapshot();
-    });
-    test.each([
-      {
-        items: ['Tab 1', 'Tab 2', 'Tab 3'],
-        activeTab: 2,
-      },
-      {
-        items: [{ label: 'Batman' }, { label: 'Joker', status: Status.ACTIVE }, { label: 'Bane' }],
-      },
-      {
-        items: [{ label: 'Batman' }, { label: 'Joker' }, { label: 'Bane' }],
-        activeTab: 2,
-      },
-      {
-        items: [{ label: 'Batman' }, { label: 'Joker', status: Status.ACTIVE }, { label: 'Bane' }],
-        activeTab: 2,
-      },
-      {
-        items: [{ label: 'Batman' }, { label: 'Joker', status: Status.ACTIVE }, { label: 'Bane' }],
-        activeTab: 3,
-      },
-    ])(`display ${size} tabs with activeProps set by props`, async (props) => {
-      const { root } = await getPage(Object.assign({ label: 'Sample label', identifier: 'identifier' }, props), createSlots(3));
-      expect(root).toMatchSnapshot();
-    });
-  });
-  describe('errors', () => {
-    test.each(['', ' ', undefined])('Should throw error with invalid label property: %s', async (label) => {
-      expect.assertions(1);
-      try {
-        await getPage({ label, items: ['Batman', 'Joker'] }, createSlots());
-      }
-      catch (err) {
-        expect(err.message).toMatch('<mg-tabs> prop "label" is required.');
-      }
-    });
-    test.each([
-      [undefined, 'batman'],
-      [['batman', { batman: 'batman' }]],
-      [[true, false]],
-      [[1, 2, 3]],
-      [[true, 1, 'batman']],
-      [[{ label: 'batman', icon: 'batman' }, { batman: 'batman' }]],
-      [[{ label: undefined, icon: 'batman' }, { label: 'batman' }]],
-    ])('Should throw error with invalid items property', async (items) => {
-      expect.assertions(1);
-      try {
-        await getPage({ label: 'Sample label', items }, createSlots());
-      }
-      catch (err) {
-        expect(err.message).toMatch('<mg-tabs> prop "items" is required and all items must be the same type: TabItem.');
-      }
-    });
-    test.each([[[]], [createSlots(1)], [[undefined, createSlots(2)[1]], [createSlots(3)]]])('should trown an error with invalid slots', async (slots) => {
-      expect.assertions(1);
-      try {
-        await getPage({ label: 'Sample label', items: ['Tab 1', 'Tab 2'] }, slots);
-      }
-      catch (err) {
-        expect(err.message).toMatch('<mg-tabs> Must have slots counts equal to tabs count.');
-      }
-    });
-    test.each([0, 3, null, { test: 'fail' }, 'string'])('should trown an error with invalid range for "activeTab" props', async (activeTab) => {
-      expect.assertions(1);
-      try {
-        await getPage({ label: 'Sample label', items: ['Tab 1', 'Tab 2'], activeTab }, createSlots());
-      }
-      catch (err) {
-        expect(err.message).toMatch(`<mg-tabs> prop "activeTab" must be a number between 1 and 2 and new value must be "activable".`);
-      }
-    });
-    test('should trown an error with invalid tabItem props', async () => {
-      expect.assertions(1);
-      try {
-        await getPage({ label: 'Sample label', items: ['Tab 1', 'Tab 2'], size: 'batman' }, createSlots());
-      }
-      catch (err) {
-        expect(err.message).toMatch(`<mg-tabs> prop "size" must be one of: ${sizes.join(', ')}`);
-      }
-    });
-  });
-  describe('navigation', () => {
-    test.each([[['batman', 'joker']], [[{ label: 'Batman' }, { label: 'Joker' }]]])('should go to next tab on click event', async (items) => {
-      const page = await getPage({ label: 'Sample label', items, identifier: 'id' }, createSlots());
-      expect(page.root).toMatchSnapshot();
-      const element = page.doc.querySelector('mg-tabs');
-      let activeTab = element.shadowRoot.querySelector('.mg-c-tabs__navigation-button--active');
-      expect(activeTab).toHaveProperty('id', 'id-1');
-      jest.spyOn(page.rootInstance.activeTabChange, 'emit');
-      const nextTab = element.shadowRoot.getElementById('id-2');
-      nextTab.dispatchEvent(new MouseEvent('click', { bubbles: true }));
-      await page.waitForChanges();
-      expect(page.rootInstance.activeTabChange.emit).toHaveBeenCalledWith(2);
-      expect(page.root).toMatchSnapshot();
-      activeTab = element.shadowRoot.querySelector('.mg-c-tabs__navigation-button--active');
-      expect(activeTab).toHaveProperty('id', 'id-2');
-    });
-    test.each([Status.HIDDEN, Status.DISABLED])('should prevent click on tab with status %s', async (status) => {
-      const page = await getPage({ label: 'Sample label', items: [{ label: 'Batman' }, { label: 'Joker', status }], identifier: 'id' }, createSlots());
-      expect(page.root).toMatchSnapshot();
-      const element = page.doc.querySelector('mg-tabs');
-      let activeTab = element.shadowRoot.querySelector('.mg-c-tabs__navigation-button--active');
-      expect(activeTab).toHaveProperty('id', 'id-1');
-      jest.spyOn(page.rootInstance.activeTabChange, 'emit');
-      const nextTab = element.shadowRoot.getElementById('id-2');
-      nextTab.dispatchEvent(new MouseEvent('click', { bubbles: true }));
-      await page.waitForChanges();
-      expect(page.root).toMatchSnapshot();
-      expect(page.rootInstance.activeTabChange.emit).not.toHaveBeenCalled();
-      activeTab = element.shadowRoot.querySelector('.mg-c-tabs__navigation-button--active');
-      expect(activeTab).toHaveProperty('id', 'id-1');
-    });
-    test('should go to next tab on keyboard event', async () => {
-      var _a, e_1, _b, _c;
-      const page = await getPage({ label: 'Sample label', items: ['batman', 'joker'], identifier: 'id' }, createSlots());
-      const activeTabChangeSpy = jest.spyOn(page.rootInstance.activeTabChange, 'emit');
-      expect(page.root).toMatchSnapshot();
-      const element = page.doc.querySelector('mg-tabs');
-      const buttons = Array.from(element.shadowRoot.querySelectorAll('button'));
-      buttons.forEach(button => {
-        button.focus = jest.fn();
-      });
-      let activeTab = element.shadowRoot.querySelector('.mg-c-tabs__navigation-button--active');
-      activeTab.dispatchEvent(new CustomEvent('focus', { bubbles: true }));
-      await page.waitForChanges();
-      expect(page.root).toMatchSnapshot();
-      try {
-        for (var _d = true, _e = __asyncValues([
-          { key: key.next, from: 0, to: 1 },
-          { key: key.next, from: 1, to: 0 },
-          { key: key.prev, from: 0, to: 1 },
-          { key: key.prev, from: 1, to: 0 },
-        ]), _f; _f = await _e.next(), _a = _f.done, !_a; _d = true) {
-          _c = _f.value;
-          _d = false;
-          const action = _c;
-          element.shadowRoot.querySelector(`[data-index="${action.from + 1}"]`).dispatchEvent(new KeyboardEvent('keydown', { key: action.key }));
-          await page.waitForChanges();
-          expect(page.root).toMatchSnapshot();
-          activeTab = element.shadowRoot.querySelector('.mg-c-tabs__navigation-button--active');
-          expect(activeTab).toHaveProperty('id', 'id-1');
-          expect(buttons[action.to].focus).toHaveBeenCalledTimes(action.key === key.next ? 1 : 2);
-          expect(activeTabChangeSpy).not.toHaveBeenCalled();
-        }
-      }
-      catch (e_1_1) {
-        e_1 = { error: e_1_1 };
-      }
-      finally {
-        try {
-          if (!_d && !_a && (_b = _e.return))
-            await _b.call(_e);
-        }
-        finally {
-          if (e_1)
-            throw e_1.error;
-        }
-      }
-    });
-    test.each([Status.HIDDEN, Status.DISABLED])('should go to next VISIBLE tab on keyboard event', async (status) => {
-      var _a, e_2, _b, _c, _d, e_3, _e, _f;
-      const page = await getPage({ label: 'Sample label', items: [{ label: 'Batman' }, { label: 'Joker' }, { label: 'Bane', status }], identifier: 'id' }, createSlots(3));
-      const activeTabChangeSpy = jest.spyOn(page.rootInstance.activeTabChange, 'emit');
-      expect(page.root).toMatchSnapshot();
-      const element = page.doc.querySelector('mg-tabs');
-      const buttons = Array.from(element.shadowRoot.querySelectorAll('button'));
-      buttons.forEach(button => {
-        button.focus = jest.fn();
-      });
-      let activeTab = element.shadowRoot.querySelector('.mg-c-tabs__navigation-button--active');
-      activeTab.dispatchEvent(new CustomEvent('focus', { bubbles: true }));
-      await page.waitForChanges();
-      expect(page.root).toMatchSnapshot();
-      await page.waitForChanges();
-      try {
-        for (var _g = true, _h = __asyncValues([
-          [
-            { key: key.next, from: 0, to: 1 },
-            { key: key.next, from: 1, to: 2 },
-          ],
-          [{ key: key.prev, from: 0, to: 2 }],
-        ]), _j; _j = await _h.next(), _a = _j.done, !_a; _g = true) {
-          _c = _j.value;
-          _g = false;
-          const actions = _c;
-          try {
-            for (var _k = true, actions_1 = (e_3 = void 0, __asyncValues(actions)), actions_1_1; actions_1_1 = await actions_1.next(), _d = actions_1_1.done, !_d; _k = true) {
-              _f = actions_1_1.value;
-              _k = false;
-              const action = _f;
-              element.shadowRoot.querySelector(`[data-index="${action.from + 1}"]`).dispatchEvent(new KeyboardEvent('keydown', { key: action.key }));
-              await page.waitForChanges();
-              expect(page.root).toMatchSnapshot();
-              activeTab = element.shadowRoot.querySelector('.mg-c-tabs__navigation-button--active');
-              expect(activeTab).toHaveProperty('id', 'id-1');
-              if (action.to === 2) {
-                const button = buttons[action.key === key.next ? action.from - 1 : action.from + 1];
-                if (status === Status.HIDDEN) {
-                  expect(buttons[action.to].focus).not.toHaveBeenCalled();
-                  expect(button.focus).toHaveBeenCalledTimes(action.key === key.next ? 1 : 2);
-                }
-                else {
-                  expect(buttons[action.to].focus).toHaveBeenCalledTimes(action.key === key.next ? 1 : 2);
-                  if (action.key === key.next) {
-                    expect(button.focus).not.toHaveBeenCalled();
-                  }
-                  else {
-                    expect(button.focus).toHaveBeenCalledTimes(1);
-                  }
-                }
-              }
-              else {
-                expect(buttons[action.to].focus).toHaveBeenCalledTimes(1);
-              }
-              expect(activeTabChangeSpy).not.toHaveBeenCalled();
-            }
-          }
-          catch (e_3_1) {
-            e_3 = { error: e_3_1 };
-          }
-          finally {
-            try {
-              if (!_k && !_d && (_e = actions_1.return))
-                await _e.call(actions_1);
-            }
-            finally {
-              if (e_3)
-                throw e_3.error;
-            }
-          }
-        }
-      }
-      catch (e_2_1) {
-        e_2 = { error: e_2_1 };
-      }
-      finally {
-        try {
-          if (!_g && !_a && (_b = _h.return))
-            await _b.call(_h);
-        }
-        finally {
-          if (e_2)
-            throw e_2.error;
-        }
-      }
-    });
-    test('should manage Tab key', async () => {
-      const page = await getPage({ label: 'Sample label', items: ['batman', 'joker'], identifier: 'id' }, createSlots());
-      expect(page.root).toMatchSnapshot();
-      const element = page.doc.querySelector('mg-tabs');
-      const spys = Array.from(element.shadowRoot.querySelectorAll('button')).map(button => jest.spyOn(button, 'setAttribute'));
-      const activeTab = element.shadowRoot.querySelector('.mg-c-tabs__navigation-button--active');
-      activeTab.dispatchEvent(new CustomEvent('focus', { bubbles: true }));
-      await page.waitForChanges();
-      expect(page.root).toMatchSnapshot();
-      activeTab.dispatchEvent(new KeyboardEvent('keydown', { key: key.next }));
-      await page.waitForChanges();
-      activeTab.dispatchEvent(new KeyboardEvent('keydown', { key: 'Tab' }));
-      await page.waitForChanges();
-      jest.runOnlyPendingTimers();
-      expect(spys[0]).toHaveBeenCalledTimes(2);
-      expect(spys[0]).toHaveBeenLastCalledWith('tabindex', '0');
-      expect(spys[1]).toHaveBeenCalledTimes(2);
-      expect(spys[1]).toHaveBeenLastCalledWith('tabindex', '-1');
-      expect(page.root).toMatchSnapshot();
-    });
-    test('should manage mixed navigation', async () => {
-      const page = await getPage({ label: 'Sample label', items: ['batman', 'joker'], identifier: 'id' }, createSlots());
-      expect(page.root).toMatchSnapshot();
-      const element = page.doc.querySelector('mg-tabs');
-      const spys = Array.from(element.shadowRoot.querySelectorAll('button')).map(button => jest.spyOn(button, 'setAttribute'));
-      const activeTab = element.shadowRoot.querySelector('.mg-c-tabs__navigation-button--active');
-      activeTab.dispatchEvent(new CustomEvent('focus', { bubbles: true }));
-      await page.waitForChanges();
-      expect(page.root).toMatchSnapshot();
-      activeTab.dispatchEvent(new KeyboardEvent('keydown', { key: key.next }));
-      await page.waitForChanges();
-      document.dispatchEvent(new MouseEvent('click', { bubbles: true }));
-      await page.waitForChanges();
-      jest.runOnlyPendingTimers();
-      expect(spys[0]).toHaveBeenCalledTimes(2);
-      expect(spys[0]).toHaveBeenLastCalledWith('tabindex', '0');
-      expect(spys[1]).toHaveBeenCalledTimes(2);
-      expect(spys[1]).toHaveBeenLastCalledWith('tabindex', '-1');
-      expect(page.root).toMatchSnapshot();
-    });
-  });
-});
-//# sourceMappingURL=mg-tabs.spec.js.map

package/dist/collection/components/molecules/mg-tabs/test/mg-tabs.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mg-tabs.spec.js","sourceRoot":"","sources":["../../../../../src/components/molecules/mg-tabs/test/mg-tabs.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport { newSpecPage } from '@stencil/core/testing';\nimport { MgTabs } from '../mg-tabs';\nimport { sizes, Status } from '../mg-tabs.conf';\n\nconst getPage = (args, slots?) =>\n  newSpecPage({\n    components: [MgTabs],\n    template: () => <mg-tabs {...args}>{slots && slots.map(content => content && content())}</mg-tabs>,\n  });\n\nconst createSlots = (slotNumber = 2) => {\n  const slots = [];\n  for (let i = 1; slotNumber > slots.length; i++) {\n    slots.push(() => <div slot={`tab_content-${i}`}>{`Content ${i}`}</div>);\n  }\n  return slots;\n};\n\nconst badge = { value: 2, label: 'messages' };\n\nconst key = { next: 'ArrowRight', prev: 'ArrowLeft' };\n\ndescribe('mg-tabs', () => {\n  describe.each(sizes)('template', size => {\n    test.each([\n      [['Batman', 'Joker', 'Bane']],\n      [\n        [\n          { label: 'Batman', icon: 'check', badge },\n          { label: 'Joker', icon: 'cross', badge: { ...badge, role: 'information' }, status: Status.DISABLED },\n          { label: 'Bane', icon: 'trash', badge, status: Status.HIDDEN },\n        ],\n      ],\n    ])('render', async items => {\n      const { root } = await getPage({ label: 'Sample label', items, identifier: 'identifier', size }, createSlots(3));\n      expect(root).toMatchSnapshot();\n    });\n\n    test('display only slots with name \"tab_content-*\"', async () => {\n      const { root } = await getPage({ label: 'Sample label', items: ['Batman', 'Joker'], identifier: 'identifier' }, [...createSlots(), () => <div>dummy content</div>]);\n      expect(root).toMatchSnapshot();\n    });\n\n    test.each([\n      {\n        items: ['Tab 1', 'Tab 2', 'Tab 3'],\n        activeTab: 2,\n      },\n      {\n        items: [{ label: 'Batman' }, { label: 'Joker', status: Status.ACTIVE }, { label: 'Bane' }],\n      },\n      {\n        items: [{ label: 'Batman' }, { label: 'Joker' }, { label: 'Bane' }],\n        activeTab: 2,\n      },\n      {\n        items: [{ label: 'Batman' }, { label: 'Joker', status: Status.ACTIVE }, { label: 'Bane' }],\n        activeTab: 2,\n      },\n      {\n        items: [{ label: 'Batman' }, { label: 'Joker', status: Status.ACTIVE }, { label: 'Bane' }],\n        activeTab: 3,\n      },\n    ])(`display ${size} tabs with activeProps set by props`, async props => {\n      const { root } = await getPage({ label: 'Sample label', identifier: 'identifier', ...props }, createSlots(3));\n      expect(root).toMatchSnapshot();\n    });\n  });\n\n  describe('errors', () => {\n    test.each(['', ' ', undefined])('Should throw error with invalid label property: %s', async label => {\n      expect.assertions(1);\n      try {\n        await getPage({ label, items: ['Batman', 'Joker'] }, createSlots());\n      } catch (err) {\n        expect(err.message).toMatch('<mg-tabs> prop \"label\" is required.');\n      }\n    });\n\n    test.each([\n      [undefined, 'batman'],\n      [['batman', { batman: 'batman' }]],\n      [[true, false]],\n      [[1, 2, 3]],\n      [[true, 1, 'batman']],\n      [[{ label: 'batman', icon: 'batman' }, { batman: 'batman' }]],\n      [[{ label: undefined, icon: 'batman' }, { label: 'batman' }]],\n    ])('Should throw error with invalid items property', async items => {\n      expect.assertions(1);\n      try {\n        await getPage({ label: 'Sample label', items }, createSlots());\n      } catch (err) {\n        expect(err.message).toMatch('<mg-tabs> prop \"items\" is required and all items must be the same type: TabItem.');\n      }\n    });\n\n    test.each([[[]], [createSlots(1)], [[undefined, createSlots(2)[1]], [createSlots(3)]]])('should trown an error with invalid slots', async slots => {\n      expect.assertions(1);\n      try {\n        await getPage({ label: 'Sample label', items: ['Tab 1', 'Tab 2'] }, slots);\n      } catch (err) {\n        expect(err.message).toMatch('<mg-tabs> Must have slots counts equal to tabs count.');\n      }\n    });\n\n    test.each([0, 3, null, { test: 'fail' }, 'string'])('should trown an error with invalid range for \"activeTab\" props', async activeTab => {\n      expect.assertions(1);\n      try {\n        await getPage({ label: 'Sample label', items: ['Tab 1', 'Tab 2'], activeTab }, createSlots());\n      } catch (err) {\n        expect(err.message).toMatch(`<mg-tabs> prop \"activeTab\" must be a number between 1 and 2 and new value must be \"activable\".`);\n      }\n    });\n\n    test('should trown an error with invalid tabItem props', async () => {\n      expect.assertions(1);\n      try {\n        await getPage({ label: 'Sample label', items: ['Tab 1', 'Tab 2'], size: 'batman' }, createSlots());\n      } catch (err) {\n        expect(err.message).toMatch(`<mg-tabs> prop \"size\" must be one of: ${sizes.join(', ')}`);\n      }\n    });\n  });\n\n  describe('navigation', () => {\n    test.each([[['batman', 'joker']], [[{ label: 'Batman' }, { label: 'Joker' }]]])('should go to next tab on click event', async items => {\n      const page = await getPage({ label: 'Sample label', items, identifier: 'id' }, createSlots());\n      expect(page.root).toMatchSnapshot();\n\n      const element = page.doc.querySelector('mg-tabs');\n      let activeTab = element.shadowRoot.querySelector('.mg-c-tabs__navigation-button--active');\n      expect(activeTab).toHaveProperty('id', 'id-1');\n\n      jest.spyOn(page.rootInstance.activeTabChange, 'emit');\n\n      const nextTab = element.shadowRoot.getElementById('id-2');\n      nextTab.dispatchEvent(new MouseEvent('click', { bubbles: true }));\n      await page.waitForChanges();\n\n      expect(page.rootInstance.activeTabChange.emit).toHaveBeenCalledWith(2);\n      expect(page.root).toMatchSnapshot();\n\n      activeTab = element.shadowRoot.querySelector('.mg-c-tabs__navigation-button--active');\n      expect(activeTab).toHaveProperty('id', 'id-2');\n    });\n\n    test.each([Status.HIDDEN, Status.DISABLED])('should prevent click on tab with status %s', async status => {\n      const page = await getPage({ label: 'Sample label', items: [{ label: 'Batman' }, { label: 'Joker', status }], identifier: 'id' }, createSlots());\n      expect(page.root).toMatchSnapshot();\n\n      const element = page.doc.querySelector('mg-tabs');\n      let activeTab = element.shadowRoot.querySelector('.mg-c-tabs__navigation-button--active');\n      expect(activeTab).toHaveProperty('id', 'id-1');\n\n      jest.spyOn(page.rootInstance.activeTabChange, 'emit');\n\n      const nextTab = element.shadowRoot.getElementById('id-2');\n      nextTab.dispatchEvent(new MouseEvent('click', { bubbles: true }));\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n      expect(page.rootInstance.activeTabChange.emit).not.toHaveBeenCalled();\n\n      activeTab = element.shadowRoot.querySelector('.mg-c-tabs__navigation-button--active');\n      expect(activeTab).toHaveProperty('id', 'id-1');\n    });\n\n    test('should go to next tab on keyboard event', async () => {\n      const page = await getPage({ label: 'Sample label', items: ['batman', 'joker'], identifier: 'id' }, createSlots());\n      const activeTabChangeSpy = jest.spyOn(page.rootInstance.activeTabChange, 'emit');\n      expect(page.root).toMatchSnapshot();\n\n      const element = page.doc.querySelector('mg-tabs');\n      const buttons = Array.from(element.shadowRoot.querySelectorAll('button'));\n      buttons.forEach(button => {\n        button.focus = jest.fn();\n      });\n\n      let activeTab: HTMLElement = element.shadowRoot.querySelector('.mg-c-tabs__navigation-button--active');\n      activeTab.dispatchEvent(new CustomEvent('focus', { bubbles: true }));\n\n      await page.waitForChanges();\n      expect(page.root).toMatchSnapshot();\n\n      for await (const action of [\n        { key: key.next, from: 0, to: 1 },\n        { key: key.next, from: 1, to: 0 },\n        { key: key.prev, from: 0, to: 1 },\n        { key: key.prev, from: 1, to: 0 },\n      ]) {\n        element.shadowRoot.querySelector(`[data-index=\"${action.from + 1}\"]`).dispatchEvent(new KeyboardEvent('keydown', { key: action.key }));\n        await page.waitForChanges();\n\n        expect(page.root).toMatchSnapshot();\n\n        activeTab = element.shadowRoot.querySelector('.mg-c-tabs__navigation-button--active');\n        expect(activeTab).toHaveProperty('id', 'id-1');\n        expect(buttons[action.to].focus).toHaveBeenCalledTimes(action.key === key.next ? 1 : 2);\n        expect(activeTabChangeSpy).not.toHaveBeenCalled();\n      }\n    });\n\n    test.each([Status.HIDDEN, Status.DISABLED])('should go to next VISIBLE tab on keyboard event', async status => {\n      const page = await getPage({ label: 'Sample label', items: [{ label: 'Batman' }, { label: 'Joker' }, { label: 'Bane', status }], identifier: 'id' }, createSlots(3));\n      const activeTabChangeSpy = jest.spyOn(page.rootInstance.activeTabChange, 'emit');\n      expect(page.root).toMatchSnapshot();\n\n      const element = page.doc.querySelector('mg-tabs');\n      const buttons = Array.from(element.shadowRoot.querySelectorAll('button'));\n      buttons.forEach(button => {\n        button.focus = jest.fn();\n      });\n\n      let activeTab: HTMLElement = element.shadowRoot.querySelector('.mg-c-tabs__navigation-button--active');\n\n      activeTab.dispatchEvent(new CustomEvent('focus', { bubbles: true }));\n      await page.waitForChanges();\n      expect(page.root).toMatchSnapshot();\n\n      await page.waitForChanges();\n\n      for await (const actions of [\n        [\n          { key: key.next, from: 0, to: 1 },\n          { key: key.next, from: 1, to: 2 },\n        ],\n        [{ key: key.prev, from: 0, to: 2 }],\n      ]) {\n        for await (const action of actions) {\n          element.shadowRoot.querySelector(`[data-index=\"${action.from + 1}\"]`).dispatchEvent(new KeyboardEvent('keydown', { key: action.key }));\n          await page.waitForChanges();\n\n          expect(page.root).toMatchSnapshot();\n\n          activeTab = element.shadowRoot.querySelector('.mg-c-tabs__navigation-button--active');\n          expect(activeTab).toHaveProperty('id', 'id-1');\n          if (action.to === 2) {\n            const button = buttons[action.key === key.next ? action.from - 1 : action.from + 1];\n            if (status === Status.HIDDEN) {\n              expect(buttons[action.to].focus).not.toHaveBeenCalled();\n              expect(button.focus).toHaveBeenCalledTimes(action.key === key.next ? 1 : 2);\n            } else {\n              expect(buttons[action.to].focus).toHaveBeenCalledTimes(action.key === key.next ? 1 : 2);\n              if (action.key === key.next) {\n                expect(button.focus).not.toHaveBeenCalled();\n              } else {\n                expect(button.focus).toHaveBeenCalledTimes(1);\n              }\n            }\n          } else {\n            expect(buttons[action.to].focus).toHaveBeenCalledTimes(1);\n          }\n          expect(activeTabChangeSpy).not.toHaveBeenCalled();\n        }\n      }\n    });\n\n    test('should manage Tab key', async () => {\n      const page = await getPage({ label: 'Sample label', items: ['batman', 'joker'], identifier: 'id' }, createSlots());\n      expect(page.root).toMatchSnapshot();\n\n      const element = page.doc.querySelector('mg-tabs');\n      const spys = Array.from(element.shadowRoot.querySelectorAll('button')).map(button => jest.spyOn(button, 'setAttribute'));\n\n      const activeTab: HTMLElement = element.shadowRoot.querySelector('.mg-c-tabs__navigation-button--active');\n\n      activeTab.dispatchEvent(new CustomEvent('focus', { bubbles: true }));\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n\n      activeTab.dispatchEvent(new KeyboardEvent('keydown', { key: key.next }));\n      await page.waitForChanges();\n\n      activeTab.dispatchEvent(new KeyboardEvent('keydown', { key: 'Tab' }));\n      await page.waitForChanges();\n      jest.runOnlyPendingTimers();\n\n      expect(spys[0]).toHaveBeenCalledTimes(2);\n      expect(spys[0]).toHaveBeenLastCalledWith('tabindex', '0');\n      expect(spys[1]).toHaveBeenCalledTimes(2);\n      expect(spys[1]).toHaveBeenLastCalledWith('tabindex', '-1');\n\n      expect(page.root).toMatchSnapshot();\n    });\n\n    test('should manage mixed navigation', async () => {\n      const page = await getPage({ label: 'Sample label', items: ['batman', 'joker'], identifier: 'id' }, createSlots());\n      expect(page.root).toMatchSnapshot();\n\n      const element = page.doc.querySelector('mg-tabs');\n      const spys = Array.from(element.shadowRoot.querySelectorAll('button')).map(button => jest.spyOn(button, 'setAttribute'));\n\n      const activeTab: HTMLElement = element.shadowRoot.querySelector('.mg-c-tabs__navigation-button--active');\n\n      activeTab.dispatchEvent(new CustomEvent('focus', { bubbles: true }));\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n\n      activeTab.dispatchEvent(new KeyboardEvent('keydown', { key: key.next }));\n      await page.waitForChanges();\n\n      document.dispatchEvent(new MouseEvent('click', { bubbles: true }));\n      await page.waitForChanges();\n      jest.runOnlyPendingTimers();\n\n      expect(spys[0]).toHaveBeenCalledTimes(2);\n      expect(spys[0]).toHaveBeenLastCalledWith('tabindex', '0');\n      expect(spys[1]).toHaveBeenCalledTimes(2);\n      expect(spys[1]).toHaveBeenLastCalledWith('tabindex', '-1');\n\n      expect(page.root).toMatchSnapshot();\n    });\n  });\n});\n"]}