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

package/dist/collection/components/application-header/test/application-header.ct.js

@@ -1,389 +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 { test, viewPorts } from "../../../tests/utils/test/index";
-test('renders', async ({ mount, page }) => {
-    page.setViewportSize({
-        height: 500,
-        width: 1400,
-    });
-    await mount(`
-      <ix-basic-navigation application-name="test">
-      </ix-basic-navigation>
-    `);
-    const header = page.locator('ix-basic-navigation ix-application-header');
-    await expect(header).toBeVisible();
-    await expect(header).toHaveClass(/breakpoint-lg/);
-});
-test('use brand logo if provided', async ({ mount, page }) => {
-    await mount(``);
-    await page.evaluate(() => {
-        customElements.define('ix-siemens-logo', class extends HTMLElement {
-            constructor() {
-                super();
-                const shadow = this.attachShadow({ mode: 'open' });
-                const wrapper = document.createElement('div');
-                wrapper.innerText = `THE BRAND LOGO`;
-                shadow.appendChild(wrapper);
-            }
-        });
-    });
-    await page.evaluate(() => {
-        const header = document.createElement('ix-application-header');
-        header.name = 'Test';
-        document.querySelector('#mount').appendChild(header);
-    });
-    const header = page.locator('ix-application-header');
-    await expect(header).toBeVisible();
-    const logo = page.locator('ix-application-header .logo');
-    await expect(logo).toBeVisible();
-    const customLogo = logo.locator('ix-siemens-logo');
-    await expect(customLogo).toHaveText('THE BRAND LOGO');
-});
-test('use custom logo over brand logo', async ({ mount, page }) => {
-    await mount(``);
-    await page.evaluate(() => {
-        customElements.define('ix-siemens-logo', class extends HTMLElement {
-            constructor() {
-                super();
-                const shadow = this.attachShadow({ mode: 'open' });
-                const wrapper = document.createElement('div');
-                wrapper.innerText = `THE BRAND LOGO`;
-                shadow.appendChild(wrapper);
-            }
-        });
-    });
-    await page.evaluate(() => {
-        var _a;
-        const alternativeLogo = document.createElement('div');
-        alternativeLogo.innerText = 'CUSTOM LOGO';
-        alternativeLogo.slot = 'logo';
-        const header = document.createElement('ix-application-header');
-        header.name = 'Test';
-        header.appendChild(alternativeLogo);
-        (_a = document.querySelector('#mount')) === null || _a === void 0 ? void 0 : _a.appendChild(header);
-    });
-    const header = page.locator('ix-application-header');
-    await expect(header).toBeVisible();
-    const logo = page.locator('ix-application-header .logo');
-    await expect(logo).toBeVisible();
-    const customLogo = logo.getByText('THE BRAND LOGO');
-    await expect(customLogo).not.toBeVisible();
-});
-test('not response inside map navigation', async ({ mount, page }) => {
-    page.setViewportSize(viewPorts.sm);
-    await mount(`
-    <ix-map-navigation applicationName="Test">
-      <div slot="logo">Test</div>
-      <ix-menu>
-        <ix-menu-item>Test</ix-menu-item>
-      </ix-menu>
-    </ix-map-navigation>
-    `);
-    const header = page.locator('ix-map-navigation ix-application-header');
-    const burger = header.locator('ix-menu-expand-icon');
-    await expect(burger).not.toBeVisible();
-    await expect(header).toHaveClass(/breakpoint-md/);
-});
-test.describe('cross app navigation', () => {
-    test(`should show app switch icon`, async ({ page, mount }) => {
-        await page.evaluate(() => {
-            window.addEventListener('context-request', (evt) => {
-                console.dir(evt.callback);
-                evt.callback({
-                    hideHeader: false,
-                    host: null,
-                    sidebar: false,
-                    appSwitchConfig: {
-                        i18nAppSwitch: 'some other language',
-                        apps: [
-                            {
-                                id: '1',
-                                description: 'description 1',
-                                iconSrc: '',
-                                name: 'app name 1',
-                                target: '_blank',
-                                url: 'url-01',
-                            },
-                            {
-                                id: '2',
-                                description: 'description 2',
-                                iconSrc: '',
-                                name: 'app name 1',
-                                target: '_blank',
-                                url: 'url-02',
-                            },
-                        ],
-                        currentAppId: '2',
-                    },
-                });
-            });
-        });
-        const header = page.locator('ix-application-header');
-        const appSwitchButton = header.locator('ix-icon-button.app-switch');
-        await mount(`
-        <ix-application-header name="test">
-        </ix-application-header>
-      `);
-        await expect(header).toHaveClass(/hydrated/);
-        await expect(appSwitchButton).toBeVisible();
-        await appSwitchButton.click();
-        const dialog = page.getByRole('dialog');
-        await expect(dialog).toBeVisible();
-        const modalHeader = page.locator('ix-modal-header');
-        await expect(modalHeader).toHaveText(/some other language/);
-        const modalContent = page.locator('ix-modal-content');
-        const appEntries = modalContent.locator('.AppEntry');
-        await expect(appEntries).toHaveCount(2);
-    });
-    test(`should close modal after interaction with app`, async ({ page, mount, }) => {
-        await page.evaluate(() => {
-            window.addEventListener('context-request', (evt) => {
-                console.dir(evt.callback);
-                evt.callback({
-                    hideHeader: false,
-                    host: null,
-                    sidebar: false,
-                    appSwitchConfig: {
-                        apps: [
-                            {
-                                id: '1',
-                                description: 'description 1',
-                                iconSrc: '',
-                                name: 'app name 1',
-                                target: '_self',
-                                url: '',
-                            },
-                            {
-                                id: '2',
-                                description: 'description 2',
-                                iconSrc: '',
-                                name: 'app name 1',
-                                target: '_self',
-                                url: '',
-                            },
-                        ],
-                        currentAppId: '2',
-                    },
-                });
-            });
-        });
-        const header = page.locator('ix-application-header');
-        const appSwitchButton = header.locator('ix-icon-button.app-switch');
-        await mount(`
-        <ix-application-header name="test">
-        </ix-application-header>
-      `);
-        await expect(header).toHaveClass(/hydrated/);
-        await expect(appSwitchButton).toBeVisible();
-        await appSwitchButton.click();
-        const dialog = page.getByRole('dialog');
-        await expect(dialog).toBeVisible();
-        const modalContent = page.locator('ix-modal-content');
-        const appEntries = modalContent.locator('.AppEntry');
-        await expect(appEntries).toHaveCount(2);
-        const appEntry = appEntries.nth(0);
-        await appEntry.click();
-        await expect(dialog).not.toBeVisible();
-    });
-    test(`should show app switch apps (config async)`, async ({ page, mount, }) => {
-        await page.evaluate(() => {
-            window.addEventListener('context-request', (evt) => {
-                console.dir(evt.callback);
-                evt.callback({
-                    hideHeader: false,
-                    host: null,
-                    sidebar: false,
-                    appSwitchConfig: undefined,
-                });
-            });
-        });
-        await mount(`
-      <ix-application>
-        <ix-application-header name="test">
-        </ix-application-header>
-      </ix-application>
-      `);
-        const application = page.locator('ix-application');
-        const header = page.locator('ix-application-header');
-        const appSwitchButton = header.locator('ix-icon-button.app-switch');
-        await expect(header).toHaveClass(/hydrated/);
-        await expect(appSwitchButton).not.toBeVisible();
-        await application.evaluate((app) => {
-            app.appSwitchConfig = {
-                i18nAppSwitch: 'some other language',
-                apps: [
-                    {
-                        id: '1',
-                        description: 'description 1',
-                        iconSrc: '',
-                        name: 'app name 1',
-                        target: '_blank',
-                        url: 'url-01',
-                    },
-                    {
-                        id: '2',
-                        description: 'description 2',
-                        iconSrc: '',
-                        name: 'app name 1',
-                        target: '_blank',
-                        url: 'url-02',
-                    },
-                ],
-                currentAppId: '2',
-            };
-        });
-        await appSwitchButton.click();
-        const dialog = page.getByRole('dialog');
-        await expect(dialog).toBeVisible();
-        const modalHeader = page.locator('ix-modal-header');
-        await expect(modalHeader).toHaveText(/some other language/);
-        const modalContent = page.locator('ix-modal-content');
-        const appEntries = modalContent.locator('.AppEntry');
-        await expect(appEntries).toHaveCount(2);
-    });
-    test(`should show app switch apps (apps async)`, async ({ page, mount }) => {
-        await page.evaluate(() => {
-            window.addEventListener('context-request', (evt) => {
-                evt.callback({
-                    hideHeader: false,
-                    host: null,
-                    sidebar: false,
-                    appSwitchConfig: {
-                        i18nAppSwitch: 'some other language',
-                        i18nLoadingApps: 'LOADING APPS TEXT',
-                        apps: [],
-                        currentAppId: '2',
-                    },
-                });
-            });
-        });
-        await mount(`
-      <ix-application>
-        <ix-application-header name="test">
-        </ix-application-header>
-      </ix-application>
-      `);
-        const application = page.locator('ix-application');
-        await application.evaluate((app) => {
-            app.appSwitchConfig = {
-                i18nAppSwitch: 'some other language',
-                i18nLoadingApps: 'LOADING APPS TEXT',
-                apps: [],
-                currentAppId: '2',
-            };
-        });
-        const header = page.locator('ix-application-header');
-        const appSwitchButton = header.locator('ix-icon-button.app-switch');
-        await expect(header).toHaveClass(/hydrated/);
-        await expect(appSwitchButton).toBeVisible();
-        await appSwitchButton.click();
-        const dialog = page.getByRole('dialog');
-        await expect(dialog).toBeVisible();
-        const modalHeader = page.locator('ix-modal-header');
-        await expect(modalHeader).toHaveText(/some other language/);
-        const appSwitchModal = page.locator('ix-application-switch-modal');
-        const appSwitchSpinner = appSwitchModal.getByText('LOADING APPS TEXT');
-        await expect(appSwitchSpinner).toBeVisible();
-        await application.evaluate((app) => {
-            app.appSwitchConfig = {
-                i18nAppSwitch: 'some other language',
-                i18nLoadingApps: 'LOADING APPS TEXT',
-                apps: [
-                    {
-                        id: '1',
-                        description: 'description 1',
-                        iconSrc: '',
-                        name: 'app name 1',
-                        target: '_blank',
-                        url: 'url-01',
-                    },
-                    {
-                        id: '2',
-                        description: 'description 2',
-                        iconSrc: '',
-                        name: 'app name 1',
-                        target: '_blank',
-                        url: 'url-02',
-                    },
-                ],
-                currentAppId: '2',
-            };
-        });
-        const modalContent = page.locator('ix-modal-content');
-        const appEntries = modalContent.locator('.AppEntry');
-        await expect(appEntries).toHaveCount(2);
-    });
-    test(`should show slotted components`, async ({ page, mount }) => {
-        await mount(`
-      <ix-application-header name="Test">
-        <ix-button>before avatar</ix-button>
-        <ix-avatar></ix-avatar>
-        <ix-button>after avatar</ix-button>
-      </ix-application-header>
-      `);
-        const avatar = page.locator('ix-avatar');
-        const beforeAvatarButton = page.locator('ix-button').nth(0);
-        const afterAvatarButton = page.locator('ix-button').nth(1);
-        await expect(beforeAvatarButton).toBeVisible();
-        await expect(afterAvatarButton).toBeVisible();
-        await expect(avatar).toBeVisible();
-    });
-    test(`should show slotted components inside overflow`, async ({ page, mount, }) => {
-        await mount(`
-      <ix-application-header name="Test">
-        <ix-button>before avatar</ix-button>
-        <ix-avatar></ix-avatar>
-        <ix-button>after avatar</ix-button>
-      </ix-application-header>
-      `);
-        await page.setViewportSize(viewPorts.sm);
-        const avatar = page.locator('ix-avatar');
-        const moreMenuButton = page.locator('.context-menu');
-        const beforeAvatarButton = page
-            .getByRole('button')
-            .filter({ hasText: 'before avatar' });
-        const afterAvatarButton = page
-            .getByRole('button')
-            .filter({ hasText: 'after avatar' });
-        await expect(moreMenuButton).toBeVisible();
-        await expect(avatar).toBeVisible();
-        await expect(beforeAvatarButton).not.toBeVisible();
-        await expect(afterAvatarButton).not.toBeVisible();
-        await moreMenuButton.click();
-        const dropdown = page.locator('ix-application-header ix-dropdown[data-overflow-dropdown]');
-        await expect(dropdown).toBeVisible();
-        const dropdownBeforeAvatarButton = page
-            .locator('ix-application-header ix-button')
-            .nth(0);
-        const dropdownAfterAvatarButton = page
-            .locator('ix-application-header ix-button')
-            .nth(1);
-        await expect(dropdownBeforeAvatarButton).toHaveText('before avatar');
-        await expect(dropdownAfterAvatarButton).toHaveText('after avatar');
-        await expect(dropdownBeforeAvatarButton).toBeVisible();
-        await expect(dropdownAfterAvatarButton).toBeVisible();
-    });
-    Object.keys(viewPorts).forEach((key) => {
-        test(`should display avatar with viewport ${key}`, async ({ page, mount, }) => {
-            await page.setViewportSize(viewPorts.lg);
-            await mount(`
-        <ix-application-header name="Test">
-          <ix-avatar>
-          </ix-avatar>
-        </ix-application-header>
-      `);
-            const avatar = page.locator('ix-avatar');
-            await expect(avatar).toBeVisible();
-            await page.setViewportSize(viewPorts[key]);
-            await expect(avatar).toBeVisible();
-        });
-    });
-});
-//# sourceMappingURL=application-header.ct.js.map

