@mgdis/mg-components 5.16.0 → 5.17.0

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

@@ -0,0 +1,295 @@
+import { h } from "@stencil/core";
+import { newSpecPage } from "@stencil/core/testing";
+import { MgBadge } from "../../../../atoms/mg-badge/mg-badge";
+import { MgIcon } from "../../../../atoms/mg-icon/mg-icon";
+import { MgMenuItem } from "../../mg-menu-item/mg-menu-item";
+import { MgMenu } from "../../mg-menu/mg-menu";
+import { Status } from "../mg-menu-item.conf";
+import { Direction } from "../../mg-menu/mg-menu.conf";
+import { MgPopover } from "../../../mg-popover/mg-popover";
+import { forcePopoverId, mockConsoleError, mockWindowFrames, setupMutationObserverMock, setupResizeObserverMock } from "../../../../../utils/unit.test.utils";
+import { MgPopoverContent } from "../../../mg-popover/mg-popover-content/mg-popover-content";
+mockConsoleError();
+mockWindowFrames();
+const menu = (args = { label: 'child-menu' }) => h("mg-menu", Object.assign({}, args), args.slots);
+const menuItem = (args, slot) => (h("mg-menu-item", Object.assign({}, args, { identifier: args.identifier === undefined ? 'identifier' : args.identifier, "data-overflow-more": args.overflow }), slot, args.label && h("span", { slot: "label" }, args.label), args.metadata && h("span", { slot: "metadata" }, "my metadata"), args.icon && h("mg-icon", { slot: "image", icon: "user" }), args.badge && h("mg-badge", { slot: "information", label: "badge label", value: "1" })));
+const childMenu = (args = { label: 'child menu item' }, slots) => menu({ label: 'child menu', slots: menuItem(args, slots), direction: args.direction });
+const templateDefault = (args, slots) => menu({ label: 'menu', slots: menuItem(args, slots) });
+const templateTwoMenuItems = (args, slots) => menu({ label: 'menu', slots: [menuItem(args, slots), menuItem({ label: 'item 2' })] });
+const getPage = async (template) => {
+  var _a;
+  const page = await newSpecPage({
+    components: [MgMenuItem, MgMenu, MgIcon, MgBadge, MgPopover, MgPopoverContent],
+    template: () => template,
+  });
+  if (Boolean((_a = page.rootInstance.itemLoaded) === null || _a === void 0 ? void 0 : _a.emit))
+    page.rootInstance.itemLoaded.emit = jest.fn();
+  jest.runAllTimers();
+  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-item', () => {
+  let fireMo = [];
+  beforeEach(() => {
+    fireMo = [];
+    jest.useFakeTimers();
+    setupMutationObserverMock({
+      observe: function () {
+        fireMo.push(this.cb);
+      },
+      disconnect: function () {
+        return null;
+      },
+      takeRecords: () => [],
+    });
+    setupResizeObserverMock({
+      observe: () => null,
+      disconnect: () => null,
+    });
+  });
+  afterEach(() => jest.clearAllTimers());
+  describe('render', () => {
+    test.each([
+      { label: 'Batman' },
+      { label: 'Batman', icon: true },
+      { label: 'Batman', badge: true },
+      { label: 'Batman', metadata: true },
+      { label: 'Batman', href: '#link' },
+      { label: 'Batman', overflow: true },
+    ])('with args %s', async (args) => {
+      const { root } = await getPage(templateDefault(args));
+      expect(root).toMatchSnapshot();
+    });
+    test.each([{ label: 'Batman' }, { label: 'Batman', icon: true }, { label: 'Batman', badge: true }, { label: 'Batman', metadata: true }, { label: 'Batman', href: '#link' }])('with size large, %s', async (args) => {
+      const { root } = await getPage(menu({ label: 'Batman', size: 'large', slots: menuItem(args) }));
+      expect(root).toMatchSnapshot();
+    });
+    test('with 2 menu-items, last items get style modifier', async () => {
+      const { root } = await getPage(templateTwoMenuItems({ label: 'Batman' }));
+      expect(root).toMatchSnapshot();
+    });
+    test.each([Status.ACTIVE, Status.DISABLED, Status.HIDDEN, Status.VISIBLE])('with status %s', async (status) => {
+      const page = await getPage(templateDefault({ label: 'Batman', status }));
+      const element = page.doc.querySelector('mg-menu-item');
+      expect(page.root).toMatchSnapshot();
+      element.status = element.status === Status.ACTIVE ? Status.VISIBLE : Status.ACTIVE;
+      await page.waitForChanges();
+      expect(page.root).toMatchSnapshot();
+    });
+    test.each([undefined, 0, 5])('with menuIndex %s', async (menuIndex) => {
+      const { root } = await getPage(templateDefault({ label: 'Batman', menuIndex }));
+      expect(root).toMatchSnapshot();
+    });
+    test.each([undefined, true, false])('with expanded %s', async (expanded) => {
+      const page = await getPage(templateDefault({ label: 'Batman', expanded }));
+      const element = page.doc.querySelector('mg-menu-item');
+      expect(page.root).toMatchSnapshot();
+      element.expanded = !element.expanded;
+      await page.waitForChanges();
+      expect(page.root).toMatchSnapshot();
+    });
+    test.each([undefined, true, false])('with expanded and sub-menu %s', async (expanded) => {
+      const page = await getPage(templateDefault({ label: 'Batman', expanded }, childMenu()));
+      const element = page.doc.querySelector('mg-menu-item');
+      expect(page.root).toMatchSnapshot();
+      element.expanded = !element.expanded;
+      await page.waitForChanges();
+      expect(page.root).toMatchSnapshot();
+    });
+    test('with vertical sub-menu', async () => {
+      const page = await getPage(templateDefault({ label: 'Batman' }, childMenu({ label: 'level 2', direction: Direction.VERTICAL }, childMenu({ label: 'level 3', direction: Direction.VERTICAL }))));
+      const element = page.doc.querySelector('mg-menu-item');
+      expect(page.root).toMatchSnapshot();
+      element.expanded = !element.expanded;
+      await page.waitForChanges();
+      expect(page.root).toMatchSnapshot();
+    });
+  });
+  describe('errors', () => {
+    test('throw errors missing slot label %s', async () => {
+      expect.assertions(1);
+      try {
+        await getPage(templateDefault({ label: undefined }));
+      }
+      catch (err) {
+        expect(err.message).toBe('<mg-menu-item> slot "label" is required.');
+      }
+    });
+    test('throw errors missing slot label %s', async () => {
+      expect.assertions(1);
+      try {
+        await getPage(templateDefault({ label: ' ' }));
+      }
+      catch (err) {
+        expect(err.message).toBe('<mg-menu-item> slot "label" must have text content.');
+      }
+    });
+    test('with expanded and sub-menu %s', async () => {
+      expect.assertions(1);
+      try {
+        await getPage(templateDefault({ label: 'label', href: '#link' }, childMenu()));
+      }
+      catch (err) {
+        expect(err.message).toBe('<mg-menu-item> prop "href" is unauthorizied when element is a parent.');
+      }
+    });
+    test('with expanded type mismatch', async () => {
+      expect.assertions(1);
+      try {
+        await getPage(menuItem({ label: 'label', expanded: { name: 'batman' } }));
+      }
+      catch (err) {
+        expect(err.message).toBe('<mg-menu-item> prop "expanded" must be a boolean.');
+      }
+    });
+  });
+  describe.each([
+    expanded => templateDefault({ label: 'Batman', expanded }),
+    expanded => templateDefault({ label: 'Batman', expanded }, childMenu()),
+    expanded => templateDefault({ label: 'Batman', expanded }, childMenu({ label: 'level 2' }, childMenu({ label: 'level 3' }))),
+    expanded => templateDefault({ label: 'Batman', expanded }, childMenu({ label: 'level 2' }, childMenu({ label: 'level 3', status: Status.ACTIVE }))),
+    expanded => templateDefault({ label: 'Batman', expanded }, h("div", null, h("h3", null, "Demo title"), h("p", null, "some content"))),
+  ])('mouse navigation', template => {
+    test.each([undefined, true, false])('should manage toggle expand with template %s', async (expanded) => {
+      const page = await getPage(template(expanded));
+      const element = page.doc.querySelector('[title="Batman"]').closest('mg-menu-item');
+      expect(page.root).toMatchSnapshot();
+      element.shadowRoot.querySelector('button').dispatchEvent(new CustomEvent('click', { bubbles: true }));
+      await page.waitForChanges();
+      expect(page.root).toMatchSnapshot();
+    });
+  });
+  describe('events', () => {
+    describe('click', () => {
+      test.each([{}, { child: true }, { status: Status.DISABLED }, { href: '/' }])('should manage prevent click action %s', async (props) => {
+        const page = await getPage(templateDefault(Object.assign({ label: 'Batman' }, props), props.child === true && childMenu()));
+        const element = page.doc.querySelector('[title="Batman"]').closest('mg-menu-item');
+        const event = new CustomEvent('click', { bubbles: true });
+        const spyPreventDefault = jest.spyOn(event, 'preventDefault');
+        const spyStopPropagation = jest.spyOn(event, 'stopPropagation');
+        element.shadowRoot.querySelector(props.href !== undefined ? 'a' : 'button').dispatchEvent(event);
+        await page.waitForChanges();
+        if (props.child) {
+          const subElement = page.doc.querySelector('mg-menu mg-menu > mg-menu-item');
+          subElement.shadowRoot.querySelector(props.href !== undefined ? 'a' : 'button').dispatchEvent(event);
+          await page.waitForChanges();
+          expect(spyPreventDefault).not.toHaveBeenCalled();
+          expect(spyStopPropagation).not.toHaveBeenCalled();
+        }
+        else if (props.status !== undefined) {
+          expect(spyPreventDefault).toHaveBeenCalled();
+          expect(spyStopPropagation).toHaveBeenCalled();
+        }
+        else {
+          expect(spyPreventDefault).not.toHaveBeenCalled();
+          expect(spyStopPropagation).not.toHaveBeenCalled();
+        }
+      });
+    });
+    describe('popover', () => {
+      test.each([true, false])('should toggle expanded from popover display-change event', async (display) => {
+        const page = await getPage(templateDefault({ label: 'Batman', expanded: !display }, childMenu()));
+        const element = page.doc.querySelector('[title="Batman"]').closest('mg-menu-item');
+        const popover = element.shadowRoot.querySelector('mg-popover');
+        popover.dispatchEvent(new CustomEvent('display-change', { detail: display }));
+        await page.waitForChanges();
+        expect(element.expanded).toBe(display);
+      });
+      test('should prevent "expanded" to be update to "false" when click inside content slot', async () => {
+        const page = await getPage(menu({
+          label: 'main menu',
+          slots: menuItem({ label: 'Batman', expanded: true }, h("div", null, h("button", null, "Hello batman"))),
+        }));
+        expect(page.root).toMatchSnapshot();
+        jest.runAllTimers();
+        const mgMenuItem = page.doc.querySelector('[title="Batman"]').closest('mg-menu-item');
+        const contentButton = mgMenuItem.querySelector('button');
+        contentButton.dispatchEvent(new MouseEvent('click', { bubbles: true }));
+        await page.waitForChanges();
+        expect(mgMenuItem.expanded).toBe(true);
+      });
+    });
+    describe('status-change', () => {
+      test('should emit new status, when prop status change', async () => {
+        const { rootInstance, doc } = await getPage(menuItem({ label: 'Batman' }));
+        const item = doc.querySelector('mg-menu-item');
+        const spy = jest.spyOn(rootInstance.statusChange, 'emit');
+        item.status = Status.ACTIVE;
+        expect(spy).toHaveBeenCalledWith(Status.ACTIVE);
+      });
+      test.each([Status.ACTIVE, Status.VISIBLE])('Should update status with child item "change-status" event, from status %s', async (status) => {
+        const nextStatus = status === Status.ACTIVE ? Status.VISIBLE : Status.ACTIVE;
+        const page = await getPage(menuItem({ label: 'Batman' }, childMenu({ label: 'child menu', status })));
+        const item = page.doc.querySelector('mg-menu-item');
+        const childItem = page.doc.querySelector('mg-menu-item mg-menu-item');
+        expect(item).toHaveProperty('status', status);
+        expect(childItem).toHaveProperty('status', status);
+        childItem.status = nextStatus;
+        await page.waitForChanges();
+        expect(item).toHaveProperty('status', nextStatus);
+        expect(childItem).toHaveProperty('status', nextStatus);
+      });
+    });
+    describe('item-loaded', () => {
+      test('Should emit "item-loaded" event at the end of the render process', async () => {
+        const page = await getPage(menuItem({ label: 'Batman' }));
+        expect(page.rootInstance.itemLoaded.emit).toHaveBeenCalled();
+      });
+    });
+  });
+  describe('MutationObserver', () => {
+    test.each([true, false])('should update notification badge with args %s', async (badge) => {
+      const page = await getPage(menuItem({ label: 'Batman' }, childMenu({ label: 'child menu', badge })));
+      spyOn(page.rootInstance, 'updateDisplayNotificationBadge');
+      expect(page.rootInstance.updateDisplayNotificationBadge).not.toHaveBeenCalled();
+      fireMo[2]([]);
+      await page.waitForChanges();
+      expect(page.rootInstance.updateDisplayNotificationBadge).toHaveBeenCalledTimes(1);
+      expect(page.root).toMatchSnapshot();
+    });
+    test.each([
+      { from: Status.ACTIVE, to: Status.VISIBLE },
+      { from: Status.VISIBLE, to: Status.ACTIVE },
+    ])('Should update status with child title "attribute" mutation, from status %s', async ({ from, to }) => {
+      const page = await getPage(menuItem({ label: 'Batman', status: from }, childMenu({ label: 'child menu', status: to })));
+      const menuItemElement = page.doc.querySelector('mg-menu-item');
+      const childMenuItemElement = page.doc.querySelector('mg-menu-item mg-menu mg-menu-item');
+      expect(menuItemElement).toHaveProperty('status', to === Status.ACTIVE ? to : from);
+      expect(childMenuItemElement).toHaveProperty('status', to);
+      childMenuItemElement.setAttribute('hidden', '');
+      fireMo[0]([{ attributeName: 'hidden' }]);
+      await page.waitForChanges();
+      expect(menuItemElement).toHaveProperty('status', from);
+      expect(page.root).toMatchSnapshot();
+    });
+    test.each(['label', 'metadata'])('Should update status with child "characterData" mutation, from status %s', async (slot) => {
+      const to = 'joker';
+      const from = name => `my ${name}`;
+      const page = await getPage(menuItem({ label: slot === 'label' ? from(slot) : 'Label', metadata: slot === 'metadata' }));
+      const menuItemSlotElement = page.doc.querySelector(`mg-menu-item [slot="${slot}"]`);
+      expect(menuItemSlotElement).toHaveProperty('title', from(slot));
+      menuItemSlotElement.textContent = to;
+      fireMo[0]([{ type: 'characterData' }]);
+      await page.waitForChanges();
+      expect(menuItemSlotElement).toHaveProperty('title', to);
+      expect(page.root).toMatchSnapshot();
+    });
+    test('Should update display notifiaction badge with "attribute" mutation, from status %s', async () => {
+      const page = await getPage(menuItem({ label: 'batman' }, childMenu({ label: 'submenu', badge: true })));
+      const mgMenuItem = page.doc.querySelector(`mg-menu-item`);
+      const badgeNotification = mgMenuItem.querySelector('[slot="information"]');
+      expect(mgMenuItem).toHaveProperty('hidden', false);
+      expect(badgeNotification).not.toBe(null);
+      expect(page.root).toMatchSnapshot();
+      const childMenuItem = page.doc.querySelector('mg-menu-item mg-menu mg-menu-item');
+      childMenuItem.setAttribute('hidden', 'true');
+      fireMo[2]([{ type: 'attributes' }]);
+      await page.waitForChanges();
+      expect(page.root).toMatchSnapshot();
+    });
+  });
+});
+//# sourceMappingURL=mg-menu-item.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mg-menu-item.spec.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/menu/mg-menu-item/test/mg-menu-item.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport { newSpecPage } from '@stencil/core/testing';\nimport { MgBadge } from '../../../../atoms/mg-badge/mg-badge';\nimport { MgIcon } from '../../../../atoms/mg-icon/mg-icon';\nimport { MgMenuItem } from '../../mg-menu-item/mg-menu-item';\nimport { MgMenu } from '../../mg-menu/mg-menu';\nimport { Status } from '../mg-menu-item.conf';\nimport { Direction } from '../../mg-menu/mg-menu.conf';\nimport { MgPopover } from '../../../mg-popover/mg-popover';\nimport { forcePopoverId, mockConsoleError, mockWindowFrames, setupMutationObserverMock, setupResizeObserverMock } from '../../../../../utils/unit.test.utils';\nimport { MgPopoverContent } from '../../../mg-popover/mg-popover-content/mg-popover-content';\n\nmockConsoleError();\nmockWindowFrames();\n\nconst menu = (args: Partial<MgMenu> & { slots?: unknown } & Pick<MgMenu, 'label'> = { label: 'child-menu' }) => <mg-menu {...args}>{args.slots}</mg-menu>;\nconst menuItem = (args, slot?) => (\n  <mg-menu-item {...args} identifier={args.identifier === undefined ? 'identifier' : args.identifier} data-overflow-more={args.overflow}>\n    {slot}\n    {args.label && <span slot=\"label\">{args.label}</span>}\n    {args.metadata && <span slot=\"metadata\">my metadata</span>}\n    {args.icon && <mg-icon slot=\"image\" icon=\"user\"></mg-icon>}\n    {args.badge && <mg-badge slot=\"information\" label=\"badge label\" value=\"1\"></mg-badge>}\n  </mg-menu-item>\n);\nconst childMenu = (args: { label: string; status?: MgMenuItem['status']; direction?: MgMenu['direction']; badge?: boolean } = { label: 'child menu item' }, slots?) =>\n  menu({ label: 'child menu', slots: menuItem(args, slots), direction: args.direction });\nconst templateDefault = (args, slots?) => menu({ label: 'menu', slots: menuItem(args, slots) });\nconst templateTwoMenuItems = (args, slots?) => menu({ label: 'menu', slots: [menuItem(args, slots), menuItem({ label: 'item 2' })] });\n\nconst getPage = async template => {\n  const page = await newSpecPage({\n    components: [MgMenuItem, MgMenu, MgIcon, MgBadge, MgPopover, MgPopoverContent],\n    template: () => template,\n  });\n\n  if (Boolean(page.rootInstance.itemLoaded?.emit)) page.rootInstance.itemLoaded.emit = jest.fn();\n\n  jest.runAllTimers();\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-item', () => {\n  let fireMo = [];\n  beforeEach(() => {\n    fireMo = [];\n    jest.useFakeTimers();\n    setupMutationObserverMock({\n      observe: function () {\n        fireMo.push(this.cb);\n      },\n      disconnect: function () {\n        return null;\n      },\n      takeRecords: () => [],\n    });\n    setupResizeObserverMock({\n      observe: () => null,\n      disconnect: () => null,\n    });\n  });\n  afterEach(() => jest.clearAllTimers());\n  describe('render', () => {\n    test.each([\n      { label: 'Batman' },\n      { label: 'Batman', icon: true },\n      { label: 'Batman', badge: true },\n      { label: 'Batman', metadata: true },\n      { label: 'Batman', href: '#link' },\n      { label: 'Batman', overflow: true },\n    ])('with args %s', async args => {\n      const { root } = await getPage(templateDefault(args));\n\n      expect(root).toMatchSnapshot();\n    });\n\n    test.each([{ label: 'Batman' }, { label: 'Batman', icon: true }, { label: 'Batman', badge: true }, { label: 'Batman', metadata: true }, { label: 'Batman', href: '#link' }])(\n      'with size large, %s',\n      async args => {\n        const { root } = await getPage(menu({ label: 'Batman', size: 'large', slots: menuItem(args) }));\n\n        expect(root).toMatchSnapshot();\n      },\n    );\n\n    test('with 2 menu-items, last items get style modifier', async () => {\n      const { root } = await getPage(templateTwoMenuItems({ label: 'Batman' }));\n\n      expect(root).toMatchSnapshot();\n    });\n\n    test.each([Status.ACTIVE, Status.DISABLED, Status.HIDDEN, Status.VISIBLE])('with status %s', async status => {\n      const page = await getPage(templateDefault({ label: 'Batman', status }));\n      const element = page.doc.querySelector('mg-menu-item');\n\n      expect(page.root).toMatchSnapshot();\n\n      element.status = element.status === Status.ACTIVE ? Status.VISIBLE : Status.ACTIVE;\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n    });\n\n    test.each([undefined, 0, 5])('with menuIndex %s', async menuIndex => {\n      const { root } = await getPage(templateDefault({ label: 'Batman', menuIndex }));\n\n      expect(root).toMatchSnapshot();\n    });\n\n    test.each([undefined, true, false])('with expanded %s', async expanded => {\n      const page = await getPage(templateDefault({ label: 'Batman', expanded }));\n\n      const element = page.doc.querySelector('mg-menu-item');\n\n      expect(page.root).toMatchSnapshot();\n\n      element.expanded = !element.expanded;\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n    });\n\n    test.each([undefined, true, false])('with expanded and sub-menu %s', async expanded => {\n      const page = await getPage(templateDefault({ label: 'Batman', expanded }, childMenu()));\n\n      const element = page.doc.querySelector('mg-menu-item');\n\n      expect(page.root).toMatchSnapshot();\n\n      element.expanded = !element.expanded;\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n    });\n\n    test('with vertical sub-menu', async () => {\n      const page = await getPage(\n        templateDefault({ label: 'Batman' }, childMenu({ label: 'level 2', direction: Direction.VERTICAL }, childMenu({ label: 'level 3', direction: Direction.VERTICAL }))),\n      );\n\n      const element = page.doc.querySelector('mg-menu-item');\n\n      expect(page.root).toMatchSnapshot();\n\n      element.expanded = !element.expanded;\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n    });\n  });\n\n  describe('errors', () => {\n    test('throw errors missing slot label %s', async () => {\n      expect.assertions(1);\n\n      try {\n        await getPage(templateDefault({ label: undefined }));\n      } catch (err) {\n        expect(err.message).toBe('<mg-menu-item> slot \"label\" is required.');\n      }\n    });\n\n    test('throw errors missing slot label %s', async () => {\n      expect.assertions(1);\n\n      try {\n        await getPage(templateDefault({ label: ' ' }));\n      } catch (err) {\n        expect(err.message).toBe('<mg-menu-item> slot \"label\" must have text content.');\n      }\n    });\n\n    test('with expanded and sub-menu %s', async () => {\n      expect.assertions(1);\n\n      try {\n        await getPage(templateDefault({ label: 'label', href: '#link' }, childMenu()));\n      } catch (err) {\n        expect(err.message).toBe('<mg-menu-item> prop \"href\" is unauthorizied when element is a parent.');\n      }\n    });\n\n    test('with expanded type mismatch', async () => {\n      expect.assertions(1);\n\n      try {\n        await getPage(menuItem({ label: 'label', expanded: { name: 'batman' } }));\n      } catch (err) {\n        expect(err.message).toBe('<mg-menu-item> prop \"expanded\" must be a boolean.');\n      }\n    });\n  });\n\n  describe.each([\n    expanded => templateDefault({ label: 'Batman', expanded }),\n    expanded => templateDefault({ label: 'Batman', expanded }, childMenu()),\n    expanded => templateDefault({ label: 'Batman', expanded }, childMenu({ label: 'level 2' }, childMenu({ label: 'level 3' }))),\n    expanded => templateDefault({ label: 'Batman', expanded }, childMenu({ label: 'level 2' }, childMenu({ label: 'level 3', status: Status.ACTIVE }))),\n    expanded =>\n      templateDefault(\n        { label: 'Batman', expanded },\n        <div>\n          <h3>Demo title</h3>\n          <p>some content</p>\n        </div>,\n      ),\n  ])('mouse navigation', template => {\n    test.each([undefined, true, false])('should manage toggle expand with template %s', async expanded => {\n      const page = await getPage(template(expanded));\n\n      const element = page.doc.querySelector('[title=\"Batman\"]').closest('mg-menu-item');\n\n      expect(page.root).toMatchSnapshot();\n\n      element.shadowRoot.querySelector('button').dispatchEvent(new CustomEvent('click', { bubbles: true }));\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n    });\n  });\n\n  describe('events', () => {\n    describe('click', () => {\n      test.each([{}, { child: true }, { status: Status.DISABLED }, { href: '/' }])('should manage prevent click action %s', async props => {\n        const page = await getPage(templateDefault({ label: 'Batman', ...props }, props.child === true && childMenu()));\n\n        const element = page.doc.querySelector('[title=\"Batman\"]').closest('mg-menu-item');\n\n        const event = new CustomEvent('click', { bubbles: true });\n\n        const spyPreventDefault = jest.spyOn(event, 'preventDefault');\n        const spyStopPropagation = jest.spyOn(event, 'stopPropagation');\n\n        element.shadowRoot.querySelector(props.href !== undefined ? 'a' : 'button').dispatchEvent(event);\n        await page.waitForChanges();\n\n        if (props.child) {\n          const subElement = page.doc.querySelector('mg-menu mg-menu > mg-menu-item');\n\n          subElement.shadowRoot.querySelector(props.href !== undefined ? 'a' : 'button').dispatchEvent(event);\n          await page.waitForChanges();\n\n          expect(spyPreventDefault).not.toHaveBeenCalled();\n          expect(spyStopPropagation).not.toHaveBeenCalled();\n        } else if (props.status !== undefined) {\n          expect(spyPreventDefault).toHaveBeenCalled();\n          expect(spyStopPropagation).toHaveBeenCalled();\n        } else {\n          expect(spyPreventDefault).not.toHaveBeenCalled();\n          expect(spyStopPropagation).not.toHaveBeenCalled();\n        }\n      });\n    });\n\n    describe('popover', () => {\n      test.each([true, false])('should toggle expanded from popover display-change event', async display => {\n        const page = await getPage(templateDefault({ label: 'Batman', expanded: !display }, childMenu()));\n\n        const element = page.doc.querySelector('[title=\"Batman\"]').closest('mg-menu-item');\n\n        const popover = element.shadowRoot.querySelector('mg-popover');\n\n        popover.dispatchEvent(new CustomEvent('display-change', { detail: display }));\n        await page.waitForChanges();\n\n        expect(element.expanded).toBe(display);\n      });\n\n      test('should prevent \"expanded\" to be update to \"false\" when click inside content slot', async () => {\n        const page = await getPage(\n          menu({\n            label: 'main menu',\n            slots: menuItem(\n              { label: 'Batman', expanded: true },\n              <div>\n                <button>Hello batman</button>\n              </div>,\n            ),\n          }),\n        );\n\n        expect(page.root).toMatchSnapshot();\n\n        jest.runAllTimers();\n\n        const mgMenuItem = page.doc.querySelector('[title=\"Batman\"]').closest('mg-menu-item');\n        const contentButton = mgMenuItem.querySelector('button');\n\n        contentButton.dispatchEvent(new MouseEvent('click', { bubbles: true }));\n        await page.waitForChanges();\n\n        expect(mgMenuItem.expanded).toBe(true);\n      });\n    });\n\n    describe('status-change', () => {\n      test('should emit new status, when prop status change', async () => {\n        const { rootInstance, doc } = await getPage(menuItem({ label: 'Batman' }));\n\n        const item = doc.querySelector('mg-menu-item');\n\n        const spy = jest.spyOn(rootInstance.statusChange, 'emit');\n        item.status = Status.ACTIVE;\n\n        expect(spy).toHaveBeenCalledWith(Status.ACTIVE);\n      });\n\n      test.each([Status.ACTIVE, Status.VISIBLE])('Should update status with child item \"change-status\" event, from status %s', async status => {\n        const nextStatus = status === Status.ACTIVE ? Status.VISIBLE : Status.ACTIVE;\n        const page = await getPage(menuItem({ label: 'Batman' }, childMenu({ label: 'child menu', status })));\n\n        const item = page.doc.querySelector('mg-menu-item');\n        const childItem: HTMLMgMenuItemElement = page.doc.querySelector('mg-menu-item mg-menu-item');\n\n        expect(item).toHaveProperty('status', status);\n        expect(childItem).toHaveProperty('status', status);\n\n        childItem.status = nextStatus;\n\n        await page.waitForChanges();\n\n        expect(item).toHaveProperty('status', nextStatus);\n        expect(childItem).toHaveProperty('status', nextStatus);\n      });\n    });\n\n    describe('item-loaded', () => {\n      test('Should emit \"item-loaded\" event at the end of the render process', async () => {\n        const page = await getPage(menuItem({ label: 'Batman' }));\n\n        expect(page.rootInstance.itemLoaded.emit).toHaveBeenCalled();\n      });\n    });\n  });\n\n  describe('MutationObserver', () => {\n    test.each([true, false])('should update notification badge with args %s', async badge => {\n      const page = await getPage(menuItem({ label: 'Batman' }, childMenu({ label: 'child menu', badge })));\n\n      spyOn(page.rootInstance, 'updateDisplayNotificationBadge');\n\n      expect(page.rootInstance.updateDisplayNotificationBadge).not.toHaveBeenCalled();\n\n      fireMo[2]([]);\n      await page.waitForChanges();\n\n      expect(page.rootInstance.updateDisplayNotificationBadge).toHaveBeenCalledTimes(1);\n      expect(page.root).toMatchSnapshot();\n    });\n\n    test.each([\n      { from: Status.ACTIVE, to: Status.VISIBLE },\n      { from: Status.VISIBLE, to: Status.ACTIVE },\n    ])('Should update status with child title \"attribute\" mutation, from status %s', async ({ from, to }) => {\n      const page = await getPage(menuItem({ label: 'Batman', status: from }, childMenu({ label: 'child menu', status: to })));\n\n      const menuItemElement = page.doc.querySelector('mg-menu-item');\n      const childMenuItemElement = page.doc.querySelector('mg-menu-item mg-menu mg-menu-item') as HTMLMgMenuItemElement;\n\n      expect(menuItemElement).toHaveProperty('status', to === Status.ACTIVE ? to : from);\n      expect(childMenuItemElement).toHaveProperty('status', to);\n\n      childMenuItemElement.setAttribute('hidden', '');\n      fireMo[0]([{ attributeName: 'hidden' }]);\n\n      await page.waitForChanges();\n\n      expect(menuItemElement).toHaveProperty('status', from);\n      expect(page.root).toMatchSnapshot();\n    });\n\n    test.each(['label', 'metadata'])('Should update status with child \"characterData\" mutation, from status %s', async slot => {\n      const to = 'joker';\n      const from = name => `my ${name}`;\n      const page = await getPage(menuItem({ label: slot === 'label' ? from(slot) : 'Label', metadata: slot === 'metadata' }));\n\n      const menuItemSlotElement = page.doc.querySelector(`mg-menu-item [slot=\"${slot}\"]`);\n\n      expect(menuItemSlotElement).toHaveProperty('title', from(slot));\n\n      menuItemSlotElement.textContent = to;\n      fireMo[0]([{ type: 'characterData' }]);\n\n      await page.waitForChanges();\n\n      expect(menuItemSlotElement).toHaveProperty('title', to);\n      expect(page.root).toMatchSnapshot();\n    });\n\n    test('Should update display notifiaction badge with \"attribute\" mutation, from status %s', async () => {\n      const page = await getPage(menuItem({ label: 'batman' }, childMenu({ label: 'submenu', badge: true })));\n\n      const mgMenuItem = page.doc.querySelector(`mg-menu-item`);\n      const badgeNotification = mgMenuItem.querySelector('[slot=\"information\"]');\n\n      expect(mgMenuItem).toHaveProperty('hidden', false);\n      expect(badgeNotification).not.toBe(null);\n      expect(page.root).toMatchSnapshot();\n\n      const childMenuItem = page.doc.querySelector('mg-menu-item mg-menu mg-menu-item');\n      childMenuItem.setAttribute('hidden', 'true');\n      fireMo[2]([{ type: 'attributes' }]);\n\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n    });\n  });\n});\n"]}

