@siemens/ix 0.0.0-pr-1974-20250627114851 → 0.0.0-pr-1974-20250627142646

package/dist/collection/components/input-group/tests/input-group.ct.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-group.ct.js","sourceRoot":"","sources":["../../../../src/components/input-group/tests/input-group.ct.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of thi  s source tree.\n */\nimport { expect } from '@playwright/test';\nimport { iconEye } from '@siemens/ix-icons/icons';\nimport { regressionTest } from '@utils/test';\n\nregressionTest('renders', async ({ mount, page }) => {\n  await mount(`\n    <ix-input-group>\n      <input class=\"parameter-value\" type=\"text\" value=\"Some initial value\" />\n    </ix-input-group>\n  `);\n\n  const group = page.locator('ix-input-group');\n  await expect(group).toHaveClass(/hydrated/);\n\n  const input = group.locator('input');\n  await expect(input).toHaveCSS('padding-left', '8px');\n  await expect(input).toHaveCSS('padding-right', '15px');\n});\n\nregressionTest('initial padding start', async ({ mount, page }) => {\n  await mount(\n    `\n    <ix-input-group>\n      <span slot=\"input-start\">\n        <ix-icon name=\"eye\" size=\"16\"></ix-icon>\n      </span>\n      <input class=\"parameter-value\" type=\"text\" value=\"Some initial value\" />\n    </ix-input-group>\n  `,\n    {\n      icons: { iconEye },\n    }\n  );\n\n  const group = page.locator('ix-input-group');\n  await expect(group).toHaveClass(/hydrated/);\n\n  const input = group.locator('input');\n  await expect(input).toHaveCSS('padding-left', '27px');\n  await expect(input).toHaveCSS('padding-right', '15px');\n});\n\nregressionTest('initial padding end', async ({ mount, page }) => {\n  await mount(\n    `\n    <ix-input-group>\n      <span slot=\"input-start\">\n          <ix-icon name=\"eye\" size=\"16\"></ix-icon>\n        </span>\n        <span slot=\"input-end\">\n        <ix-icon name=\"eye\" size=\"16\"></ix-icon>\n      </span>\n      <input class=\"parameter-value\" type=\"text\" value=\"Some initial value\" />\n    </ix-input-group>\n  `,\n    {\n      icons: { iconEye },\n    }\n  );\n\n  const group = page.locator('ix-input-group');\n  await expect(group).toHaveClass(/hydrated/);\n\n  const input = group.locator('input');\n  await expect(input).toHaveCSS('padding-left', '27px');\n  await expect(input).toHaveCSS('padding-right', '31px');\n});\n\nregressionTest('update padding end', async ({ mount, page }) => {\n  await mount(`\n    <ix-input-group>\n      <input class=\"parameter-value\" type=\"text\" value=\"Some initial value\" />\n    </ix-input-group>\n  `);\n\n  const group = page.locator('ix-input-group');\n  await expect(group).toHaveClass(/hydrated/);\n\n  const input = group.locator('input');\n  await expect(input).toHaveCSS('padding-left', '8px');\n  await expect(input).toHaveCSS('padding-right', '15px');\n\n  await group.evaluate((group: HTMLElement) => {\n    const startElement = document.createElement('DIV');\n    startElement.style.height = '1px';\n    startElement.style.width = '40px';\n    startElement.slot = 'input-start';\n    group.appendChild(startElement);\n  });\n\n  await expect(input).toHaveCSS('padding-left', '51px');\n  await expect(input).toHaveCSS('padding-right', '15px');\n\n  await group.evaluate((group: HTMLElement) => {\n    const endElement = document.createElement('DIV');\n    endElement.style.height = '1px';\n    endElement.style.width = '50px';\n    endElement.slot = 'input-end';\n    group.appendChild(endElement);\n  });\n\n  await expect(input).toHaveCSS('padding-left', '51px');\n  await expect(input).toHaveCSS('padding-right', '65px');\n});\n\nregressionTest('validation padding', async ({ mount, page }) => {\n  await mount(`\n    <form class=\"needs-validation\" noValidation>\n      <ix-input-group>\n        <input type=\"text\" required />\n      </ix-input-group>\n\n      <ix-button type=\"submit\">Submit</ix-button>\n    </form>\n  `);\n\n  const form = page.locator('form');\n  await form.evaluate((form) =>\n    form.addEventListener('submit', (e) => {\n      e.preventDefault();\n      form.classList.add('was-validated');\n    })\n  );\n\n  const group = page.locator('ix-input-group');\n  await expect(group).toHaveClass(/hydrated/);\n\n  const input = group.locator('input');\n  const button = page.locator('ix-button');\n\n  await button.click();\n\n  await expect(input).toHaveCSS('background-position-x', '7px');\n});\n\nregressionTest(\n  'validation padding with input-start slot',\n  async ({ mount, page }) => {\n    await mount(\n      `\n    <form class=\"needs-validation\" noValidation>\n      <ix-input-group>\n        <ix-icon name=\"eye\" size=\"12\" slot=\"input-start\"></ix-icon>\n        <input type=\"text\" required />\n      </ix-input-group>\n\n      <ix-button type=\"submit\">Submit</ix-button>\n    </form>\n  `,\n      {\n        icons: { iconEye },\n      }\n    );\n\n    const form = page.locator('form');\n    await form.evaluate((form) =>\n      form.addEventListener('submit', (e) => {\n        e.preventDefault();\n        form.classList.add('was-validated');\n      })\n    );\n\n    const group = page.locator('ix-input-group');\n    await expect(group).toHaveClass(/hydrated/);\n\n    const input = group.locator('input');\n    const button = page.locator('ix-button');\n\n    await button.click();\n\n    await expect(input).toHaveCSS('background-position-x', '23px');\n    await expect(input).toHaveCSS('padding-left', '49px');\n  }\n);\n\nregressionTest(\n  'validation with class padding with input-start slot',\n  async ({ mount, page }) => {\n    await mount(\n      `\n    <form class=\"needs-validation\" noValidation>\n      <ix-input-group>\n        <ix-icon name=\"eye\" size=\"12\" slot=\"input-start\"></ix-icon>\n        <input type=\"text\" class=\"is-invalid\" />\n      </ix-input-group>\n    </form>\n  `,\n      {\n        icons: { iconEye },\n      }\n    );\n\n    const form = page.locator('form');\n    await form.evaluate((form) =>\n      form.addEventListener('submit', (e) => {\n        e.preventDefault();\n        form.classList.add('was-validated');\n      })\n    );\n\n    const group = page.locator('ix-input-group');\n    await expect(group).toHaveClass(/hydrated/);\n\n    const input = group.locator('input');\n\n    await expect(input).toHaveCSS('background-position-x', '23px');\n    await expect(input).toHaveCSS('padding-left', '49px');\n  }\n);\n"]}