package/dist/collection/components/application-header/test/application-header.ct.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"application-header.ct.js","sourceRoot":"","sources":["../../../../src/components/application-header/test/application-header.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 this source tree.\n */\nimport { expect } from '@playwright/test';\nimport { test, viewPorts } from '@utils/test';\nimport { ApplicationLayoutContext } from '../../utils/application-layout/context';\nimport { ContextType } from '../../utils/context';\n\ntest('renders', async ({ mount, page }) => {\n  page.setViewportSize({\n    height: 500,\n    width: 1400,\n  });\n  await mount(\n    `\n      <ix-basic-navigation application-name=\"test\">\n      </ix-basic-navigation>\n    `\n  );\n\n  const header = page.locator('ix-basic-navigation ix-application-header');\n\n  await expect(header).toBeVisible();\n  await expect(header).toHaveClass(/breakpoint-lg/);\n});\n\ntest('use brand logo if provided', async ({ mount, page }) => {\n  await mount(``);\n  await page.evaluate(() => {\n    customElements.define(\n      'ix-siemens-logo',\n      class extends HTMLElement {\n        constructor() {\n          super();\n          const shadow = this.attachShadow({ mode: 'open' });\n          const wrapper = document.createElement('div');\n          wrapper.innerText = `THE BRAND LOGO`;\n          shadow.appendChild(wrapper);\n        }\n      }\n    );\n  });\n\n  await page.evaluate(() => {\n    const header = document.createElement('ix-application-header');\n    header.name = 'Test';\n    document.querySelector('#mount')!.appendChild(header);\n  });\n\n  const header = page.locator('ix-application-header');\n  await expect(header).toBeVisible();\n\n  const logo = page.locator('ix-application-header .logo');\n  await expect(logo).toBeVisible();\n\n  const customLogo = logo.locator('ix-siemens-logo');\n  await expect(customLogo).toHaveText('THE BRAND LOGO');\n});\n\ntest('use custom logo over brand logo', async ({ mount, page }) => {\n  await mount(``);\n  await page.evaluate(() => {\n    customElements.define(\n      'ix-siemens-logo',\n      class extends HTMLElement {\n        constructor() {\n          super();\n          const shadow = this.attachShadow({ mode: 'open' });\n          const wrapper = document.createElement('div');\n          wrapper.innerText = `THE BRAND LOGO`;\n          shadow.appendChild(wrapper);\n        }\n      }\n    );\n  });\n\n  await page.evaluate(() => {\n    const alternativeLogo = document.createElement('div');\n    alternativeLogo.innerText = 'CUSTOM LOGO';\n    alternativeLogo.slot = 'logo';\n\n    const header = document.createElement('ix-application-header');\n    header.name = 'Test';\n\n    header.appendChild(alternativeLogo);\n    document.querySelector('#mount')?.appendChild(header);\n  });\n\n  const header = page.locator('ix-application-header');\n  await expect(header).toBeVisible();\n\n  const logo = page.locator('ix-application-header .logo');\n  await expect(logo).toBeVisible();\n\n  const customLogo = logo.getByText('THE BRAND LOGO');\n  await expect(customLogo).not.toBeVisible();\n});\n\ntest('not response inside map navigation', async ({ mount, page }) => {\n  page.setViewportSize(viewPorts.sm);\n  await mount(\n    `\n    <ix-map-navigation applicationName=\"Test\">\n      <div slot=\"logo\">Test</div>\n      <ix-menu>\n        <ix-menu-item>Test</ix-menu-item>\n      </ix-menu>\n    </ix-map-navigation>\n    `\n  );\n  const header = page.locator('ix-map-navigation ix-application-header');\n  const burger = header.locator('ix-menu-expand-icon');\n\n  await expect(burger).not.toBeVisible();\n  await expect(header).toHaveClass(/breakpoint-md/);\n});\n\ntest.describe('cross app navigation', () => {\n  test(`should show app switch icon`, async ({ page, mount }) => {\n    await page.evaluate(() => {\n      window.addEventListener('context-request', (evt: any) => {\n        console.dir(evt.callback);\n        evt.callback({\n          hideHeader: false,\n          host: null,\n          sidebar: false,\n          appSwitchConfig: {\n            i18nAppSwitch: 'some other language',\n            apps: [\n              {\n                id: '1',\n                description: 'description 1',\n                iconSrc: '',\n                name: 'app name 1',\n                target: '_blank',\n                url: 'url-01',\n              },\n              {\n                id: '2',\n                description: 'description 2',\n                iconSrc: '',\n                name: 'app name 1',\n                target: '_blank',\n                url: 'url-02',\n              },\n            ],\n            currentAppId: '2',\n          },\n        } as ContextType<typeof ApplicationLayoutContext>);\n      });\n    });\n    const header = page.locator('ix-application-header');\n    const appSwitchButton = header.locator('ix-icon-button.app-switch');\n    await mount(\n      `\n        <ix-application-header name=\"test\">\n        </ix-application-header>\n      `\n    );\n    await expect(header).toHaveClass(/hydrated/);\n    await expect(appSwitchButton).toBeVisible();\n\n    await appSwitchButton.click();\n\n    const dialog = page.getByRole('dialog');\n    await expect(dialog).toBeVisible();\n\n    const modalHeader = page.locator('ix-modal-header');\n    await expect(modalHeader).toHaveText(/some other language/);\n\n    const modalContent = page.locator('ix-modal-content');\n    const appEntries = modalContent.locator('.AppEntry');\n\n    await expect(appEntries).toHaveCount(2);\n  });\n\n  test(`should close modal after interaction with app`, async ({\n    page,\n    mount,\n  }) => {\n    await page.evaluate(() => {\n      window.addEventListener('context-request', (evt: any) => {\n        console.dir(evt.callback);\n        evt.callback({\n          hideHeader: false,\n          host: null,\n          sidebar: false,\n          appSwitchConfig: {\n            apps: [\n              {\n                id: '1',\n                description: 'description 1',\n                iconSrc: '',\n                name: 'app name 1',\n                target: '_self',\n                url: '',\n              },\n              {\n                id: '2',\n                description: 'description 2',\n                iconSrc: '',\n                name: 'app name 1',\n                target: '_self',\n                url: '',\n              },\n            ],\n            currentAppId: '2',\n          },\n        } as ContextType<typeof ApplicationLayoutContext>);\n      });\n    });\n    const header = page.locator('ix-application-header');\n    const appSwitchButton = header.locator('ix-icon-button.app-switch');\n    await mount(\n      `\n        <ix-application-header name=\"test\">\n        </ix-application-header>\n      `\n    );\n    await expect(header).toHaveClass(/hydrated/);\n    await expect(appSwitchButton).toBeVisible();\n\n    await appSwitchButton.click();\n\n    const dialog = page.getByRole('dialog');\n    await expect(dialog).toBeVisible();\n\n    const modalContent = page.locator('ix-modal-content');\n    const appEntries = modalContent.locator('.AppEntry');\n\n    await expect(appEntries).toHaveCount(2);\n\n    const appEntry = appEntries.nth(0);\n    await appEntry.click();\n\n    await expect(dialog).not.toBeVisible();\n  });\n\n  test(`should show app switch apps (config async)`, async ({\n    page,\n    mount,\n  }) => {\n    await page.evaluate(() => {\n      window.addEventListener('context-request', (evt: any) => {\n        console.dir(evt.callback);\n        evt.callback({\n          hideHeader: false,\n          host: null,\n          sidebar: false,\n          appSwitchConfig: undefined,\n        } as ContextType<typeof ApplicationLayoutContext>);\n      });\n    });\n    await mount(\n      `\n      <ix-application>\n        <ix-application-header name=\"test\">\n        </ix-application-header>\n      </ix-application>\n      `\n    );\n\n    const application = page.locator('ix-application');\n    const header = page.locator('ix-application-header');\n    const appSwitchButton = header.locator('ix-icon-button.app-switch');\n\n    await expect(header).toHaveClass(/hydrated/);\n    await expect(appSwitchButton).not.toBeVisible();\n\n    await application.evaluate((app) => {\n      (app as any).appSwitchConfig = {\n        i18nAppSwitch: 'some other language',\n        apps: [\n          {\n            id: '1',\n            description: 'description 1',\n            iconSrc: '',\n            name: 'app name 1',\n            target: '_blank',\n            url: 'url-01',\n          },\n          {\n            id: '2',\n            description: 'description 2',\n            iconSrc: '',\n            name: 'app name 1',\n            target: '_blank',\n            url: 'url-02',\n          },\n        ],\n        currentAppId: '2',\n      };\n    });\n\n    await appSwitchButton.click();\n\n    const dialog = page.getByRole('dialog');\n    await expect(dialog).toBeVisible();\n\n    const modalHeader = page.locator('ix-modal-header');\n    await expect(modalHeader).toHaveText(/some other language/);\n\n    const modalContent = page.locator('ix-modal-content');\n    const appEntries = modalContent.locator('.AppEntry');\n\n    await expect(appEntries).toHaveCount(2);\n  });\n\n  test(`should show app switch apps (apps async)`, async ({ page, mount }) => {\n    await page.evaluate(() => {\n      window.addEventListener('context-request', (evt: any) => {\n        evt.callback({\n          hideHeader: false,\n          host: null,\n          sidebar: false,\n          appSwitchConfig: {\n            i18nAppSwitch: 'some other language',\n            i18nLoadingApps: 'LOADING APPS TEXT',\n            apps: [],\n            currentAppId: '2',\n          },\n        } as ContextType<typeof ApplicationLayoutContext>);\n      });\n    });\n    await mount(\n      `\n      <ix-application>\n        <ix-application-header name=\"test\">\n        </ix-application-header>\n      </ix-application>\n      `\n    );\n\n    const application = page.locator('ix-application');\n    await application.evaluate((app) => {\n      (app as any).appSwitchConfig = {\n        i18nAppSwitch: 'some other language',\n        i18nLoadingApps: 'LOADING APPS TEXT',\n        apps: [],\n        currentAppId: '2',\n      };\n    });\n\n    const header = page.locator('ix-application-header');\n    const appSwitchButton = header.locator('ix-icon-button.app-switch');\n\n    await expect(header).toHaveClass(/hydrated/);\n    await expect(appSwitchButton).toBeVisible();\n\n    await appSwitchButton.click();\n\n    const dialog = page.getByRole('dialog');\n    await expect(dialog).toBeVisible();\n\n    const modalHeader = page.locator('ix-modal-header');\n    await expect(modalHeader).toHaveText(/some other language/);\n\n    const appSwitchModal = page.locator('ix-application-switch-modal');\n    const appSwitchSpinner = appSwitchModal.getByText('LOADING APPS TEXT');\n\n    await expect(appSwitchSpinner).toBeVisible();\n\n    await application.evaluate((app) => {\n      (app as any).appSwitchConfig = {\n        i18nAppSwitch: 'some other language',\n        i18nLoadingApps: 'LOADING APPS TEXT',\n        apps: [\n          {\n            id: '1',\n            description: 'description 1',\n            iconSrc: '',\n            name: 'app name 1',\n            target: '_blank',\n            url: 'url-01',\n          },\n          {\n            id: '2',\n            description: 'description 2',\n            iconSrc: '',\n            name: 'app name 1',\n            target: '_blank',\n            url: 'url-02',\n          },\n        ],\n        currentAppId: '2',\n      };\n    });\n\n    const modalContent = page.locator('ix-modal-content');\n    const appEntries = modalContent.locator('.AppEntry');\n\n    await expect(appEntries).toHaveCount(2);\n  });\n\n  test(`should show slotted components`, async ({ page, mount }) => {\n    await mount(\n      `\n      <ix-application-header name=\"Test\">\n        <ix-button>before avatar</ix-button>\n        <ix-avatar></ix-avatar>\n        <ix-button>after avatar</ix-button>\n      </ix-application-header>\n      `\n    );\n\n    const avatar = page.locator('ix-avatar');\n    const beforeAvatarButton = page.locator('ix-button').nth(0);\n    const afterAvatarButton = page.locator('ix-button').nth(1);\n\n    await expect(beforeAvatarButton).toBeVisible();\n    await expect(afterAvatarButton).toBeVisible();\n    await expect(avatar).toBeVisible();\n  });\n\n  test(`should show slotted components inside overflow`, async ({\n    page,\n    mount,\n  }) => {\n    await mount(\n      `\n      <ix-application-header name=\"Test\">\n        <ix-button>before avatar</ix-button>\n        <ix-avatar></ix-avatar>\n        <ix-button>after avatar</ix-button>\n      </ix-application-header>\n      `\n    );\n\n    await page.setViewportSize(viewPorts.sm);\n\n    const avatar = page.locator('ix-avatar');\n\n    const moreMenuButton = page.locator('.context-menu');\n\n    const beforeAvatarButton = page\n      .getByRole('button')\n      .filter({ hasText: 'before avatar' });\n\n    const afterAvatarButton = page\n      .getByRole('button')\n      .filter({ hasText: 'after avatar' });\n\n    await expect(moreMenuButton).toBeVisible();\n    await expect(avatar).toBeVisible();\n\n    await expect(beforeAvatarButton).not.toBeVisible();\n    await expect(afterAvatarButton).not.toBeVisible();\n\n    await moreMenuButton.click();\n\n    const dropdown = page.locator(\n      'ix-application-header ix-dropdown[data-overflow-dropdown]'\n    );\n    await expect(dropdown).toBeVisible();\n\n    const dropdownBeforeAvatarButton = page\n      .locator('ix-application-header ix-button')\n      .nth(0);\n    const dropdownAfterAvatarButton = page\n      .locator('ix-application-header ix-button')\n      .nth(1);\n    await expect(dropdownBeforeAvatarButton).toHaveText('before avatar');\n    await expect(dropdownAfterAvatarButton).toHaveText('after avatar');\n    await expect(dropdownBeforeAvatarButton).toBeVisible();\n    await expect(dropdownAfterAvatarButton).toBeVisible();\n  });\n\n  (Object.keys(viewPorts) as Array<keyof typeof viewPorts>).forEach((key) => {\n    test(`should display avatar with viewport ${key}`, async ({\n      page,\n      mount,\n    }) => {\n      await page.setViewportSize(viewPorts.lg);\n      await mount(\n        `\n        <ix-application-header name=\"Test\">\n          <ix-avatar>\n          </ix-avatar>\n        </ix-application-header>\n      `\n      );\n      const avatar = page.locator('ix-avatar');\n      await expect(avatar).toBeVisible();\n\n      await page.setViewportSize(viewPorts[key]);\n      await expect(avatar).toBeVisible();\n    });\n  });\n});\n"]}

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