package/dist/collection/components/molecules/mg-action-more/mg-action-more.conf.js

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=mg-action-more.conf.js.map

package/dist/collection/components/molecules/mg-action-more/mg-action-more.conf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mg-action-more.conf.js","sourceRoot":"","sources":["../../../../src/components/molecules/mg-action-more/mg-action-more.conf.ts"],"names":[],"mappings":"","sourcesContent":["import { MgBadge } from '../../atoms/mg-badge/mg-badge';\nimport { MgButton } from '../../atoms/mg-button/mg-button';\nimport { MgIcon } from '../../atoms/mg-icon/mg-icon';\nimport { MgMenuItem } from '../menu/mg-menu-item/mg-menu-item';\n\n/**\n * prop icon type\n */\nexport type MgActionMoreIconType = {\n  icon: MgIcon['icon'];\n};\n\n/**\n * prop button type\n */\nexport type MgActionMoreButtonType = {\n  isIcon: MgButton['isIcon'];\n  variant: MgButton['variant'];\n  label?: MgButton['label'];\n};\n\n/**\n * locals message type\n */\nexport type MgActionMoreMessageType = { label: string };\n\n/**\n * prop item type\n */\nexport type MgActionMoreItemType = {\n  label: string;\n  mouseEventHandler: IMouseEventHandler;\n  status?: MgMenuItem['status'];\n  icon?: MgIcon['icon'];\n  href?: MgMenuItem['href'];\n  badge?: Pick<MgBadge, 'value' | 'label'>;\n};\n\n/**\n * MouseEvent callback interface\n */\ninterface IMouseEventHandler {\n  (event: MouseEvent): void;\n}\n"]}

