@mgdis/mg-components 5.19.3 → 5.20.0

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

@@ -1,239 +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 { renderAttributes } from "../../../../../utils/e2e.test.utils";
-import { setPageContent, expect, describe, describeEach, testEach, test, updateScreenshotClass } from "../../../../../utils/playwright.e2e.test.utils";
-import { Direction, sizes } from "../mg-menu.conf";
-var Position;
-(function (Position) {
-  Position["PRESS"] = "press";
-  Position["DOWN"] = "down";
-})(Position || (Position = {}));
-var Key;
-(function (Key) {
-  Key["TAB"] = "Tab";
-  Key["SHIFT"] = "Shift";
-  Key["ENTER"] = "Enter";
-})(Key || (Key = {}));
-const TIMEOUT = 1000;
-const getSubMenuSize = (size) => {
-  if (size === 'large')
-    return 'medium';
-  else if (size === 'medium')
-    return 'regular';
-  else
-    return 'regular';
-};
-const numberToPx = (value) => `${value}px`;
-const getFrameSize = (direction, size) => direction === Direction.VERTICAL
-  ? { width: 400, height: ['medium', 'large'].includes(size) ? 400 : 250 }
-  : { width: ['medium', 'large'].includes(size) ? 1200 : 800, height: 200 };
-const createHTML = (args, containerSize) => `
-  <header class="menu-container menu-container--${containerSize}">
-    <mg-menu ${renderAttributes(Object.assign({ label: 'menu' }, args))}>
-      <mg-menu-item status="active">
-        <span slot="label">1 - head-1</span>
-        <mg-menu ${renderAttributes({ label: 'sub-menu 1', direction: Direction.VERTICAL, size: getSubMenuSize(args === null || args === void 0 ? void 0 : args.size) })}>
-          <mg-menu-item><span slot="label">Batman begins</span></mg-menu-item>
-        </mg-menu>
-      </mg-menu-item>
-      <mg-menu-item status="disabled"><span slot="label">1 - head-2 long</span></mg-menu-item>
-      <mg-menu-item href="#link">
-        <span slot="label">1 - head-3 very long</span>
-        <mg-icon icon='user' slot='image'></mg-icon>
-      </mg-menu-item>
-      <mg-menu-item>
-        <span slot="label">1 - head-4</span>
-        <mg-icon icon='user' slot='image'></mg-icon>
-        ${(args === null || args === void 0 ? void 0 : args.badge) ? "<mg-badge value='2' label='hello' slot='information'></mg-badge>" : ''}  
-      </mg-menu-item>
-      <mg-menu-item>
-        <span slot="label">1 - head-5</span>
-        <mg-icon icon='user' slot='image'></mg-icon>
-        ${(args === null || args === void 0 ? void 0 : args.badge) ? "<mg-badge value='2' label='hello' slot='information'></mg-badge>" : ''} 
-        <mg-menu ${renderAttributes({ label: 'sub-menu 2', direction: Direction.VERTICAL, size: getSubMenuSize(args === null || args === void 0 ? void 0 : args.size) })}>
-          <mg-menu-item><span slot="label">Batman begins with a longer title to go outide screen</span></mg-menu-item>
-        </mg-menu>
-      </mg-menu-item>
-    </mg-menu>
-  </header>
-  <style>
-    .menu-container.menu-container--vertical-small {
-      width: 180px;
-    }
-  </style>
-  `;
-describe('mg-menu', () => {
-  describeEach([Direction.HORIZONTAL, Direction.VERTICAL])('direction %s', (direction) => {
-    testEach(sizes)(`should renders, case direction ${direction} size %s with large screen`, async (page, size) => {
-      await setPageContent(page, createHTML({ direction, size, badge: true }), getFrameSize(direction, size));
-      await updateScreenshotClass(page, { width: numberToPx(getFrameSize(direction, size).width) });
-      await page.locator('mg-menu.hydrated').first().waitFor({ timeout: TIMEOUT });
-      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-    });
-  });
-  describe('navigation horizontal', () => {
-    test(`should success mouse navigation, case direction ${Direction.HORIZONTAL}`, async ({ page }) => {
-      await setPageContent(page, createHTML({ direction: Direction.HORIZONTAL }), { width: 800, height: 80 });
-      await page.locator('mg-menu.hydrated').first().waitFor({ timeout: TIMEOUT });
-      const actions = [
-        { position: 0, expanded: 'true' },
-        { position: 5, expanded: 'true' },
-        { position: 0, expanded: 'true' },
-      ];
-      for (const { position, expanded } of actions) {
-        const item = await page.locator('mg-menu').first().locator('mg-menu-item').nth(position);
-        await item.click();
-        await page.locator('mg-popover-content[data-show]').waitFor({ timeout: TIMEOUT });
-        expect(await item.locator('button').first().getAttribute('aria-expanded')).toEqual(expanded);
-      }
-      // menu-item close
-      await page.$eval('body', elm => {
-        elm.dispatchEvent(new MouseEvent('click', { bubbles: true }));
-      });
-      await expect(page.locator('body')).toHaveScreenshot();
-    });
-    test(`should success keyboard navigation, case direction ${Direction.HORIZONTAL}`, async ({ page }) => {
-      var _a, e_1, _b, _c;
-      await setPageContent(page, createHTML({ direction: Direction.HORIZONTAL }), getFrameSize(Direction.HORIZONTAL));
-      await page.locator('mg-menu.hydrated').first().waitFor({ timeout: TIMEOUT });
-      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-      const actions = [
-        { position: Position.PRESS, key: Key.TAB, openeItem: null },
-        { position: Position.PRESS, key: Key.TAB, openeItem: null },
-        { position: Position.PRESS, key: Key.TAB, openeItem: null },
-        { position: Position.PRESS, key: Key.TAB, openeItem: null },
-        { position: Position.PRESS, key: Key.ENTER, openeItem: 5 },
-        { position: Position.PRESS, key: Key.TAB, openeItem: 5 },
-        { position: Position.PRESS, key: Key.SHIFT, openeItem: 5 },
-        { position: Position.PRESS, key: Key.ENTER, openeItem: null },
-        { position: Position.PRESS, key: Key.TAB, openeItem: null },
-      ];
-      try {
-        for (var _d = true, actions_1 = __asyncValues(actions), actions_1_1; actions_1_1 = await actions_1.next(), _a = actions_1_1.done, !_a; _d = true) {
-          _c = actions_1_1.value;
-          _d = false;
-          const action = _c;
-          if (action.key === Key.SHIFT) {
-            await page.keyboard.down(Key.SHIFT);
-            await page.keyboard.press(Key.TAB);
-            await page.keyboard.up(Key.SHIFT);
-          }
-          else {
-            await page.keyboard[action.position](action.key);
-          }
-          let item;
-          if (action.openeItem > 0) {
-            item = await page.locator('mg-menu').first().locator('mg-menu-item').nth(action.openeItem).locator('button[aria-expanded="true"]');
-            expect(await item.getAttribute('aria-expanded')).toEqual('true');
-          }
-          else {
-            item = await page.locator('mg-menu').first().locator('mg-menu-item').first().locator('button').first();
-            expect(await item.getAttribute('aria-expanded')).toEqual('false');
-          }
-        }
-      }
-      catch (e_1_1) {
-        e_1 = { error: e_1_1 };
-      }
-      finally {
-        try {
-          if (!_d && !_a && (_b = actions_1.return))
-            await _b.call(actions_1);
-        }
-        finally {
-          if (e_1)
-            throw e_1.error;
-        }
-      }
-    });
-  });
-  describe('navigation vertical', () => {
-    test(`should success mouse navigation, case direction ${Direction.VERTICAL}`, async ({ page }) => {
-      var _a, e_2, _b, _c;
-      await setPageContent(page, createHTML({ direction: Direction.VERTICAL }), getFrameSize(Direction.VERTICAL));
-      await page.locator('mg-menu.hydrated').first().waitFor({ timeout: TIMEOUT });
-      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-      const positions = [0, 4, 5, 0];
-      try {
-        for (var _d = true, positions_1 = __asyncValues(positions), positions_1_1; positions_1_1 = await positions_1.next(), _a = positions_1_1.done, !_a; _d = true) {
-          _c = positions_1_1.value;
-          _d = false;
-          const position = _c;
-          const item = await page.locator('mg-menu').first().locator('mg-menu-item').nth(position);
-          await item.click();
-          await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-        }
-      }
-      catch (e_2_1) {
-        e_2 = { error: e_2_1 };
-      }
-      finally {
-        try {
-          if (!_d && !_a && (_b = positions_1.return))
-            await _b.call(positions_1);
-        }
-        finally {
-          if (e_2)
-            throw e_2.error;
-        }
-      }
-      await page.$eval('body', elm => {
-        elm.dispatchEvent(new MouseEvent('click', { bubbles: true }));
-      });
-      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-    });
-    test(`should success keyboard navigation, case direction ${Direction.VERTICAL}`, async ({ page }) => {
-      var _a, e_3, _b, _c;
-      await setPageContent(page, createHTML({ direction: Direction.VERTICAL }), getFrameSize(Direction.VERTICAL));
-      await page.locator('mg-menu.hydrated').first().waitFor({ timeout: TIMEOUT });
-      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-      const actions = [
-        { position: Position.PRESS, key: Key.TAB },
-        { position: Position.PRESS, key: Key.TAB },
-        { position: Position.PRESS, key: Key.TAB },
-        { position: Position.PRESS, key: Key.TAB },
-        { position: Position.PRESS, key: Key.ENTER },
-        { position: Position.PRESS, key: Key.TAB },
-        { position: Position.PRESS, key: Key.SHIFT },
-        { position: Position.PRESS, key: Key.ENTER },
-        { position: Position.PRESS, key: Key.TAB },
-      ];
-      try {
-        for (var _d = true, actions_2 = __asyncValues(actions), actions_2_1; actions_2_1 = await actions_2.next(), _a = actions_2_1.done, !_a; _d = true) {
-          _c = actions_2_1.value;
-          _d = false;
-          const action = _c;
-          if (action.key === Key.SHIFT) {
-            await page.keyboard.down(Key.SHIFT);
-            await page.keyboard.press(Key.TAB);
-            await page.keyboard.up(Key.SHIFT);
-          }
-          else {
-            await page.keyboard[action.position](action.key);
-          }
-          await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-        }
-      }
-      catch (e_3_1) {
-        e_3 = { error: e_3_1 };
-      }
-      finally {
-        try {
-          if (!_d && !_a && (_b = actions_2.return))
-            await _b.call(actions_2);
-        }
-        finally {
-          if (e_3)
-            throw e_3.error;
-        }
-      }
-    });
-  });
-});
-//# sourceMappingURL=mg-menu.e2e.playwright.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"mg-menu.e2e.playwright.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/menu/mg-menu/test/mg-menu.e2e.playwright.ts"],"names":[],"mappings":"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","sourcesContent":["import { renderAttributes } from '../../../../../utils/e2e.test.utils';\nimport { setPageContent, expect, describe, describeEach, testEach, test, PageType, updateScreenshotClass } from '../../../../../utils/playwright.e2e.test.utils';\nimport { Direction, MenuSizeType, sizes } from '../mg-menu.conf';\n\nenum Position {\n  PRESS = 'press',\n  DOWN = 'down',\n}\n\nenum Key {\n  TAB = 'Tab',\n  SHIFT = 'Shift',\n  ENTER = 'Enter',\n}\n\nconst TIMEOUT = 1000;\n\nconst getSubMenuSize = (size: MenuSizeType): MenuSizeType => {\n  if (size === 'large') return 'medium';\n  else if (size === 'medium') return 'regular';\n  else return 'regular';\n};\n\nconst numberToPx = (value: number): string => `${value}px`;\n\nconst getFrameSize = (direction: Direction, size?: MenuSizeType): { width: number; height: number } =>\n  direction === Direction.VERTICAL\n    ? { width: 400, height: ['medium', 'large'].includes(size) ? 400 : 250 }\n    : { width: ['medium', 'large'].includes(size) ? 1200 : 800, height: 200 };\n\nconst createHTML = (args, containerSize?): string => `\n  <header class=\"menu-container menu-container--${containerSize}\">\n    <mg-menu ${renderAttributes({ label: 'menu', ...args })}>\n      <mg-menu-item status=\"active\">\n        <span slot=\"label\">1 - head-1</span>\n        <mg-menu ${renderAttributes({ label: 'sub-menu 1', direction: Direction.VERTICAL, size: getSubMenuSize(args?.size) })}>\n          <mg-menu-item><span slot=\"label\">Batman begins</span></mg-menu-item>\n        </mg-menu>\n      </mg-menu-item>\n      <mg-menu-item status=\"disabled\"><span slot=\"label\">1 - head-2 long</span></mg-menu-item>\n      <mg-menu-item href=\"#link\">\n        <span slot=\"label\">1 - head-3 very long</span>\n        <mg-icon icon='user' slot='image'></mg-icon>\n      </mg-menu-item>\n      <mg-menu-item>\n        <span slot=\"label\">1 - head-4</span>\n        <mg-icon icon='user' slot='image'></mg-icon>\n        ${args?.badge ? \"<mg-badge value='2' label='hello' slot='information'></mg-badge>\" : ''}  \n      </mg-menu-item>\n      <mg-menu-item>\n        <span slot=\"label\">1 - head-5</span>\n        <mg-icon icon='user' slot='image'></mg-icon>\n        ${args?.badge ? \"<mg-badge value='2' label='hello' slot='information'></mg-badge>\" : ''} \n        <mg-menu ${renderAttributes({ label: 'sub-menu 2', direction: Direction.VERTICAL, size: getSubMenuSize(args?.size) })}>\n          <mg-menu-item><span slot=\"label\">Batman begins with a longer title to go outide screen</span></mg-menu-item>\n        </mg-menu>\n      </mg-menu-item>\n    </mg-menu>\n  </header>\n  <style>\n    .menu-container.menu-container--vertical-small {\n      width: 180px;\n    }\n  </style>\n  `;\n\ndescribe('mg-menu', () => {\n  describeEach([Direction.HORIZONTAL, Direction.VERTICAL])('direction %s', (direction: Direction) => {\n    testEach(sizes)(`should renders, case direction ${direction} size %s with large screen`, async (page: PageType, size: MenuSizeType) => {\n      await setPageContent(page, createHTML({ direction, size, badge: true }), getFrameSize(direction, size));\n\n      await updateScreenshotClass(page, { width: numberToPx(getFrameSize(direction, size).width) });\n\n      await page.locator('mg-menu.hydrated').first().waitFor({ timeout: TIMEOUT });\n\n      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();\n    });\n  });\n\n  describe('navigation horizontal', () => {\n    test(`should success mouse navigation, case direction ${Direction.HORIZONTAL}`, async ({ page }) => {\n      await setPageContent(page, createHTML({ direction: Direction.HORIZONTAL }), { width: 800, height: 80 });\n      await page.locator('mg-menu.hydrated').first().waitFor({ timeout: TIMEOUT });\n      const actions = [\n        { position: 0, expanded: 'true' },\n        { position: 5, expanded: 'true' },\n        { position: 0, expanded: 'true' },\n      ];\n      for (const { position, expanded } of actions) {\n        const item = await page.locator('mg-menu').first().locator('mg-menu-item').nth(position);\n        await item.click();\n        await page.locator('mg-popover-content[data-show]').waitFor({ timeout: TIMEOUT });\n        expect(await item.locator('button').first().getAttribute('aria-expanded')).toEqual(expanded);\n      }\n      // menu-item close\n      await page.$eval('body', elm => {\n        elm.dispatchEvent(new MouseEvent('click', { bubbles: true }));\n      });\n      await expect(page.locator('body')).toHaveScreenshot();\n    });\n    test(`should success keyboard navigation, case direction ${Direction.HORIZONTAL}`, async ({ page }) => {\n      await setPageContent(page, createHTML({ direction: Direction.HORIZONTAL }), getFrameSize(Direction.HORIZONTAL));\n      await page.locator('mg-menu.hydrated').first().waitFor({ timeout: TIMEOUT });\n      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();\n      const actions = [\n        { position: Position.PRESS, key: Key.TAB, openeItem: null },\n        { position: Position.PRESS, key: Key.TAB, openeItem: null },\n        { position: Position.PRESS, key: Key.TAB, openeItem: null },\n        { position: Position.PRESS, key: Key.TAB, openeItem: null },\n        { position: Position.PRESS, key: Key.ENTER, openeItem: 5 },\n        { position: Position.PRESS, key: Key.TAB, openeItem: 5 },\n        { position: Position.PRESS, key: Key.SHIFT, openeItem: 5 },\n        { position: Position.PRESS, key: Key.ENTER, openeItem: null },\n        { position: Position.PRESS, key: Key.TAB, openeItem: null },\n      ];\n      for await (const action of actions) {\n        if (action.key === Key.SHIFT) {\n          await page.keyboard.down(Key.SHIFT);\n          await page.keyboard.press(Key.TAB);\n          await page.keyboard.up(Key.SHIFT);\n        } else {\n          await page.keyboard[action.position](action.key);\n        }\n        let item;\n        if (action.openeItem > 0) {\n          item = await page.locator('mg-menu').first().locator('mg-menu-item').nth(action.openeItem).locator('button[aria-expanded=\"true\"]');\n          expect(await item.getAttribute('aria-expanded')).toEqual('true');\n        } else {\n          item = await page.locator('mg-menu').first().locator('mg-menu-item').first().locator('button').first();\n          expect(await item.getAttribute('aria-expanded')).toEqual('false');\n        }\n      }\n    });\n  });\n\n  describe('navigation vertical', () => {\n    test(`should success mouse navigation, case direction ${Direction.VERTICAL}`, async ({ page }) => {\n      await setPageContent(page, createHTML({ direction: Direction.VERTICAL }), getFrameSize(Direction.VERTICAL));\n      await page.locator('mg-menu.hydrated').first().waitFor({ timeout: TIMEOUT });\n\n      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();\n\n      const positions = [0, 4, 5, 0];\n      for await (const position of positions) {\n        const item = await page.locator('mg-menu').first().locator('mg-menu-item').nth(position);\n        await item.click();\n        await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();\n      }\n\n      await page.$eval('body', elm => {\n        elm.dispatchEvent(new MouseEvent('click', { bubbles: true }));\n      });\n      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();\n    });\n\n    test(`should success keyboard navigation, case direction ${Direction.VERTICAL}`, async ({ page }) => {\n      await setPageContent(page, createHTML({ direction: Direction.VERTICAL }), getFrameSize(Direction.VERTICAL));\n      await page.locator('mg-menu.hydrated').first().waitFor({ timeout: TIMEOUT });\n      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();\n\n      const actions = [\n        { position: Position.PRESS, key: Key.TAB },\n        { position: Position.PRESS, key: Key.TAB },\n        { position: Position.PRESS, key: Key.TAB },\n        { position: Position.PRESS, key: Key.TAB },\n        { position: Position.PRESS, key: Key.ENTER },\n        { position: Position.PRESS, key: Key.TAB },\n        { position: Position.PRESS, key: Key.SHIFT },\n        { position: Position.PRESS, key: Key.ENTER },\n        { position: Position.PRESS, key: Key.TAB },\n      ];\n\n      for await (const action of actions) {\n        if (action.key === Key.SHIFT) {\n          await page.keyboard.down(Key.SHIFT);\n          await page.keyboard.press(Key.TAB);\n          await page.keyboard.up(Key.SHIFT);\n        } else {\n          await page.keyboard[action.position](action.key);\n        }\n        await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();\n      }\n    });\n  });\n});\n"]}

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