@@ -1,85 +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, viewPorts } from "../../../tests/utils/test/index";
-regressionTest.describe('embedded into header', () => {
-    regressionTest('show avatar as clickable', async ({ page, mount }) => {
-        await page.setViewportSize(viewPorts.lg);
-        await mount(`
-      <ix-application-header name="Test">
-        <ix-avatar></ix-avatar>
-      </ix-application-header>
-    `);
-        const avatar = page.locator('ix-avatar');
-        await expect(avatar.locator('button')).toBeVisible();
-    });
-    regressionTest('show avatar dropdown', async ({ page, mount }) => {
-        await page.setViewportSize(viewPorts.lg);
-        await mount(`
-      <ix-application-header name="Test">
-        <ix-avatar>
-          <ix-dropdown-item label="Item 1"></ix-dropdown-item>
-          <ix-dropdown-item label="Item 2"></ix-dropdown-item>
-          <ix-dropdown-item label="Item 3"></ix-dropdown-item>
-        </ix-avatar>
-      </ix-application-header>
-    `);
-        const avatar = page.locator('ix-avatar');
-        await avatar.click();
-        await expect(avatar.locator('ix-dropdown')).toHaveClass(/show/);
-        await expect(avatar.getByText('Item 1')).toBeVisible();
-    });
-    regressionTest('show user-info', async ({ page, mount }) => {
-        await page.setViewportSize(viewPorts.lg);
-        await mount(`
-      <ix-application-header name="Test">
-        <ix-avatar username="foo" extra="bar">
-        </ix-avatar>
-      </ix-application-header>
-    `);
-        const avatar = page.locator('ix-avatar');
-        await avatar.click();
-        const userInfo = avatar.locator('.user-info');
-        const username = userInfo.locator('.username');
-        const extra = userInfo.locator('.extra');
-        await expect(avatar.locator('.user-info')).toBeVisible();
-        await expect(username).toHaveText('foo');
-        await expect(extra).toHaveText('bar');
-        await expect(avatar.locator('ix-divider')).not.toBeVisible();
-    });
-    regressionTest('should show divider if a element is slotted', async ({ page, mount }) => {
-        await page.setViewportSize(viewPorts.lg);
-        await mount(`
-      <ix-application-header name="Test">
-        <ix-avatar username="foo" extra="bar">
-          <ix-dropdown-item>test</ix-dropdown-item>
-        </ix-avatar>
-      </ix-application-header>
-    `);
-        const avatar = page.locator('ix-avatar');
-        await avatar.click();
-        await expect(avatar.locator('ix-divider')).toBeVisible();
-    });
-    regressionTest('should hide user info if no username is provided', async ({ page, mount }) => {
-        await page.setViewportSize(viewPorts.lg);
-        await mount(`
-      <ix-application-header name="Test">
-        <ix-avatar>
-          <ix-dropdown-item>Test</ix-dropdown-item>
-        </ix-avatar>
-      </ix-application-header>
-    `);
-        const avatar = page.locator('ix-avatar');
-        await avatar.click();
-        const userInfo = avatar.locator('.user-info');
-        await expect(userInfo).not.toBeVisible();
-        await expect(avatar.locator('ix-divider')).not.toBeVisible();
-    });
-});
-//# sourceMappingURL=avatar.ct.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"avatar.ct.js","sourceRoot":"","sources":["../../../../src/components/avatar/test/avatar.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 this source tree.\n */\nimport { expect } from '@playwright/test';\nimport { regressionTest, viewPorts } from '@utils/test';\n\nregressionTest.describe('embedded into header', () => {\n  regressionTest('show avatar as clickable', async ({ page, mount }) => {\n    await page.setViewportSize(viewPorts.lg);\n    await mount(\n      `\n      <ix-application-header name=\"Test\">\n        <ix-avatar></ix-avatar>\n      </ix-application-header>\n    `\n    );\n\n    const avatar = page.locator('ix-avatar');\n\n    await expect(avatar.locator('button')).toBeVisible();\n  });\n\n  regressionTest('show avatar dropdown', async ({ page, mount }) => {\n    await page.setViewportSize(viewPorts.lg);\n    await mount(\n      `\n      <ix-application-header name=\"Test\">\n        <ix-avatar>\n          <ix-dropdown-item label=\"Item 1\"></ix-dropdown-item>\n          <ix-dropdown-item label=\"Item 2\"></ix-dropdown-item>\n          <ix-dropdown-item label=\"Item 3\"></ix-dropdown-item>\n        </ix-avatar>\n      </ix-application-header>\n    `\n    );\n\n    const avatar = page.locator('ix-avatar');\n    await avatar.click();\n    await expect(avatar.locator('ix-dropdown')).toHaveClass(/show/);\n    await expect(avatar.getByText('Item 1')).toBeVisible();\n  });\n\n  regressionTest('show user-info', async ({ page, mount }) => {\n    await page.setViewportSize(viewPorts.lg);\n    await mount(\n      `\n      <ix-application-header name=\"Test\">\n        <ix-avatar username=\"foo\" extra=\"bar\">\n        </ix-avatar>\n      </ix-application-header>\n    `\n    );\n\n    const avatar = page.locator('ix-avatar');\n    await avatar.click();\n\n    const userInfo = avatar.locator('.user-info');\n    const username = userInfo.locator('.username');\n    const extra = userInfo.locator('.extra');\n\n    await expect(avatar.locator('.user-info')).toBeVisible();\n\n    await expect(username).toHaveText('foo');\n    await expect(extra).toHaveText('bar');\n\n    await expect(avatar.locator('ix-divider')).not.toBeVisible();\n  });\n\n  regressionTest(\n    'should show divider if a element is slotted',\n    async ({ page, mount }) => {\n      await page.setViewportSize(viewPorts.lg);\n      await mount(\n        `\n      <ix-application-header name=\"Test\">\n        <ix-avatar username=\"foo\" extra=\"bar\">\n          <ix-dropdown-item>test</ix-dropdown-item>\n        </ix-avatar>\n      </ix-application-header>\n    `\n      );\n\n      const avatar = page.locator('ix-avatar');\n      await avatar.click();\n\n      await expect(avatar.locator('ix-divider')).toBeVisible();\n    }\n  );\n\n  regressionTest(\n    'should hide user info if no username is provided',\n    async ({ page, mount }) => {\n      await page.setViewportSize(viewPorts.lg);\n      await mount(\n        `\n      <ix-application-header name=\"Test\">\n        <ix-avatar>\n          <ix-dropdown-item>Test</ix-dropdown-item>\n        </ix-avatar>\n      </ix-application-header>\n    `\n      );\n\n      const avatar = page.locator('ix-avatar');\n      await avatar.click();\n\n      const userInfo = avatar.locator('.user-info');\n\n      await expect(userInfo).not.toBeVisible();\n      await expect(avatar.locator('ix-divider')).not.toBeVisible();\n    }\n  );\n});\n"]}

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

@@ -1,16 +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-blind label="Example label">Some content</ix-blind>`);
-    const blindElement = page.locator('ix-blind');
-    await expect(blindElement).toHaveClass(/hydrated/);
-});
-//# sourceMappingURL=blind.ct.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"blind.ct.js","sourceRoot":"","sources":["../../../../src/components/blind/test/blind.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,yDAAyD,CAAC,CAAC;IACvE,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAC9C,MAAM,MAAM,CAAC,YAAY,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;AACrD,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(`<ix-blind label=\"Example label\">Some content</ix-blind>`);\n  const blindElement = page.locator('ix-blind');\n  await expect(blindElement).toHaveClass(/hydrated/);\n});\n"]}