package/dist/collection/components/molecules/mg-action-more/mg-action-more.js

@@ -1,8 +1,8 @@
-import { h, Host } from '@stencil/core';
-import { initLocales } from '../../../locales';
-import { Status } from '../menu/mg-menu-item/mg-menu-item.conf';
-import { Direction } from '../menu/mg-menu/mg-menu.conf';
-import { createID } from '../../../utils/components.utils';
+import { h, Host } from "@stencil/core";
+import { initLocales } from "../../../locales";
+import { Status } from "../menu/mg-menu-item/mg-menu-item.conf";
+import { Direction } from "../menu/mg-menu/mg-menu.conf";
+import { createID } from "../../../utils/components.utils";
 /**
  * MgActionMore['items'] type guard
  * @param prop - commponent items prop
@@ -68,7 +68,7 @@ export class MgActionMore {
       this.expanded = false;
       customHandler(event);
     };
-    this.icon = { icon: 'ellipsis' };
+    this.icon = undefined;
     this.button = { variant: 'flat', isIcon: true };
     this.items = undefined;
     this.displayChevron = undefined;
@@ -78,6 +78,9 @@ export class MgActionMore {
     if (newValue && !isMgActionMoreIcon(newValue)) {
       throw new Error(`<${this.name}> prop icon must match MgActionMoreIconType.`);
     }
+    else if (!Boolean(newValue === null || newValue === void 0 ? void 0 : newValue.icon) && Boolean(this.button.isIcon)) {
+      this.icon = { icon: 'ellipsis' };
+    }
   }
   validateButton(newValue) {
     if (newValue && !isMgActionMoreButton(newValue)) {
@@ -121,7 +124,7 @@ export class MgActionMore {
           'mg-a11y-animation': true,
         } }, h("mg-icon", { icon: "chevron-down", size: "small" })));
     }
-    return (h(Host, { "data-mg-popover-guard": this.mgPopoverIdentifier }, h("span", { class: "mg-action-more" }, h("mg-popover", { identifier: this.mgPopoverIdentifier, display: this.expanded, "onDisplay-change": this.handleDisplayChange }, h("mg-button", { variant: this.button.variant, isIcon: this.button.isIcon, type: "button", label: buttonLabel, onClick: this.handleButton }, h("mg-icon", Object.assign({}, this.icon)), !this.button.isIcon && buttonContent), h("div", { slot: "content" }, h("mg-menu", { direction: Direction.VERTICAL, label: this.messages.label }, this.items.map(item => {
+    return (h(Host, { "data-mg-popover-guard": this.mgPopoverIdentifier }, h("span", { class: "mg-action-more" }, h("mg-popover", { identifier: this.mgPopoverIdentifier, display: this.expanded, "onDisplay-change": this.handleDisplayChange }, h("mg-button", { variant: this.button.variant, isIcon: this.button.isIcon, type: "button", label: buttonLabel, onClick: this.handleButton }, this.icon && h("mg-icon", Object.assign({}, this.icon)), !this.button.isIcon && buttonContent), h("div", { slot: "content" }, h("mg-menu", { direction: Direction.VERTICAL, label: this.messages.label }, this.items.map(item => {
       var _a;
       return (
       // eslint-disable-next-line react/jsx-no-bind
@@ -144,14 +147,15 @@ export class MgActionMore {
     return {
       "icon": {
         "type": "unknown",
-        "mutable": false,
+        "mutable": true,
         "complexType": {
           "original": "MgActionMoreIconType",
           "resolved": "{ icon: string; }",
           "references": {
             "MgActionMoreIconType": {
               "location": "import",
-              "path": "./mg-action-more.conf"
+              "path": "./mg-action-more.conf",
+              "id": "src/components/molecules/mg-action-more/mg-action-more.conf.ts::MgActionMoreIconType"
             }
           }
         },
@@ -160,8 +164,7 @@ export class MgActionMore {
         "docs": {
           "tags": [],
           "text": "Define displaied icon"
-        },
-        "defaultValue": "{ icon: 'ellipsis' }"
+        }
       },
       "button": {
         "type": "unknown",
@@ -172,7 +175,8 @@ export class MgActionMore {
           "references": {
             "MgActionMoreButtonType": {
               "location": "import",
-              "path": "./mg-action-more.conf"
+              "path": "./mg-action-more.conf",
+              "id": "src/components/molecules/mg-action-more/mg-action-more.conf.ts::MgActionMoreButtonType"
             }
           }
         },
@@ -193,7 +197,8 @@ export class MgActionMore {
           "references": {
             "MgActionMoreItemType": {
               "location": "import",
-              "path": "./mg-action-more.conf"
+              "path": "./mg-action-more.conf",
+              "id": "src/components/molecules/mg-action-more/mg-action-more.conf.ts::MgActionMoreItemType"
             }
           }
         },
@@ -245,3 +250,4 @@ export class MgActionMore {
       }];
   }
 }
+//# sourceMappingURL=mg-action-more.js.map

package/dist/collection/components/molecules/mg-action-more/mg-action-more.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mg-action-more.js","sourceRoot":"","sources":["../../../../src/components/molecules/mg-action-more/mg-action-more.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Element, Prop, Watch, State, Host } from '@stencil/core';\nimport { MgActionMoreItemType, MgActionMoreButtonType, MgActionMoreIconType, MgActionMoreMessageType } from './mg-action-more.conf';\nimport { initLocales } from '../../../locales';\nimport { Status } from '../menu/mg-menu-item/mg-menu-item.conf';\nimport { Direction } from '../menu/mg-menu/mg-menu.conf';\nimport { createID } from '../../../utils/components.utils';\n\n/**\n * MgActionMore['items'] type guard\n * @param prop - commponent items prop\n * @returns return true if type is valid\n */\nconst isMgActionMoreItems = (prop: unknown): prop is MgActionMoreItemType[] => {\n  const items = prop as MgActionMoreItemType[];\n  return typeof items === 'object' && items.every(item => typeof item === 'object' && typeof item.label === 'string' && typeof item.mouseEventHandler === 'function');\n};\n\n/**\n * MgActionMore['button'] type guard\n * @param prop - commponent button prop\n * @returns return true if type is valid\n */\nconst isMgActionMoreButton = (prop: unknown): prop is MgActionMoreButtonType => {\n  const button = prop as MgActionMoreButtonType;\n  return typeof button === 'object' && typeof button.variant === 'string' && typeof button.isIcon === 'boolean';\n};\n\n/**\n * MgActionMore['icon'] type guard\n * @param prop - commponent icon prop\n * @returns return true if type is valid\n */\nconst isMgActionMoreIcon = (prop: unknown): prop is MgActionMoreIconType => {\n  const icon = prop as MgActionMoreIconType;\n  return typeof icon === 'object' && typeof icon.icon === 'string';\n};\n\n@Component({\n  tag: 'mg-action-more',\n  styleUrl: 'mg-action-more.scss',\n  shadow: true,\n})\nexport class MgActionMore {\n  /************\n   * Internal *\n   ************/\n  private readonly name = 'mg-action-more';\n  private readonly mgPopoverIdentifier = createID(this.name);\n  private messages: MgActionMoreMessageType;\n\n  /**************\n   * Decorators *\n   **************/\n\n  /**\n   * Get component DOM element\n   */\n  @Element() element: HTMLMgActionMoreElement;\n\n  /**\n   * Define displaied icon\n   */\n  @Prop({ mutable: true }) icon: MgActionMoreIconType;\n  @Watch('icon')\n  validateIcon(newValue: MgActionMore['icon']): void {\n    if (newValue && !isMgActionMoreIcon(newValue)) {\n      throw new Error(`<${this.name}> prop icon must match MgActionMoreIconType.`);\n    } else if (!Boolean(newValue?.icon) && Boolean(this.button.isIcon)) {\n      this.icon = { icon: 'ellipsis' };\n    }\n  }\n\n  /**\n   * Define button properties\n   */\n  @Prop() button: MgActionMoreButtonType = { variant: 'flat', isIcon: true };\n  @Watch('button')\n  validateButton(newValue: MgActionMore['button']): void {\n    if (newValue && !isMgActionMoreButton(newValue)) {\n      throw new Error(`<${this.name}> prop button must match MgActionMoreButtonType.`);\n    }\n  }\n\n  /**\n   * Define the menu-items elements\n   */\n  @Prop() items!: MgActionMoreItemType[];\n  @Watch('items')\n  validateItems(newValue: MgActionMore['items']): void {\n    if (!isMgActionMoreItems(newValue)) {\n      throw new Error(`<${this.name}> prop \"items\" is required and all values must be the same type, MgActionMoreItemType.`);\n    }\n  }\n\n  /**\n   * Define if chevron is display\n   */\n  @Prop() displayChevron: boolean;\n  @Watch('displayChevron')\n  validateDisplayChevron(newValue: MgActionMore['displayChevron']): void {\n    if (newValue && this.button.isIcon === true) {\n      throw new Error(`<${this.name}> prop \"displayChevron\" can't be used with a 'button\" prop \"isIcon\" attribute.`);\n    }\n  }\n  /**\n   * Menu expanded state\n   */\n  @State() expanded = false;\n\n  /************\n   * Methods *\n   ***********/\n\n  /**\n   * Toogle expanded props\n   */\n  private toggleExpanded = (): void => {\n    this.expanded = !this.expanded;\n  };\n\n  /**\n   * Handle popover display change value\n   * @param event - display change updated value\n   */\n  private handleDisplayChange = (event: CustomEvent): void => {\n    this.expanded = event.detail;\n  };\n\n  /**\n   * Button click handler\n   */\n  private handleButton = (): void => {\n    this.toggleExpanded();\n  };\n\n  /**\n   * Item click handler\n   * @param event - click event\n   * @param customHandler - item['mouseEventHandler']\n   */\n  private handleItemClick = (event: MouseEvent, customHandler: MgActionMoreItemType['mouseEventHandler']) => {\n    this.expanded = false;\n    customHandler(event);\n  };\n\n  /*************\n   * Lifecycle *\n   *************/\n\n  /**\n   * Validate props\n   */\n  componentWillLoad(): void {\n    this.messages = initLocales(this.element).messages.actionMore as MgActionMoreMessageType;\n    this.validateItems(this.items);\n    this.validateButton(this.button);\n    this.validateIcon(this.icon);\n    this.validateDisplayChevron(this.displayChevron);\n  }\n\n  /**\n   * Render\n   * @returns HTML Element\n   */\n  render(): HTMLElement {\n    const buttonLabel = this.button.label || this.messages.label;\n    const buttonContent = [buttonLabel];\n\n    if (!this.button.isIcon && this.displayChevron) {\n      buttonContent.push(\n        <span\n          class={{\n            [`${this.name}__chevron`]: true,\n            [`${this.name}__chevron--rotate`]: this.expanded === true,\n            'mg-a11y-animation': true,\n          }}\n        >\n          <mg-icon icon=\"chevron-down\" size=\"small\"></mg-icon>\n        </span>,\n      );\n    }\n\n    return (\n      <Host data-mg-popover-guard={this.mgPopoverIdentifier}>\n        <span class=\"mg-action-more\">\n          <mg-popover identifier={this.mgPopoverIdentifier} display={this.expanded} onDisplay-change={this.handleDisplayChange}>\n            <mg-button variant={this.button.variant} isIcon={this.button.isIcon} type=\"button\" label={buttonLabel} onClick={this.handleButton}>\n              {this.icon && <mg-icon {...this.icon}></mg-icon>}\n              {!this.button.isIcon && buttonContent}\n            </mg-button>\n            <div slot=\"content\">\n              <mg-menu direction={Direction.VERTICAL} label={this.messages.label}>\n                {this.items.map(item => (\n                  // eslint-disable-next-line react/jsx-no-bind\n                  <mg-menu-item key={item.label} status={item.status || Status.VISIBLE} onClick={e => this.handleItemClick(e, item.mouseEventHandler)} href={item.href}>\n                    {item.icon && <mg-icon icon={item.icon} slot=\"image\"></mg-icon>}\n                    <span slot=\"label\">{item.label}</span>\n                    {item.badge?.label && <mg-badge label={item.badge.label} value={item.badge.value} slot=\"information\" variant=\"text-color\"></mg-badge>}\n                  </mg-menu-item>\n                ))}\n              </mg-menu>\n            </div>\n          </mg-popover>\n        </span>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,128 @@
+import { setPageContent, expect, describe, testEach, test } from "../../../../utils/playwright.e2e.test.utils";
+import { renderAttributes, renderProperties } from "../../../../utils/e2e.test.utils";
+import { createID } from "../../../../utils/components.utils";
+import { Status } from "../../menu/mg-menu-item/mg-menu-item.conf";
+const createHTML = (args, id = `mg-action-more-${createID()}`) => `<style>body {padding-left: 2rem;} </style><mg-action-more ${renderAttributes(args)} id="${id}"></mg-action-more><script>${renderProperties(args, `#${id}`)}</script>`;
+const mouseEventHandler = () => 'hello batman';
+const items = [
+  {
+    label: 'batman',
+    mouseEventHandler,
+  },
+  {
+    label: 'robin',
+    mouseEventHandler,
+    status: Status.HIDDEN,
+  },
+  {
+    label: 'joker',
+    mouseEventHandler,
+    badge: {
+      value: 2,
+      label: 'badge',
+    },
+  },
+  {
+    label: 'bane',
+    mouseEventHandler,
+    icon: 'user',
+    href: '#',
+  },
+];
+describe('mg-action-more', () => {
+  describe('render', () => {
+    testEach([
+      {
+        items,
+      },
+      {
+        items,
+        button: {
+          label: 'dc-comics',
+          variant: 'primary',
+          isIcon: false,
+        },
+        icon: {
+          icon: 'plus',
+        },
+      },
+      {
+        items,
+        displayChevron: true,
+        icon: {
+          icon: 'ellipsis',
+        },
+        button: {
+          variant: 'flat',
+          isIcon: false,
+        },
+      },
+      {
+        items,
+        displayChevron: true,
+        button: {
+          variant: 'flat',
+          isIcon: false,
+        },
+      },
+      {
+        items,
+        displayChevron: false,
+        button: {
+          variant: 'flat',
+          isIcon: false,
+        },
+      },
+      {
+        items,
+        displayChevron: false,
+        icon: {
+          icon: 'ellipsis',
+        },
+        button: {
+          variant: 'flat',
+          isIcon: false,
+        },
+      },
+    ])('Should render %s', async (page, args) => {
+      await setPageContent(page, createHTML(args));
+      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
+    });
+  });
+  describe('navigation', () => {
+    testEach(['mouse', 'keyboard'])('should toggle button menu, case %s', async (page, navigation) => {
+      await setPageContent(page, createHTML({ items }), { width: 130, height: 200 });
+      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
+      if (navigation === 'mouse') {
+        const mgButton = await page.locator('mg-action-more mg-button');
+        await mgButton.click();
+        await expect(page.locator('body')).toHaveScreenshot();
+        const mgMenuItem = await page.locator('mg-menu-item:first-of-type');
+        await mgMenuItem.click();
+        await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
+      }
+      else {
+        for (const [index, key] of ['Tab', 'Enter', 'Tab', 'Enter'].entries()) {
+          await page.keyboard.press(key);
+          await expect(page.locator([0, 3].includes(index) ? '.e2e-screenshot' : 'body')).toHaveScreenshot();
+        }
+      }
+    });
+    test('should toggle button chevron menu', async ({ page }) => {
+      await setPageContent(page, createHTML({
+        items,
+        displayChevron: true,
+        button: {
+          isIcon: false,
+          variant: 'secondary',
+        },
+      }), { width: 130, height: 200 });
+      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
+      const mgButton = await page.locator('mg-action-more mg-button');
+      await mgButton.click();
+      await page.waitForTimeout(300); // wait chevron animation ended
+      await expect(page.locator('body')).toHaveScreenshot();
+    });
+  });
+});
+//# sourceMappingURL=mg-action-more.e2e.playwright.js.map