@@ -1,175 +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 { MgMenu } from "../mg-menu";
-import { Direction } from "../mg-menu.conf";
-import { MgMenuItem } from "../../mg-menu-item/mg-menu-item";
-import { MgPopover } from "../../../mg-popover/mg-popover";
-import { forcePopoverId, mockConsoleError, mockWindowFrames, setupMutationObserverMock, setupResizeObserverMock } from "../../../../../utils/unit.test.utils";
-import { MgItemMore } from "../../../mg-item-more/mg-item-more";
-import { MgPopoverContent } from "../../../mg-popover/mg-popover-content/mg-popover-content";
-mockConsoleError();
-mockWindowFrames();
-let id;
-/**
- * set id if param is true
- * @param hasId - true if need a generated id
- * @returns genereted id
- */
-const setId = (hasId) => (hasId ? `test-${id++}` : undefined);
-const getPage = async (args, options = { submenu: true, itemMore: false }) => {
-  const components = [MgMenu, MgMenuItem, MgPopover, MgPopoverContent];
-  if (!options.submenu && options.itemMore)
-    components.push(MgItemMore);
-  const page = await newSpecPage({
-    components,
-    template: () => (h("mg-menu", Object.assign({}, args), h("mg-menu-item", { id: setId(args.hasId), identifier: "identifier-1" }, h("span", { slot: "label" }, "batman"), options.submenu && (h("mg-menu", { label: "batman - submenu", direction: Direction.VERTICAL }, h("mg-menu-item", null, h("span", { slot: "label" }, "batman begins"), h("mg-menu", { label: "batman begins - submenu", direction: Direction.VERTICAL }, h("mg-menu-item", null, h("span", { slot: "label" }, "movie")))), h("mg-menu-item", null, h("span", { slot: "label" }, "joker: the dark knight")), h("mg-menu-item", null, h("span", { slot: "label" }, "bane: the dark knight rise"))))), h("mg-menu-item", { id: setId(args.hasId), identifier: "identifier-2" }, h("span", { slot: "label" }, "joker"), args.badge && h("mg-badge", { value: 1, label: "bad guy" }), h("div", null, h("h2", null, "This is a joker card"), h("p", null, "If you don't know the joker, you can watch the movie."))), h("mg-menu-item", { href: "#bane", id: setId(args.hasId), identifier: "identifier-3" }, h("span", { slot: "label" }, "bane")))),
-  });
-  jest.runOnlyPendingTimers();
-  await page.waitForChanges();
-  [page.doc, ...Array.from(page.doc.querySelectorAll('mg-menu')).map(el => el.shadowRoot)].forEach(el => Array.from(el.querySelectorAll('mg-menu-item')).forEach((item, index) => {
-    forcePopoverId(item, `mg-popover-test_${index}`);
-  }));
-  return page;
-};
-describe('mg-menu', () => {
-  let fireMo;
-  beforeEach(() => {
-    id = 1;
-    jest.useFakeTimers();
-    setupResizeObserverMock({
-      observe: function () {
-        return null;
-      },
-      disconnect: function () {
-        return null;
-      },
-    });
-    setupMutationObserverMock({
-      observe: function () {
-        fireMo = this.cb;
-      },
-      disconnect: () => null,
-      takeRecords: () => [],
-    });
-  });
-  afterEach(() => jest.clearAllTimers());
-  describe('render', () => {
-    test.each([{ label: 'batman menu' }, { label: 'batman menu', direction: 'horizontal' }, { label: 'batman menu', direction: 'vertical' }])('with args %s', async (args) => {
-      const { root } = await getPage(args);
-      expect(root).toMatchSnapshot();
-    });
-  });
-  describe('errors', () => {
-    const baseProps = { label: 'batman menu' };
-    test.each([
-      { props: { direction: 'horizontal' }, error: '<mg-menu> prop "label" is required.' },
-      { props: Object.assign(Object.assign({}, baseProps), { direction: 'test' }), error: '<mg-menu> prop "direction" must be one of: horizontal, vertical.' },
-      { props: Object.assign(Object.assign({}, baseProps), { direction: Direction.VERTICAL, itemmore: { icon: 'user' } }), error: '<mg-menu> prop "itemmore" must be paired with direction horizontal.' },
-      { props: Object.assign(Object.assign({}, baseProps), { size: 'batman' }), error: '<mg-menu> prop "size" must be one of: regular, medium, large.' },
-    ])('Should throw error when props are invalid, case %s', async ({ props, error }) => {
-      expect.assertions(1);
-      try {
-        await getPage(props);
-      }
-      catch (err) {
-        expect(err.message).toMatch(error);
-      }
-    });
-  });
-  describe.each(['horizontal', 'vertical'])('events', direction => {
-    test(`should manage outside click, case direction ${direction}`, async () => {
-      const page = await getPage({ label: 'batman menu', direction });
-      const firstItem = page.root.querySelector('[title="batman"]').closest('mg-menu-item');
-      expect(firstItem.expanded).toBe(false);
-      firstItem.shadowRoot.querySelector('button').dispatchEvent(new MouseEvent('click', { bubbles: true }));
-      await page.waitForChanges();
-      jest.runOnlyPendingTimers();
-      expect(firstItem.expanded).toBe(true);
-      document.dispatchEvent(new CustomEvent('click', { bubbles: true }));
-      await page.waitForChanges();
-      expect(firstItem.expanded).toBe(direction === 'vertical');
-    });
-    test.each(['click', 'focus'])(`should manage sibling menu-item expanded props in ${direction} menu, case %s event`, async (event) => {
-      const page = await getPage({ label: 'batman menu', direction });
-      // open batman item
-      const batmanItem = page.doc.querySelector('[title="batman"]').closest('mg-menu-item');
-      expect(batmanItem.expanded).toBe(false);
-      if (direction === 'horizontal') {
-        expect(batmanItem.shadowRoot.querySelector('mg-popover')).not.toBe(null);
-      }
-      batmanItem.shadowRoot.querySelector('button').dispatchEvent(new CustomEvent('click', { bubbles: true }));
-      await page.waitForChanges();
-      jest.runOnlyPendingTimers();
-      expect(batmanItem.expanded).toBe(true);
-      // open batman first child item
-      const batmanChildItem = page.doc.querySelector('[title="batman begins"]').closest('mg-menu-item');
-      batmanChildItem.shadowRoot.querySelector('button').dispatchEvent(new CustomEvent('click', { bubbles: true }));
-      await page.waitForChanges();
-      expect(batmanItem.expanded).toBe(true);
-      expect(batmanChildItem.expanded).toBe(true);
-      // open joker item must close batman first child item
-      const jokerItem = page.doc.querySelector('[title="joker"]').closest('mg-menu-item');
-      jokerItem.shadowRoot.querySelector('button').dispatchEvent(new CustomEvent(event, { bubbles: true }));
-      await page.waitForChanges();
-      expect(batmanItem.expanded).toBe(false);
-      expect(batmanChildItem.expanded).toBe(false);
-      expect(jokerItem.expanded).toBe(event === 'click');
-    });
-  });
-  describe.each([Direction.VERTICAL, Direction.HORIZONTAL])('MutationObserver %s', direction => {
-    test.each([{ label: 'batman menu', direction }])('with args %s', async (args) => {
-      var _a, e_1, _b, _c;
-      const page = await getPage(args);
-      const mutations = [[{ type: 'childList', removedNodes: [{ nodeName: 'MG-ITEM-MORE' }] }], [{ type: 'childList', removedNodes: [{ nodeName: 'MG-MENU-ITEM' }] }]];
-      try {
-        for (var _d = true, mutations_1 = __asyncValues(mutations), mutations_1_1; mutations_1_1 = await mutations_1.next(), _a = mutations_1_1.done, !_a; _d = true) {
-          _c = mutations_1_1.value;
-          _d = false;
-          const mutation = _c;
-          fireMo(mutation);
-          await page.waitForChanges();
-          expect(page.root).toMatchSnapshot();
-        }
-      }
-      catch (e_1_1) {
-        e_1 = { error: e_1_1 };
-      }
-      finally {
-        try {
-          if (!_d && !_a && (_b = mutations_1.return))
-            await _b.call(mutations_1);
-        }
-        finally {
-          if (e_1)
-            throw e_1.error;
-        }
-      }
-    });
-  });
-  describe('mg-item-more', () => {
-    test.each(['click', 'focus'])('should manage "mg-item-more" event %s', async (event) => {
-      const page = await getPage({ label: 'batman menu' }, { submenu: false, itemMore: true });
-      const mgItemMore = page.doc.querySelector('mg-item-more');
-      mgItemMore.dispatchEvent(new CustomEvent('item-loaded', { bubbles: true }));
-      await page.flushQueue();
-      await page.waitForChanges();
-      const moreMenuItem = mgItemMore.shadowRoot.querySelector('mg-menu-item');
-      forcePopoverId(moreMenuItem, `mg-popover-test_more-item`);
-      expect(page.root).toMatchSnapshot();
-      moreMenuItem.shadowRoot.querySelector('button').dispatchEvent(new CustomEvent(event, { bubbles: true }));
-      await page.flushQueue();
-      await page.waitForChanges();
-      expect(moreMenuItem.expanded).toBe(event === 'click');
-      expect(page.root).toMatchSnapshot();
-    });
-  });
-});
-//# sourceMappingURL=mg-menu.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"mg-menu.spec.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/menu/mg-menu/test/mg-menu.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport { newSpecPage } from '@stencil/core/testing';\nimport { MgMenu } from '../mg-menu';\nimport { Direction } from '../mg-menu.conf';\nimport { MgMenuItem } from '../../mg-menu-item/mg-menu-item';\nimport { MgPopover } from '../../../mg-popover/mg-popover';\nimport { forcePopoverId, mockConsoleError, mockWindowFrames, setupMutationObserverMock, setupResizeObserverMock } from '../../../../../utils/unit.test.utils';\nimport { MgItemMore } from '../../../mg-item-more/mg-item-more';\nimport { MgPopoverContent } from '../../../mg-popover/mg-popover-content/mg-popover-content';\n\nmockConsoleError();\nmockWindowFrames();\n\nlet id;\n/**\n * set id if param is true\n * @param hasId - true if need a generated id\n * @returns genereted id\n */\nconst setId = (hasId: boolean): string => (hasId ? `test-${id++}` : undefined);\n\nconst getPage = async (args, options = { submenu: true, itemMore: false }) => {\n  const components: unknown[] = [MgMenu, MgMenuItem, MgPopover, MgPopoverContent];\n  if (!options.submenu && options.itemMore) components.push(MgItemMore);\n  const page = await newSpecPage({\n    components,\n    template: () => (\n      <mg-menu {...args}>\n        <mg-menu-item id={setId(args.hasId)} identifier=\"identifier-1\">\n          <span slot=\"label\">batman</span>\n          {options.submenu && (\n            <mg-menu label=\"batman - submenu\" direction={Direction.VERTICAL}>\n              <mg-menu-item>\n                <span slot=\"label\">batman begins</span>\n                <mg-menu label=\"batman begins - submenu\" direction={Direction.VERTICAL}>\n                  <mg-menu-item>\n                    <span slot=\"label\">movie</span>\n                  </mg-menu-item>\n                </mg-menu>\n              </mg-menu-item>\n              <mg-menu-item>\n                <span slot=\"label\">joker: the dark knight</span>\n              </mg-menu-item>\n              <mg-menu-item>\n                <span slot=\"label\">bane: the dark knight rise</span>\n              </mg-menu-item>\n            </mg-menu>\n          )}\n        </mg-menu-item>\n        <mg-menu-item id={setId(args.hasId)} identifier=\"identifier-2\">\n          <span slot=\"label\">joker</span>\n          {args.badge && <mg-badge value={1} label=\"bad guy\"></mg-badge>}\n          <div>\n            <h2>This is a joker card</h2>\n            <p>If you don't know the joker, you can watch the movie.</p>\n          </div>\n        </mg-menu-item>\n        <mg-menu-item href=\"#bane\" id={setId(args.hasId)} identifier=\"identifier-3\">\n          <span slot=\"label\">bane</span>\n        </mg-menu-item>\n      </mg-menu>\n    ),\n  });\n\n  jest.runOnlyPendingTimers();\n  await page.waitForChanges();\n\n  [page.doc, ...Array.from(page.doc.querySelectorAll('mg-menu')).map(el => el.shadowRoot)].forEach(el =>\n    Array.from(el.querySelectorAll('mg-menu-item')).forEach((item, index) => {\n      forcePopoverId(item, `mg-popover-test_${index}`);\n    }),\n  );\n\n  return page;\n};\n\ndescribe('mg-menu', () => {\n  let fireMo;\n  beforeEach(() => {\n    id = 1;\n    jest.useFakeTimers();\n    setupResizeObserverMock({\n      observe: function () {\n        return null;\n      },\n      disconnect: function () {\n        return null;\n      },\n    });\n    setupMutationObserverMock({\n      observe: function () {\n        fireMo = this.cb;\n      },\n      disconnect: () => null,\n      takeRecords: () => [],\n    });\n  });\n\n  afterEach(() => jest.clearAllTimers());\n\n  describe('render', () => {\n    test.each([{ label: 'batman menu' }, { label: 'batman menu', direction: 'horizontal' }, { label: 'batman menu', direction: 'vertical' }])('with args %s', async args => {\n      const { root } = await getPage(args);\n\n      expect(root).toMatchSnapshot();\n    });\n  });\n\n  describe('errors', () => {\n    const baseProps = { label: 'batman menu' };\n    test.each([\n      { props: { direction: 'horizontal' }, error: '<mg-menu> prop \"label\" is required.' },\n      { props: { ...baseProps, direction: 'test' }, error: '<mg-menu> prop \"direction\" must be one of: horizontal, vertical.' },\n      { props: { ...baseProps, direction: Direction.VERTICAL, itemmore: { icon: 'user' } }, error: '<mg-menu> prop \"itemmore\" must be paired with direction horizontal.' },\n      { props: { ...baseProps, size: 'batman' }, error: '<mg-menu> prop \"size\" must be one of: regular, medium, large.' },\n    ])('Should throw error when props are invalid, case %s', async ({ props, error }) => {\n      expect.assertions(1);\n\n      try {\n        await getPage(props);\n      } catch (err) {\n        expect(err.message).toMatch(error);\n      }\n    });\n  });\n\n  describe.each(['horizontal', 'vertical'])('events', direction => {\n    test(`should manage outside click, case direction ${direction}`, async () => {\n      const page = await getPage({ label: 'batman menu', direction });\n\n      const firstItem: HTMLMgMenuItemElement = page.root.querySelector('[title=\"batman\"]').closest('mg-menu-item');\n      expect(firstItem.expanded).toBe(false);\n\n      firstItem.shadowRoot.querySelector('button').dispatchEvent(new MouseEvent('click', { bubbles: true }));\n      await page.waitForChanges();\n      jest.runOnlyPendingTimers();\n\n      expect(firstItem.expanded).toBe(true);\n\n      document.dispatchEvent(new CustomEvent('click', { bubbles: true }));\n      await page.waitForChanges();\n\n      expect(firstItem.expanded).toBe(direction === 'vertical');\n    });\n\n    test.each(['click', 'focus'])(`should manage sibling menu-item expanded props in ${direction} menu, case %s event`, async event => {\n      const page = await getPage({ label: 'batman menu', direction });\n      // open batman item\n      const batmanItem: HTMLMgMenuItemElement = page.doc.querySelector('[title=\"batman\"]').closest('mg-menu-item');\n      expect(batmanItem.expanded).toBe(false);\n      if (direction === 'horizontal') {\n        expect(batmanItem.shadowRoot.querySelector('mg-popover')).not.toBe(null);\n      }\n\n      batmanItem.shadowRoot.querySelector('button').dispatchEvent(new CustomEvent('click', { bubbles: true }));\n      await page.waitForChanges();\n      jest.runOnlyPendingTimers();\n\n      expect(batmanItem.expanded).toBe(true);\n\n      // open batman first child item\n      const batmanChildItem: HTMLMgMenuItemElement = page.doc.querySelector('[title=\"batman begins\"]').closest('mg-menu-item');\n\n      batmanChildItem.shadowRoot.querySelector('button').dispatchEvent(new CustomEvent('click', { bubbles: true }));\n      await page.waitForChanges();\n\n      expect(batmanItem.expanded).toBe(true);\n      expect(batmanChildItem.expanded).toBe(true);\n\n      // open joker item must close batman first child item\n      const jokerItem: HTMLMgMenuItemElement = page.doc.querySelector('[title=\"joker\"]').closest('mg-menu-item');\n\n      jokerItem.shadowRoot.querySelector('button').dispatchEvent(new CustomEvent(event, { bubbles: true }));\n      await page.waitForChanges();\n\n      expect(batmanItem.expanded).toBe(false);\n      expect(batmanChildItem.expanded).toBe(false);\n      expect(jokerItem.expanded).toBe(event === 'click');\n    });\n  });\n\n  describe.each([Direction.VERTICAL, Direction.HORIZONTAL])('MutationObserver %s', direction => {\n    test.each([{ label: 'batman menu', direction }])('with args %s', async args => {\n      const page = await getPage(args);\n\n      const mutations = [[{ type: 'childList', removedNodes: [{ nodeName: 'MG-ITEM-MORE' }] }], [{ type: 'childList', removedNodes: [{ nodeName: 'MG-MENU-ITEM' }] }]];\n\n      for await (const mutation of mutations) {\n        fireMo(mutation);\n\n        await page.waitForChanges();\n\n        expect(page.root).toMatchSnapshot();\n      }\n    });\n  });\n\n  describe('mg-item-more', () => {\n    test.each(['click', 'focus'])('should manage \"mg-item-more\" event %s', async event => {\n      const page = await getPage({ label: 'batman menu' }, { submenu: false, itemMore: true });\n\n      const mgItemMore = page.doc.querySelector('mg-item-more');\n      mgItemMore.dispatchEvent(new CustomEvent('item-loaded', { bubbles: true }));\n\n      await page.flushQueue();\n      await page.waitForChanges();\n\n      const moreMenuItem = mgItemMore.shadowRoot.querySelector('mg-menu-item');\n\n      forcePopoverId(moreMenuItem, `mg-popover-test_more-item`);\n      expect(page.root).toMatchSnapshot();\n\n      moreMenuItem.shadowRoot.querySelector('button').dispatchEvent(new CustomEvent(event, { bubbles: true }));\n\n      await page.flushQueue();\n      await page.waitForChanges();\n\n      expect(moreMenuItem.expanded).toBe(event === 'click');\n      expect(page.root).toMatchSnapshot();\n    });\n  });\n});\n"]}

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