package/dist/collection/components/menu/test/menu.ct.js

@@ -1,256 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2024 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { expect } from "@playwright/test";
-import { regressionTest } from "../../../tests/utils/test/index";
-regressionTest('renders', async ({ mount, page }) => {
-    await mount(`
-      <ix-menu>
-        <ix-menu-about>
-        </ix-menu-about>
-        <ix-menu-settings>
-        </ix-menu-settings>
-      </ix-menu>
-    `);
-    const element = page.locator('ix-menu');
-    await expect(element).toHaveClass(/hydrated/);
-    await expect(element).toHaveClass(/breakpoint-lg/);
-});
-regressionTest('should be open when start-expanded ist set', async ({ mount, page }) => {
-    await mount(`
-      <ix-application>
-        <ix-menu start-expanded>
-          <ix-menu-item>Item</ix-menu-item>
-        </ix-menu>
-      </ix-application>
-    `);
-    await page
-        .locator('ix-application')
-        .evaluate((menu) => (menu.breakpoints = ['lg']));
-    const menu = page.locator('ix-menu');
-    await expect(menu).toHaveClass(/expanded/);
-});
-regressionTest('should be closed when start-expanded ist NOT set', async ({ mount, page }) => {
-    await mount(`
-      <ix-application>
-        <ix-menu>
-          <ix-menu-item>Item</ix-menu-item>
-        </ix-menu>
-      </ix-application>
-    `);
-    await page
-        .locator('ix-application')
-        .evaluate((menu) => (menu.breakpoints = ['lg']));
-    const menu = page.locator('ix-menu');
-    await expect(menu).not.toHaveClass(/expanded/);
-});
-regressionTest('should be closed after menu click when NOT pinned', async ({ mount, page }) => {
-    await mount(`
-      <ix-application>
-        <ix-menu>
-          <ix-menu-item>Item</ix-menu-item>
-        </ix-menu>
-      </ix-application>
-    `);
-    await page
-        .locator('ix-application')
-        .evaluate((menu) => (menu.breakpoints = ['md']));
-    const menu = page.locator('ix-menu');
-    const menuButton = menu.locator('ix-menu-expand-icon');
-    await menuButton.click();
-    await expect(menu).toHaveClass(/expanded/);
-    await page.locator('ix-menu-item').click();
-    await expect(menu).not.toHaveClass(/expanded/);
-});
-regressionTest('should stay open after menu click when pinned', async ({ mount, page }) => {
-    await mount(`
-      <ix-application>
-        <ix-menu pinned>
-          <ix-menu-item>Item</ix-menu-item>
-        </ix-menu>
-      </ix-application>
-    `);
-    await page
-        .locator('ix-application')
-        .evaluate((menu) => (menu.breakpoints = ['md']));
-    const menu = page.locator('ix-menu');
-    const menuButton = menu.locator('ix-menu-expand-icon');
-    await menuButton.click();
-    await expect(menu).toHaveClass(/expanded/);
-    await page.locator('ix-menu-item').click();
-    await expect(menu).toHaveClass(/expanded/);
-});
-regressionTest('should not open settings', async ({ mount, page }) => {
-    await mount(`
-      <ix-menu>
-        <ix-menu-settings>
-        </ix-menu-settings>
-      </ix-menu>
-    `);
-    const element = page.locator('ix-menu');
-    await element.evaluate((e) => {
-        e.addEventListener('openSettings', (event) => event.preventDefault());
-    });
-    await clickSettingsButton(element, page);
-    let settings = page.locator('ix-menu-settings');
-    await expect(settings).not.toBeVisible();
-});
-regressionTest('should not open about', async ({ mount, page }) => {
-    await mount(`
-      <ix-menu>
-        <ix-menu-about>
-        </ix-menu-about>
-      </ix-menu>
-    `);
-    const element = page.locator('ix-menu');
-    await element.evaluate((e) => {
-        e.addEventListener('openAbout', (event) => event.preventDefault());
-    });
-    const aboutButton = element.locator('ix-menu-item#aboutAndLegal');
-    await aboutButton.click();
-    let about = page.locator('ix-menu-about');
-    await expect(about).not.toBeVisible();
-});
-regressionTest('should open and close settings', async ({ mount, page }) => {
-    await mount(`
-      <ix-menu>
-        <ix-menu-about>
-        </ix-menu-about>
-        <ix-menu-settings>
-        </ix-menu-settings>
-      </ix-menu>
-    `);
-    const element = page.locator('ix-menu');
-    await clickSettingsButton(element, page);
-    let settings = page.locator('ix-menu-settings');
-    await expect(settings).toBeVisible();
-    const closeButton = settings.getByRole('button');
-    await closeButton.click();
-    await expect(settings).not.toBeVisible();
-    // Click same button twice
-    await clickSettingsButton(element, page);
-    await clickSettingsButton(element, page);
-    await expect(settings).not.toBeVisible();
-});
-regressionTest('should close settings by about', async ({ mount, page }) => {
-    await mount(`
-      <ix-menu>
-        <ix-menu-about>
-        </ix-menu-about>
-        <ix-menu-settings>
-        </ix-menu-settings>
-      </ix-menu>
-    `);
-    const element = page.locator('ix-menu');
-    await clickSettingsButton(element, page);
-    let about = page.locator('ix-menu-about');
-    let settings = page.locator('ix-menu-settings');
-    await clickAboutButton(element, page);
-    await expect(about).toBeVisible();
-    await expect(settings).not.toBeVisible();
-});
-regressionTest('should open and close about', async ({ mount, page }) => {
-    await mount(`
-      <ix-menu>
-        <ix-menu-about>
-        </ix-menu-about>
-        <ix-menu-settings>
-        </ix-menu-settings>
-      </ix-menu>
-    `);
-    const element = page.locator('ix-menu');
-    await clickAboutButton(element, page);
-    let about = page.locator('ix-menu-about');
-    await expect(about).toBeVisible();
-    const closeButton = about.getByRole('button');
-    await closeButton.click();
-    await expect(about).not.toBeVisible();
-    // Click same button twice
-    await clickAboutButton(element, page);
-    await clickAboutButton(element, page);
-    await expect(about).not.toBeVisible();
-});
-regressionTest('should close about by settings', async ({ mount, page }) => {
-    await mount(`
-      <ix-menu>
-        <ix-menu-about>
-        </ix-menu-about>
-        <ix-menu-settings>
-        </ix-menu-settings>
-      </ix-menu>
-    `);
-    const element = page.locator('ix-menu');
-    await clickAboutButton(element, page);
-    let about = page.locator('ix-menu-about');
-    let settings = page.locator('ix-menu-settings');
-    await clickSettingsButton(element, page);
-    await expect(about).not.toBeVisible();
-    await expect(settings).toBeVisible();
-});
-regressionTest('should close about by item click', async ({ mount, page }) => {
-    await mount(`
-      <ix-menu>
-        <ix-menu-item>Random</ix-menu-item>
-        <ix-menu-about>
-        </ix-menu-about>
-        <ix-menu-settings>
-        </ix-menu-settings>
-      </ix-menu>
-    `);
-    const element = page.locator('ix-menu');
-    await clickAboutButton(element, page);
-    let about = page.locator('ix-menu-about');
-    let settings = page.locator('ix-menu-settings');
-    const menuItem = page.locator('ix-menu-item').filter({ hasText: 'Random' });
-    await menuItem.click();
-    await expect(about).not.toBeVisible();
-    await expect(settings).not.toBeVisible();
-});
-regressionTest('should close menu by bottom icon click', async ({ mount, page }) => {
-    await mount(`
-    <ix-menu>
-      <ix-menu-item>Random</ix-menu-item>
-      <ix-menu-item slot="bottom">BottomMenuItem</ix-menu-item>
-      <ix-menu-about>
-      </ix-menu-about>
-      <ix-menu-settings>
-      </ix-menu-settings>
-    </ix-menu>
-  `);
-    const element = page.locator('ix-menu');
-    await page.locator('ix-menu ix-menu-expand-icon').click();
-    await page.waitForSelector('ix-menu ix-menu-expand-icon.expanded');
-    const innerMenu = element.locator('.menu');
-    await expect(innerMenu).toHaveClass(/expanded/);
-    const bottomMenu = element.locator('ix-menu-item[slot="bottom"]');
-    await bottomMenu.click();
-    await expect(innerMenu).not.toHaveClass(/expanded/);
-    await expect(element).toBeVisible();
-});
-regressionTest('should have correct aria label', async ({ mount, page }) => {
-    await mount(`
-    <ix-menu pinned>
-      <ix-menu-item>Random</ix-menu-item>
-    </ix-menu>
-  `);
-    const expandButton = page.locator('ix-menu').locator('ix-menu-expand-icon');
-    await expect(expandButton).toHaveAttribute('aria-label', 'Expand sidebar');
-    await expandButton.click();
-    await expect(expandButton).toHaveAttribute('aria-label', 'Expand sidebar');
-});
-async function clickAboutButton(element, page) {
-    const aboutButton = element.locator('ix-menu-item#aboutAndLegal');
-    await aboutButton.click();
-    await page.waitForTimeout(1000);
-}
-async function clickSettingsButton(element, page) {
-    const settingsButton = element.locator('ix-menu-item#settings');
-    await settingsButton.click();
-    await page.waitForTimeout(1000);
-}
-//# sourceMappingURL=menu.ct.js.map