@@ -1,100 +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 { renderAttributes } from "../../../../../utils/e2e.test.utils";
-import { Direction, sizes } from "../../mg-menu/mg-menu.conf";
-import { Status } from "../mg-menu-item.conf";
-import { describe, describeEach, expect, setPageContent, test, testEach } from "../../../../../utils/playwright.e2e.test.utils";
-const TIMEOUT = 1000;
-const slotContent = '<div><h3>Demo title</h3><p>some content</p></div>';
-const slotMenuItem = '<mg-menu label="submenu"><mg-menu-item><span slot="label">Batman begins</span></mg-menu-item></mg-menu>';
-const slotImage = '<mg-icon icon="user" slot="image"></mg-icon>';
-const slotInformation = '<mg-badge value="2" label="hello" slot="information"></mg-badge>';
-const slotMetadata = '<span slot="metadata">is a hero</span>';
-const createHTML = (args, slot = '', direction = Direction.HORIZONTAL) => `
-<mg-menu ${renderAttributes(Object.assign({ label: 'batmenu', direction }, args))}">
-  <mg-menu-item ${renderAttributes(args)}>
-    <span slot="label">${args.label ? args.label : 'batman'} ${args.href ? 'link' : ''}</span>
-    ${slot}
-  </mg-menu-item>
-</mg-menu>
-`;
-describe('mg-menu-item', () => {
-  describeEach([Direction.HORIZONTAL, Direction.VERTICAL])('render %s', (direction) => {
-    testEach([Status.ACTIVE, Status.VISIBLE, Status.HIDDEN, Status.DISABLED].flatMap(status => [undefined, '#link'].flatMap(href => [true, false].map(submenu => createHTML({ status, href }, submenu && slotMenuItem, direction)))))('should render with status %s', async (page, html) => {
-      await setPageContent(page, html, { width: 100, height: 38 });
-      if (!html.includes('status="hidden"')) {
-        await page.locator('mg-menu-item.hydrated').first().waitFor({ timeout: TIMEOUT });
-        await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-      }
-      else {
-        await expect(page.locator('body')).toHaveScreenshot();
-      }
-    });
-    testEach([
-      { label: 'submenu', slot: slotMenuItem },
-      { label: 'image', slot: slotImage },
-      { label: 'information', slot: slotInformation },
-      { label: 'information AND image', slot: slotInformation + slotImage },
-    ].flatMap(({ label, slot }) => [slotMenuItem, ''].flatMap(submenu => [slotMetadata, ''].map(metadata => createHTML({ label, size: metadata !== '' ? 'medium' : 'regular' }, [slot, metadata, submenu].join(''), direction)))))('should render with slots %s', async (page, html) => {
-      await setPageContent(page, html, { width: 130, height: 60 });
-      await page.locator('mg-menu-item.hydrated').first().waitFor({ timeout: TIMEOUT });
-      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-    });
-    testEach(sizes)(`should renders direction=${direction}, props size=%s`, async (page, size) => {
-      await setPageContent(page, createHTML({ size }, [slotInformation, slotImage, slotMenuItem].join(''), direction), { width: 130, height: 110 });
-      await page.locator('mg-menu-item.hydrated').first().waitFor({ timeout: TIMEOUT });
-      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-    });
-    testEach([true, false])(`should renders direction=${direction}, props expanded=%s`, async (page, expanded) => {
-      await setPageContent(page, createHTML({ expanded }, slotMenuItem, direction), { width: 130, height: 110 });
-      await page.locator('mg-menu-item.hydrated').first().waitFor({ timeout: TIMEOUT });
-      await expect(page.locator(expanded ? 'body' : '.e2e-screenshot')).toHaveScreenshot();
-    });
-    test('should render content slot', async ({ page }) => {
-      await setPageContent(page, createHTML({ expanded: true }, slotContent, direction), { width: 100, height: 150 });
-      await page.locator('mg-menu-item.hydrated').first().waitFor({ timeout: TIMEOUT });
-      await expect(page.locator('body')).toHaveScreenshot();
-    });
-    testEach([Status.ACTIVE, Status.VISIBLE, Status.HIDDEN, Status.DISABLED])('shoud manage keyboard navigation %s', async (page, status) => {
-      var _a, e_1, _b, _c;
-      await setPageContent(page, createHTML({ status }, slotMenuItem, direction), { width: 120, height: 200 });
-      if (status !== Status.HIDDEN) {
-        await page.locator('mg-menu-item.hydrated').first().waitFor({ timeout: TIMEOUT });
-        await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
-      }
-      else {
-        await expect(page.locator('body')).toHaveScreenshot();
-      }
-      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.press(key);
-          await page.waitForTimeout(200);
-          await expect(page.locator('body')).toHaveScreenshot();
-        }
-      }
-      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-menu-item.e2e.playwright.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"mg-menu-item.e2e.playwright.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/menu/mg-menu-item/test/mg-menu-item.e2e.playwright.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAY,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gDAAgD,CAAC;AAE1I,MAAM,OAAO,GAAG,IAAI,CAAC;AACrB,MAAM,WAAW,GAAG,mDAAmD,CAAC;AACxE,MAAM,YAAY,GAAG,yGAAyG,CAAC;AAC/H,MAAM,SAAS,GAAG,8CAA8C,CAAC;AACjE,MAAM,eAAe,GAAG,kEAAkE,CAAC;AAC3F,MAAM,YAAY,GAAG,wCAAwC,CAAC;AAE9D,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,SAAS,GAAG,SAAS,CAAC,UAAU,EAAE,EAAE,CAAC;WAC/D,gBAAgB,iBAAG,KAAK,EAAE,SAAS,EAAE,SAAS,IAAK,IAAI,EAAG;kBACnD,gBAAgB,CAAC,IAAI,CAAC;yBACf,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;MAChF,IAAI;;;CAGT,CAAC;AAEF,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;EAC5B,YAAY,CAAC,CAAC,SAAS,CAAC,UAAU,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,SAAoB,EAAE,EAAE;IAC7F,QAAQ,CACN,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAC/E,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,OAAO,IAAI,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC,CACrI,CACF,CAAC,8BAA8B,EAAE,KAAK,EAAE,IAAc,EAAE,IAAY,EAAE,EAAE;MACvE,MAAM,cAAc,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;MAE7D,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE;QACrC,MAAM,IAAI,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;QAClF,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC;OAClE;WAAM;QACL,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC;OACvD;IACH,CAAC,CAAC,CAAC;IAEH,QAAQ,CACN;MACE,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,YAAY,EAAE;MACxC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE;MACnC,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,eAAe,EAAE;MAC/C,EAAE,KAAK,EAAE,uBAAuB,EAAE,IAAI,EAAE,eAAe,GAAG,SAAS,EAAE;KACtE,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,CAC5B,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CACnC,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,KAAK,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC,CACvJ,CACF,CACF,CAAC,6BAA6B,EAAE,KAAK,EAAE,IAAc,EAAE,IAAY,EAAE,EAAE;MACtE,MAAM,cAAc,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;MAE7D,MAAM,IAAI,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;MAElF,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACnE,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,KAAK,CAAC,CAAC,4BAA4B,SAAS,iBAAiB,EAAE,KAAK,EAAE,IAAc,EAAE,IAAI,EAAE,EAAE;MACrG,MAAM,cAAc,CAAC,IAAI,EAAE,UAAU,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;MAE9I,MAAM,IAAI,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;MAElF,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACnE,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,4BAA4B,SAAS,qBAAqB,EAAE,KAAK,EAAE,IAAc,EAAE,QAAiB,EAAE,EAAE;MAC9H,MAAM,cAAc,CAAC,IAAI,EAAE,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE,YAAY,EAAE,SAAS,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;MAE3G,MAAM,IAAI,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;MAElF,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACvF,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,4BAA4B,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;MACpD,MAAM,cAAc,CAAC,IAAI,EAAE,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,SAAS,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;MAEhH,MAAM,IAAI,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;MAElF,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,qCAAqC,EAAE,KAAK,EAAE,IAAc,EAAE,MAAM,EAAE,EAAE;;MAChJ,MAAM,cAAc,CAAC,IAAI,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,EAAE,YAAY,EAAE,SAAS,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;MAEzG,IAAI,MAAM,KAAK,MAAM,CAAC,MAAM,EAAE;QAC5B,MAAM,IAAI,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;QAClF,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC;OAClE;WAAM;QACL,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC;OACvD;;QAED,KAAwB,eAAA,KAAA,cAAA,CAAC,KAAK,EAAE,OAAO,CAAC,CAAA,IAAA,sDAAE;UAAlB,cAAgB;UAAhB,WAAgB;UAA7B,MAAM,GAAG,KAAA,CAAA;UAClB,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;UAC/B,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;UAC/B,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC;SACvD;;;;;;;;;IACH,CAAC,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { renderAttributes } from '../../../../../utils/e2e.test.utils';\nimport { Direction, sizes } from '../../mg-menu/mg-menu.conf';\nimport { Status } from '../mg-menu-item.conf';\nimport { PageType, describe, describeEach, expect, setPageContent, test, testEach } from '../../../../../utils/playwright.e2e.test.utils';\n\nconst TIMEOUT = 1000;\nconst slotContent = '<div><h3>Demo title</h3><p>some content</p></div>';\nconst slotMenuItem = '<mg-menu label=\"submenu\"><mg-menu-item><span slot=\"label\">Batman begins</span></mg-menu-item></mg-menu>';\nconst slotImage = '<mg-icon icon=\"user\" slot=\"image\"></mg-icon>';\nconst slotInformation = '<mg-badge value=\"2\" label=\"hello\" slot=\"information\"></mg-badge>';\nconst slotMetadata = '<span slot=\"metadata\">is a hero</span>';\n\nconst createHTML = (args, slot = '', direction = Direction.HORIZONTAL) => `\n<mg-menu ${renderAttributes({ label: 'batmenu', direction, ...args })}\">\n  <mg-menu-item ${renderAttributes(args)}>\n    <span slot=\"label\">${args.label ? args.label : 'batman'} ${args.href ? 'link' : ''}</span>\n    ${slot}\n  </mg-menu-item>\n</mg-menu>\n`;\n\ndescribe('mg-menu-item', () => {\n  describeEach([Direction.HORIZONTAL, Direction.VERTICAL])('render %s', (direction: Direction) => {\n    testEach(\n      [Status.ACTIVE, Status.VISIBLE, Status.HIDDEN, Status.DISABLED].flatMap(status =>\n        [undefined, '#link'].flatMap(href => [true, false].map(submenu => createHTML({ status, href }, submenu && slotMenuItem, direction))),\n      ),\n    )('should render with status %s', async (page: PageType, html: string) => {\n      await setPageContent(page, html, { width: 100, height: 38 });\n\n      if (!html.includes('status=\"hidden\"')) {\n        await page.locator('mg-menu-item.hydrated').first().waitFor({ timeout: TIMEOUT });\n        await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();\n      } else {\n        await expect(page.locator('body')).toHaveScreenshot();\n      }\n    });\n\n    testEach(\n      [\n        { label: 'submenu', slot: slotMenuItem },\n        { label: 'image', slot: slotImage },\n        { label: 'information', slot: slotInformation },\n        { label: 'information AND image', slot: slotInformation + slotImage },\n      ].flatMap(({ label, slot }) =>\n        [slotMenuItem, ''].flatMap(submenu =>\n          [slotMetadata, ''].map(metadata => createHTML({ label, size: metadata !== '' ? 'medium' : 'regular' }, [slot, metadata, submenu].join(''), direction)),\n        ),\n      ),\n    )('should render with slots %s', async (page: PageType, html: string) => {\n      await setPageContent(page, html, { width: 130, height: 60 });\n\n      await page.locator('mg-menu-item.hydrated').first().waitFor({ timeout: TIMEOUT });\n\n      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();\n    });\n\n    testEach(sizes)(`should renders direction=${direction}, props size=%s`, async (page: PageType, size) => {\n      await setPageContent(page, createHTML({ size }, [slotInformation, slotImage, slotMenuItem].join(''), direction), { width: 130, height: 110 });\n\n      await page.locator('mg-menu-item.hydrated').first().waitFor({ timeout: TIMEOUT });\n\n      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();\n    });\n\n    testEach([true, false])(`should renders direction=${direction}, props expanded=%s`, async (page: PageType, expanded: boolean) => {\n      await setPageContent(page, createHTML({ expanded }, slotMenuItem, direction), { width: 130, height: 110 });\n\n      await page.locator('mg-menu-item.hydrated').first().waitFor({ timeout: TIMEOUT });\n\n      await expect(page.locator(expanded ? 'body' : '.e2e-screenshot')).toHaveScreenshot();\n    });\n\n    test('should render content slot', async ({ page }) => {\n      await setPageContent(page, createHTML({ expanded: true }, slotContent, direction), { width: 100, height: 150 });\n\n      await page.locator('mg-menu-item.hydrated').first().waitFor({ timeout: TIMEOUT });\n\n      await expect(page.locator('body')).toHaveScreenshot();\n    });\n\n    testEach([Status.ACTIVE, Status.VISIBLE, Status.HIDDEN, Status.DISABLED])('shoud manage keyboard navigation %s', async (page: PageType, status) => {\n      await setPageContent(page, createHTML({ status }, slotMenuItem, direction), { width: 120, height: 200 });\n\n      if (status !== Status.HIDDEN) {\n        await page.locator('mg-menu-item.hydrated').first().waitFor({ timeout: TIMEOUT });\n        await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();\n      } else {\n        await expect(page.locator('body')).toHaveScreenshot();\n      }\n\n      for await (const key of ['Tab', 'Enter']) {\n        await page.keyboard.press(key);\n        await page.waitForTimeout(200);\n        await expect(page.locator('body')).toHaveScreenshot();\n      }\n    });\n  });\n});\n"]}