package/dist/collection/components/menu/test/menu.ct.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu.ct.js","sourceRoot":"","sources":["../../../../src/components/menu/test/menu.ct.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { expect, Locator, Page } from '@playwright/test';\nimport { regressionTest } from '@utils/test';\n\nregressionTest('renders', async ({ mount, page }) => {\n  await mount(`\n      <ix-menu>\n        <ix-menu-about>\n        </ix-menu-about>\n        <ix-menu-settings>\n        </ix-menu-settings>\n      </ix-menu>\n    `);\n  const element = page.locator('ix-menu');\n  await expect(element).toHaveClass(/hydrated/);\n  await expect(element).toHaveClass(/breakpoint-lg/);\n});\n\nregressionTest(\n  'should be open when start-expanded ist set',\n  async ({ mount, page }) => {\n    await mount(`\n      <ix-application>\n        <ix-menu start-expanded>\n          <ix-menu-item>Item</ix-menu-item>\n        </ix-menu>\n      </ix-application>\n    `);\n    await page\n      .locator('ix-application')\n      .evaluate(\n        (menu: HTMLIxBasicNavigationElement) => (menu.breakpoints = ['lg'])\n      );\n    const menu = page.locator('ix-menu');\n\n    await expect(menu).toHaveClass(/expanded/);\n  }\n);\n\nregressionTest(\n  'should be closed when start-expanded ist NOT set',\n  async ({ mount, page }) => {\n    await mount(`\n      <ix-application>\n        <ix-menu>\n          <ix-menu-item>Item</ix-menu-item>\n        </ix-menu>\n      </ix-application>\n    `);\n    await page\n      .locator('ix-application')\n      .evaluate(\n        (menu: HTMLIxBasicNavigationElement) => (menu.breakpoints = ['lg'])\n      );\n    const menu = page.locator('ix-menu');\n\n    await expect(menu).not.toHaveClass(/expanded/);\n  }\n);\n\nregressionTest(\n  'should be closed after menu click when NOT pinned',\n  async ({ mount, page }) => {\n    await mount(`\n      <ix-application>\n        <ix-menu>\n          <ix-menu-item>Item</ix-menu-item>\n        </ix-menu>\n      </ix-application>\n    `);\n    await page\n      .locator('ix-application')\n      .evaluate(\n        (menu: HTMLIxBasicNavigationElement) => (menu.breakpoints = ['md'])\n      );\n    const menu = page.locator('ix-menu');\n    const menuButton = menu.locator('ix-menu-expand-icon');\n    await menuButton.click();\n\n    await expect(menu).toHaveClass(/expanded/);\n    await page.locator('ix-menu-item').click();\n    await expect(menu).not.toHaveClass(/expanded/);\n  }\n);\n\nregressionTest(\n  'should stay open after menu click when pinned',\n  async ({ mount, page }) => {\n    await mount(`\n      <ix-application>\n        <ix-menu pinned>\n          <ix-menu-item>Item</ix-menu-item>\n        </ix-menu>\n      </ix-application>\n    `);\n    await page\n      .locator('ix-application')\n      .evaluate(\n        (menu: HTMLIxBasicNavigationElement) => (menu.breakpoints = ['md'])\n      );\n    const menu = page.locator('ix-menu');\n    const menuButton = menu.locator('ix-menu-expand-icon');\n    await menuButton.click();\n\n    await expect(menu).toHaveClass(/expanded/);\n    await page.locator('ix-menu-item').click();\n    await expect(menu).toHaveClass(/expanded/);\n  }\n);\n\nregressionTest('should not open settings', async ({ mount, page }) => {\n  await mount(`\n      <ix-menu>\n        <ix-menu-settings>\n        </ix-menu-settings>\n      </ix-menu>\n    `);\n  const element = page.locator('ix-menu');\n\n  await element.evaluate((e) => {\n    e.addEventListener('openSettings', (event) => event.preventDefault());\n  });\n\n  await clickSettingsButton(element, page);\n  let settings = page.locator('ix-menu-settings');\n  await expect(settings).not.toBeVisible();\n});\n\nregressionTest('should not open about', async ({ mount, page }) => {\n  await mount(`\n      <ix-menu>\n        <ix-menu-about>\n        </ix-menu-about>\n      </ix-menu>\n    `);\n  const element = page.locator('ix-menu');\n\n  await element.evaluate((e) => {\n    e.addEventListener('openAbout', (event) => event.preventDefault());\n  });\n\n  const aboutButton = element.locator('ix-menu-item#aboutAndLegal');\n  await aboutButton.click();\n\n  let about = page.locator('ix-menu-about');\n  await expect(about).not.toBeVisible();\n});\n\nregressionTest('should open and close settings', async ({ mount, page }) => {\n  await mount(`\n      <ix-menu>\n        <ix-menu-about>\n        </ix-menu-about>\n        <ix-menu-settings>\n        </ix-menu-settings>\n      </ix-menu>\n    `);\n  const element = page.locator('ix-menu');\n\n  await clickSettingsButton(element, page);\n  let settings = page.locator('ix-menu-settings');\n  await expect(settings).toBeVisible();\n\n  const closeButton = settings.getByRole('button');\n  await closeButton.click();\n  await expect(settings).not.toBeVisible();\n\n  // Click same button twice\n  await clickSettingsButton(element, page);\n  await clickSettingsButton(element, page);\n  await expect(settings).not.toBeVisible();\n});\n\nregressionTest('should close settings by about', async ({ mount, page }) => {\n  await mount(`\n      <ix-menu>\n        <ix-menu-about>\n        </ix-menu-about>\n        <ix-menu-settings>\n        </ix-menu-settings>\n      </ix-menu>\n    `);\n  const element = page.locator('ix-menu');\n\n  await clickSettingsButton(element, page);\n  let about = page.locator('ix-menu-about');\n  let settings = page.locator('ix-menu-settings');\n\n  await clickAboutButton(element, page);\n  await expect(about).toBeVisible();\n  await expect(settings).not.toBeVisible();\n});\n\nregressionTest('should open and close about', async ({ mount, page }) => {\n  await mount(`\n      <ix-menu>\n        <ix-menu-about>\n        </ix-menu-about>\n        <ix-menu-settings>\n        </ix-menu-settings>\n      </ix-menu>\n    `);\n  const element = page.locator('ix-menu');\n\n  await clickAboutButton(element, page);\n  let about = page.locator('ix-menu-about');\n  await expect(about).toBeVisible();\n\n  const closeButton = about.getByRole('button');\n  await closeButton.click();\n  await expect(about).not.toBeVisible();\n\n  // Click same button twice\n  await clickAboutButton(element, page);\n  await clickAboutButton(element, page);\n  await expect(about).not.toBeVisible();\n});\n\nregressionTest('should close about by settings', async ({ mount, page }) => {\n  await mount(`\n      <ix-menu>\n        <ix-menu-about>\n        </ix-menu-about>\n        <ix-menu-settings>\n        </ix-menu-settings>\n      </ix-menu>\n    `);\n  const element = page.locator('ix-menu');\n\n  await clickAboutButton(element, page);\n  let about = page.locator('ix-menu-about');\n  let settings = page.locator('ix-menu-settings');\n\n  await clickSettingsButton(element, page);\n  await expect(about).not.toBeVisible();\n  await expect(settings).toBeVisible();\n});\n\nregressionTest('should close about by item click', async ({ mount, page }) => {\n  await mount(`\n      <ix-menu>\n        <ix-menu-item>Random</ix-menu-item>\n        <ix-menu-about>\n        </ix-menu-about>\n        <ix-menu-settings>\n        </ix-menu-settings>\n      </ix-menu>\n    `);\n  const element = page.locator('ix-menu');\n\n  await clickAboutButton(element, page);\n  let about = page.locator('ix-menu-about');\n  let settings = page.locator('ix-menu-settings');\n  const menuItem = page.locator('ix-menu-item').filter({ hasText: 'Random' });\n\n  await menuItem.click();\n  await expect(about).not.toBeVisible();\n  await expect(settings).not.toBeVisible();\n});\n\nregressionTest(\n  'should close menu by bottom icon click',\n  async ({ mount, page }) => {\n    await mount(`\n    <ix-menu>\n      <ix-menu-item>Random</ix-menu-item>\n      <ix-menu-item slot=\"bottom\">BottomMenuItem</ix-menu-item>\n      <ix-menu-about>\n      </ix-menu-about>\n      <ix-menu-settings>\n      </ix-menu-settings>\n    </ix-menu>\n  `);\n\n    const element = page.locator('ix-menu');\n\n    await page.locator('ix-menu ix-menu-expand-icon').click();\n    await page.waitForSelector('ix-menu ix-menu-expand-icon.expanded');\n\n    const innerMenu = element.locator('.menu');\n    await expect(innerMenu).toHaveClass(/expanded/);\n\n    const bottomMenu = element.locator('ix-menu-item[slot=\"bottom\"]');\n    await bottomMenu.click();\n\n    await expect(innerMenu).not.toHaveClass(/expanded/);\n    await expect(element).toBeVisible();\n  }\n);\n\nregressionTest('should have correct aria label', async ({ mount, page }) => {\n  await mount(`\n    <ix-menu pinned>\n      <ix-menu-item>Random</ix-menu-item>\n    </ix-menu>\n  `);\n\n  const expandButton = page.locator('ix-menu').locator('ix-menu-expand-icon');\n\n  await expect(expandButton).toHaveAttribute('aria-label', 'Expand sidebar');\n\n  await expandButton.click();\n\n  await expect(expandButton).toHaveAttribute('aria-label', 'Expand sidebar');\n});\n\nasync function clickAboutButton(element: Locator, page: Page) {\n  const aboutButton = element.locator('ix-menu-item#aboutAndLegal');\n  await aboutButton.click();\n  await page.waitForTimeout(1000);\n}\n\nasync function clickSettingsButton(element: Locator, page: Page) {\n  const settingsButton = element.locator('ix-menu-item#settings');\n  await settingsButton.click();\n  await page.waitForTimeout(1000);\n}\n"]}

package/dist/collection/components/menu-about/test/menu-about.ct.js

@@ -1,65 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2024 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { expect } from "@playwright/test";
-import { regressionTest } from "../../../tests/utils/test/index";
-regressionTest('renders', async ({ mount, page }) => {
-    await mount(`
-      <ix-menu>
-        <ix-menu-about>
-          <ix-menu-about-item label="Tab 1">Content 1</ix-menu-about-item>
-          <ix-menu-about-item label="Tab 2">Content 2</ix-menu-about-item>
-        </ix-menu-about>
-      </ix-menu>
-    `);
-    const element = page.locator('#aboutAndLegal');
-    await element.click();
-    await page.getByText('Content 1').click();
-    const aboutAndLegal = page.locator('ix-menu-about');
-    await expect(aboutAndLegal).toHaveClass(/hydrated/);
-});
-regressionTest('active-tab-label', async ({ mount, page }) => {
-    await mount(`
-    <ix-application>
-      <ix-menu>
-        <ix-menu-about active-tab-label="Tab 2">
-          <ix-menu-about-item label="Tab 1">Content 1</ix-menu-about-item>
-          <ix-menu-about-item label="Tab 2">Content 2</ix-menu-about-item>
-        </ix-menu-about>
-      </ix-menu>
-    </ix-application>
-    `);
-    const element = page.locator('#aboutAndLegal');
-    await element.click();
-    const tabItems = page.locator('ix-tab-item');
-    await expect(tabItems.first()).toHaveClass(/hydrated/);
-    await expect(tabItems.first()).not.toHaveAttribute('selected', 'true');
-    await expect(tabItems.last()).toHaveAttribute('selected', 'true');
-});
-regressionTest('should not change tab', async ({ mount, page }) => {
-    await mount(`
-      <ix-menu>
-        <ix-menu-about>
-          <ix-menu-about-item label="Tab 1">Content 1</ix-menu-about-item>
-          <ix-menu-about-item label="Tab 2">Content 2</ix-menu-about-item>
-        </ix-menu-about>
-      </ix-menu>
-    `);
-    const about = page.locator('ix-menu-about');
-    const element = page.locator('#aboutAndLegal');
-    await element.click();
-    const tabItems = page.locator('ix-tab-item');
-    await expect(tabItems.first()).toHaveClass(/hydrated/);
-    await about.evaluate((e) => {
-        e.addEventListener('tabChange', (event) => event.preventDefault());
-    });
-    await tabItems.last().click();
-    await expect(tabItems.first()).toHaveAttribute('selected', 'true');
-    await expect(tabItems.last()).not.toHaveAttribute('selected', 'true');
-});
-//# sourceMappingURL=menu-about.ct.js.map

package/dist/collection/components/menu-about/test/menu-about.ct.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-about.ct.js","sourceRoot":"","sources":["../../../../src/components/menu-about/test/menu-about.ct.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,cAAc,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;IAClD,MAAM,KAAK,CAAC;;;;;;;KAOT,CAAC,CAAC;IAEL,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAC/C,MAAM,OAAO,CAAC,KAAK,EAAE,CAAC;IAEtB,MAAM,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE,CAAC;IAE1C,MAAM,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;IACpD,MAAM,MAAM,CAAC,aAAa,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;AACtD,CAAC,CAAC,CAAC;AAEH,cAAc,CAAC,kBAAkB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;IAC3D,MAAM,KAAK,CAAC;;;;;;;;;KAST,CAAC,CAAC;IAEL,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAC/C,MAAM,OAAO,CAAC,KAAK,EAAE,CAAC;IAEtB,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IAC7C,MAAM,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAEvD,MAAM,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;IACvE,MAAM,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,eAAe,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AACpE,CAAC,CAAC,CAAC;AAEH,cAAc,CAAC,uBAAuB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;IAChE,MAAM,KAAK,CAAC;;;;;;;KAOT,CAAC,CAAC;IAEL,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;IAC5C,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAC/C,MAAM,OAAO,CAAC,KAAK,EAAE,CAAC;IAEtB,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IAC7C,MAAM,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAEvD,MAAM,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE;QACzB,CAAC,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC;IACrE,CAAC,CAAC,CAAC;IAEH,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,CAAC;IAE9B,MAAM,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;IACnE,MAAM,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AACxE,CAAC,CAAC,CAAC","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { expect } from '@playwright/test';\nimport { regressionTest } from '@utils/test';\n\nregressionTest('renders', async ({ mount, page }) => {\n  await mount(`\n      <ix-menu>\n        <ix-menu-about>\n          <ix-menu-about-item label=\"Tab 1\">Content 1</ix-menu-about-item>\n          <ix-menu-about-item label=\"Tab 2\">Content 2</ix-menu-about-item>\n        </ix-menu-about>\n      </ix-menu>\n    `);\n\n  const element = page.locator('#aboutAndLegal');\n  await element.click();\n\n  await page.getByText('Content 1').click();\n\n  const aboutAndLegal = page.locator('ix-menu-about');\n  await expect(aboutAndLegal).toHaveClass(/hydrated/);\n});\n\nregressionTest('active-tab-label', async ({ mount, page }) => {\n  await mount(`\n    <ix-application>\n      <ix-menu>\n        <ix-menu-about active-tab-label=\"Tab 2\">\n          <ix-menu-about-item label=\"Tab 1\">Content 1</ix-menu-about-item>\n          <ix-menu-about-item label=\"Tab 2\">Content 2</ix-menu-about-item>\n        </ix-menu-about>\n      </ix-menu>\n    </ix-application>\n    `);\n\n  const element = page.locator('#aboutAndLegal');\n  await element.click();\n\n  const tabItems = page.locator('ix-tab-item');\n  await expect(tabItems.first()).toHaveClass(/hydrated/);\n\n  await expect(tabItems.first()).not.toHaveAttribute('selected', 'true');\n  await expect(tabItems.last()).toHaveAttribute('selected', 'true');\n});\n\nregressionTest('should not change tab', async ({ mount, page }) => {\n  await mount(`\n      <ix-menu>\n        <ix-menu-about>\n          <ix-menu-about-item label=\"Tab 1\">Content 1</ix-menu-about-item>\n          <ix-menu-about-item label=\"Tab 2\">Content 2</ix-menu-about-item>\n        </ix-menu-about>\n      </ix-menu>\n    `);\n\n  const about = page.locator('ix-menu-about');\n  const element = page.locator('#aboutAndLegal');\n  await element.click();\n\n  const tabItems = page.locator('ix-tab-item');\n  await expect(tabItems.first()).toHaveClass(/hydrated/);\n\n  await about.evaluate((e) => {\n    e.addEventListener('tabChange', (event) => event.preventDefault());\n  });\n\n  await tabItems.last().click();\n\n  await expect(tabItems.first()).toHaveAttribute('selected', 'true');\n  await expect(tabItems.last()).not.toHaveAttribute('selected', 'true');\n});\n"]}

package/dist/collection/components/menu-avatar-item/test/menu-avatar-item.ct.js

@@ -1,47 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2023 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { expect } from "@playwright/test";
-import { regressionTest } from "../../../tests/utils/test/index";
-const html = String.raw;
-regressionTest('Nested dropdowns', async ({ mount, page }) => {
-    await mount(html `
-    <ix-menu>
-      <ix-menu-avatar>
-        <ix-menu-avatar-item label="test" id="submenu-01"></ix-menu-avatar-item>
-      </ix-menu-avatar>
-    </ix-menu>
-    <ix-dropdown trigger="submenu-01" id="d1">
-      <ix-dropdown-item>SubMenuItem 1</ix-dropdown-item>
-      <ix-dropdown-item>SubMenuItem 2</ix-dropdown-item>
-      <ix-dropdown-item>SubMenuItem 3</ix-dropdown-item>
-      <ix-dropdown-item id="submenu-02">SubMenuItem 4</ix-dropdown-item>
-    </ix-dropdown>
-    <ix-dropdown trigger="submenu-02" id="d2">
-      <ix-dropdown-item>SubMenuItem 1</ix-dropdown-item>
-      <ix-dropdown-item>SubMenuItem 2</ix-dropdown-item>
-      <ix-dropdown-item>SubMenuItem 3</ix-dropdown-item>
-      <ix-dropdown-item>SubMenuItem 4</ix-dropdown-item>
-    </ix-dropdown>
-  `);
-    const menuAvatar = page.locator('ix-menu-avatar');
-    await expect(menuAvatar).toBeVisible();
-    await menuAvatar.click();
-    await expect(menuAvatar.locator('ix-dropdown')).toBeVisible();
-    const menuAvatarItem = menuAvatar.locator('ix-menu-avatar-item').nth(0);
-    await menuAvatarItem.click();
-    const dropdown1 = page.locator('#d1');
-    const dropdown2 = page.locator('#d2');
-    await expect(dropdown1).toBeVisible();
-    const dropdown2Trigger = dropdown1
-        .locator('ix-dropdown-item')
-        .filter({ hasText: 'SubMenuItem 4' });
-    await dropdown2Trigger.click();
-    await expect(dropdown2).toBeVisible();
-});
-//# sourceMappingURL=menu-avatar-item.ct.js.map

package/dist/collection/components/menu-avatar-item/test/menu-avatar-item.ct.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-avatar-item.ct.js","sourceRoot":"","sources":["../../../../src/components/menu-avatar-item/test/menu-avatar-item.ct.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC;AAExB,cAAc,CAAC,kBAAkB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;IAC3D,MAAM,KAAK,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;GAkBf,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAClD,MAAM,MAAM,CAAC,UAAU,CAAC,CAAC,WAAW,EAAE,CAAC;IACvC,MAAM,UAAU,CAAC,KAAK,EAAE,CAAC;IAEzB,MAAM,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAE9D,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IACxE,MAAM,cAAc,CAAC,KAAK,EAAE,CAAC;IAE7B,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAEtC,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;IAEtC,MAAM,gBAAgB,GAAG,SAAS;SAC/B,OAAO,CAAC,kBAAkB,CAAC;SAC3B,MAAM,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC,CAAC;IACxC,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC;IAE/B,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;AACxC,CAAC,CAAC,CAAC","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { expect } from '@playwright/test';\nimport { regressionTest } from '@utils/test';\n\nconst html = String.raw;\n\nregressionTest('Nested dropdowns', async ({ mount, page }) => {\n  await mount(html`\n    <ix-menu>\n      <ix-menu-avatar>\n        <ix-menu-avatar-item label=\"test\" id=\"submenu-01\"></ix-menu-avatar-item>\n      </ix-menu-avatar>\n    </ix-menu>\n    <ix-dropdown trigger=\"submenu-01\" id=\"d1\">\n      <ix-dropdown-item>SubMenuItem 1</ix-dropdown-item>\n      <ix-dropdown-item>SubMenuItem 2</ix-dropdown-item>\n      <ix-dropdown-item>SubMenuItem 3</ix-dropdown-item>\n      <ix-dropdown-item id=\"submenu-02\">SubMenuItem 4</ix-dropdown-item>\n    </ix-dropdown>\n    <ix-dropdown trigger=\"submenu-02\" id=\"d2\">\n      <ix-dropdown-item>SubMenuItem 1</ix-dropdown-item>\n      <ix-dropdown-item>SubMenuItem 2</ix-dropdown-item>\n      <ix-dropdown-item>SubMenuItem 3</ix-dropdown-item>\n      <ix-dropdown-item>SubMenuItem 4</ix-dropdown-item>\n    </ix-dropdown>\n  `);\n\n  const menuAvatar = page.locator('ix-menu-avatar');\n  await expect(menuAvatar).toBeVisible();\n  await menuAvatar.click();\n\n  await expect(menuAvatar.locator('ix-dropdown')).toBeVisible();\n\n  const menuAvatarItem = menuAvatar.locator('ix-menu-avatar-item').nth(0);\n  await menuAvatarItem.click();\n\n  const dropdown1 = page.locator('#d1');\n  const dropdown2 = page.locator('#d2');\n\n  await expect(dropdown1).toBeVisible();\n\n  const dropdown2Trigger = dropdown1\n    .locator('ix-dropdown-item')\n    .filter({ hasText: 'SubMenuItem 4' });\n  await dropdown2Trigger.click();\n\n  await expect(dropdown2).toBeVisible();\n});\n"]}