npm - @siemens/ix - Versions diffs - 0.0.0-pr-1373-20240705054533 → 0.0.0-pr-1522-20241021144048 - Mend

@siemens/ix 0.0.0-pr-1373-20240705054533 → 0.0.0-pr-1522-20241021144048

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1191) hide show

package/dist/collection/tests/application/application.e2e.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"application.e2e.js","sourceRoot":"","sources":["../../../src/tests/application/application.e2e.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE9D,cAAc,CAAC,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;IACrD,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACzC,MAAM,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;QACrC,MAAM,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;QACzC,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;QAE/B,MAAM,IAAI,CAAC,OAAO,CAAC,6BAA6B,CAAC,CAAC,KAAK,EAAE,CAAC;QAC1D,MAAM,IAAI,CAAC,eAAe,CAAC,sCAAsC,CAAC,CAAC;QAEnE,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAEhC,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC;YAClC,QAAQ,EAAE,IAAI;YACd,UAAU,EAAE,UAAU;SACvB,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,eAAe,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACjD,MAAM,IAAI,CAAC,IAAI,CAAC,2BAA2B,CAAC,CAAC;QAC7C,MAAM,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;QACzC,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;QAE/B,MAAM,IAAI,CAAC,OAAO,CAAC,6BAA6B,CAAC,CAAC,KAAK,EAAE,CAAC;QAC1D,MAAM,IAAI,CAAC,eAAe,CAAC,sCAAsC,CAAC,CAAC;QAEnE,MAAM,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;QAE9D,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAEhC,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC;YAClC,QAAQ,EAAE,IAAI;YACd,UAAU,EAAE,UAAU;SACvB,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,cAAc,CAAC,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAC/C,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACzC,MAAM,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;QACrC,MAAM,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;QAEzC,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAEhC,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC;YAClC,QAAQ,EAAE,IAAI;YACd,UAAU,EAAE,UAAU;SACvB,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,eAAe,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACjD,MAAM,IAAI,CAAC,IAAI,CAAC,2BAA2B,CAAC,CAAC;QAC7C,MAAM,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;QACzC,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;QAE/B,MAAM,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;QAE9D,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAEhC,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC;YAClC,QAAQ,EAAE,IAAI;YACd,UAAU,EAAE,UAAU;SACvB,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAC5C,MAAM,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;QACrC,MAAM,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;QACzC,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;QAE/B,MAAM,IAAI,CAAC,OAAO,CAAC,6BAA6B,CAAC,CAAC,KAAK,EAAE,CAAC;QAC1D,MAAM,IAAI,CAAC,eAAe,CAAC,sCAAsC,CAAC,CAAC;QAEnE,MAAM,MAAM,CACV,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAClD,CAAC,WAAW,EAAE,CAAC;QAEhB,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAEhC,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC;YAClC,QAAQ,EAAE,IAAI;YACd,UAAU,EAAE,UAAU;SACvB,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,cAAc,CAAC,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACtD,cAAc,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAC1C,MAAM,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;QACtC,MAAM,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;QAEzC,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAEhC,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC;YAClC,QAAQ,EAAE,IAAI;YACd,UAAU,EAAE,UAAU;SACvB,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,iBAAiB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACnD,cAAc,CAAC,IAAI,CACjB,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EACnB,2CAA2C,CAC5C,CAAC;QAEF,MAAM,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;QACtC,MAAM,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;QAEzC,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;QAC/B,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,eAAe,CAC5C,2CAA2C,CAC5C,CAAC;QACF,MAAM,WAAW,CAAC,KAAK,EAAE,CAAC;QAE1B,MAAM,MAAM,CACV,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAClD,CAAC,WAAW,EAAE,CAAC;QAEhB,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAEhC,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC;YAClC,QAAQ,EAAE,IAAI;YACd,UAAU,EAAE,UAAU;SACvB,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,gBAAgB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAClD,MAAM,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;QACtC,MAAM,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;QAEzC,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;QAC/B,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,eAAe,CAC5C,2CAA2C,CAC5C,CAAC;QACF,MAAM,WAAW,CAAC,KAAK,EAAE,CAAC;QAC1B,MAAM,MAAM,CACV,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAClD,CAAC,WAAW,EAAE,CAAC;QAEhB,MAAM,cAAc,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,uBAAuB,CAAC,CAAC;QAC3E,MAAM,cAAc,CAAC,KAAK,EAAE,CAAC;QAE7B,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC;QAClD,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAE7C,MAAM,MAAM,CAAC,QAAQ,CAAC,CAAC,WAAW,EAAE,CAAC;QACrC,MAAM,MAAM,CAAC,aAAa,CAAC,CAAC,WAAW,EAAE,CAAC;QAE1C,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAEhC,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC;YAClC,QAAQ,EAAE,IAAI;YACd,UAAU,EAAE,UAAU;SACvB,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,yBAAyB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;QACxD,MAAM,KAAK,CACT;;;;;;;;;;;;;;;;;OAiBC,CACF,CAAC;QAEF,MAAM,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;QAEzC,YAAY;QACZ,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;QAE/B,MAAM,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QACpE,MAAM,MAAM,CAAC,gBAAgB,CAAC,CAAC,WAAW,EAAE,CAAC;QAC7C,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC;QAE/B,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QACrC,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAE3C,YAAY;QACZ,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;QAE/B,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAAC;QACvD,MAAM,QAAQ,CAAC,KAAK,CAAC;YACnB,KAAK,EAAE,IAAI;SACZ,CAAC,CAAC;QACH,YAAY;QACZ,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;QAC/B,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAE/C,MAAM,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC;QACzD,MAAM,MAAM,CAAC,eAAe,CAAC,CAAC,WAAW,EAAE,CAAC;QAE5C,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC;QAC/B,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAE3C,YAAY;QACZ,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;QAE/B,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC;YAClC,QAAQ,EAAE,IAAI;YACd,UAAU,EAAE,UAAU;SACvB,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,cAAc,CAAC,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IACjD,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACzC,MAAM,IAAI,CAAC,IAAI,CAAC,gCAAgC,CAAC,CAAC;QAElD,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;QACnE,MAAM,eAAe,CAAC,KAAK,EAAE,CAAC;QAE9B,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAChC,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;QACvC,MAAM,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAE5C,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC;YAClC,QAAQ,EAAE,IAAI;YACd,UAAU,EAAE,UAAU;SACvB,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;IAC1C,cAAc,CAAC,eAAe,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAC3D,MAAM,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;QAChD,MAAM,IAAI,CAAC,IAAI,CAAC,gCAAgC,CAAC,CAAC;QAElD,MAAM,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAEpE,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC;QAE/B,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAE9D,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC;YAClC,QAAQ,EAAE,IAAI;YACd,UAAU,EAAE,UAAU;SACvB,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,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 */\n\nimport { expect } from '@playwright/test';\nimport { regressionTest, test, viewPorts } from '@utils/test';\n\nregressionTest.describe('basic navigation large', () => {\n regressionTest('basic', async ({ page }) => {\n await page.goto('application/basic');\n await page.setViewportSize(viewPorts.lg);\n await page.waitForTimeout(500);\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 await page.waitForTimeout(1000);\n\n await expect(page).toHaveScreenshot({\n fullPage: true,\n animations: 'disabled',\n });\n });\n\n regressionTest('content width', async ({ page }) => {\n await page.goto('application/content-width');\n await page.setViewportSize(viewPorts.lg);\n await page.waitForTimeout(500);\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 await expect(page.getByText('Example content')).toBeVisible();\n\n await page.waitForTimeout(1000);\n\n await expect(page).toHaveScreenshot({\n fullPage: true,\n animations: 'disabled',\n });\n });\n});\n\nregressionTest.describe('basic navigation', () => {\n regressionTest('basic', async ({ page }) => {\n await page.goto('application/basic');\n await page.setViewportSize(viewPorts.md);\n\n await page.waitForTimeout(1000);\n\n await expect(page).toHaveScreenshot({\n fullPage: true,\n animations: 'disabled',\n });\n });\n\n regressionTest('content width', async ({ page }) => {\n await page.goto('application/content-width');\n await page.setViewportSize(viewPorts.md);\n await page.waitForTimeout(500);\n\n await expect(page.getByText('Example content')).toBeVisible();\n\n await page.waitForTimeout(1000);\n\n await expect(page).toHaveScreenshot({\n fullPage: true,\n animations: 'disabled',\n });\n });\n\n regressionTest('expanded', async ({ page }) => {\n await page.goto('application/basic');\n await page.setViewportSize(viewPorts.md);\n await page.waitForTimeout(500);\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 await expect(\n page.locator('ix-menu').locator('.menu.expanded')\n ).toBeVisible();\n\n await page.waitForTimeout(1000);\n\n await expect(page).toHaveScreenshot({\n fullPage: true,\n animations: 'disabled',\n });\n });\n});\n\nregressionTest.describe('basic navigation mobile', () => {\n regressionTest('mobile', async ({ page }) => {\n await page.goto('application/mobile');\n await page.setViewportSize(viewPorts.sm);\n\n await page.waitForTimeout(1000);\n\n await expect(page).toHaveScreenshot({\n fullPage: true,\n animations: 'disabled',\n });\n });\n\n regressionTest('mobile expanded', async ({ page }) => {\n regressionTest.skip(\n !!process.env['CI'],\n 'TODO: Fix flaky behavior on github runner'\n );\n\n await page.goto('application/mobile');\n await page.setViewportSize(viewPorts.sm);\n\n await page.waitForTimeout(500);\n const menuElement = await page.waitForSelector(\n 'ix-application-header ix-menu-expand-icon'\n );\n await menuElement.click();\n\n await expect(\n page.locator('ix-menu').locator('.menu.expanded')\n ).toBeVisible();\n\n await page.waitForTimeout(1000);\n\n await expect(page).toHaveScreenshot({\n fullPage: true,\n animations: 'disabled',\n });\n });\n\n regressionTest('mobile overlay', async ({ page }) => {\n await page.goto('application/mobile');\n await page.setViewportSize(viewPorts.sm);\n\n await page.waitForTimeout(500);\n const menuElement = await page.waitForSelector(\n 'ix-application-header ix-menu-expand-icon'\n );\n await menuElement.click();\n await expect(\n page.locator('ix-menu').locator('.menu.expanded')\n ).toBeVisible();\n\n const settingsButton = await page.waitForSelector('ix-menu-item#settings');\n await settingsButton.click();\n\n const settings = page.locator('ix-menu-settings');\n const settingsTitle = settings.locator('h2');\n\n await expect(settings).toBeVisible();\n await expect(settingsTitle).toBeVisible();\n\n await page.waitForTimeout(1000);\n\n await expect(page).toHaveScreenshot({\n fullPage: true,\n animations: 'disabled',\n });\n });\n\n test('mobile expanded overlay', async ({ page, mount }) => {\n await mount(\n `\n <ix-application>\n <ix-application-header name=\"Test\">\n <div slot=\"logo\">LOGO</div>\n </ix-application-header>\n <ix-menu>\n <ix-menu-item>Test 1</ix-menu-item>\n <ix-menu-item>Test 1</ix-menu-item>\n <ix-menu-item>Test 1</ix-menu-item>\n <ix-menu-settings>\n <ix-menu-settings-item>Item 1</ix-menu-settings-item>\n <ix-menu-settings-item>Item 1</ix-menu-settings-item>\n <ix-menu-settings-item>Item 1</ix-menu-settings-item>\n </ix-menu-settings>\n </ix-menu>\n <div class=\"debug-element\"></div>\n </ix-application>\n `\n );\n\n await page.setViewportSize(viewPorts.sm);\n\n // Animation\n await page.waitForTimeout(500);\n\n const toggleMenuButton = page.locator('ix-menu-expand-icon').nth(0);\n await expect(toggleMenuButton).toBeVisible();\n await toggleMenuButton.click();\n\n const menu = page.locator('ix-menu');\n await expect(menu).toHaveClass(/expanded/);\n\n // Animation\n await page.waitForTimeout(500);\n\n const settings = page.locator('ix-menu-item#settings');\n await settings.click({\n force: true,\n });\n // Animation\n await page.waitForTimeout(500);\n await expect(menu).not.toHaveClass(/expanded/);\n\n const settingsOverlay = page.locator('ix-menu-settings');\n await expect(settingsOverlay).toBeVisible();\n\n await toggleMenuButton.click();\n await expect(menu).toHaveClass(/expanded/);\n\n // Animation\n await page.waitForTimeout(500);\n\n await expect(page).toHaveScreenshot({\n fullPage: true,\n animations: 'disabled',\n });\n });\n});\n\nregressionTest.describe('application-switch', () => {\n regressionTest('modal', async ({ page }) => {\n await page.goto('application/application-switch');\n\n const appSwitchButton = page.getByRole('button', { name: 'Apps' });\n await appSwitchButton.click();\n\n await page.waitForTimeout(1000);\n const modal = page.locator('ix-modal');\n await expect(modal).toHaveClass(/hydrated/);\n\n await expect(page).toHaveScreenshot({\n fullPage: true,\n animations: 'disabled',\n });\n });\n});\n\nObject.keys(viewPorts).forEach((viewPort) => {\n regressionTest(`MenuSidebar ${viewPort}`, async ({ page }) => {\n await page.setViewportSize(viewPorts[viewPort]);\n await page.goto('application/application-switch');\n\n const toggleMenuButton = page.locator('ix-menu-expand-icon').nth(0);\n\n await toggleMenuButton.click();\n\n await expect(page.locator('ix-menu')).toHaveClass(/expanded/);\n\n await expect(page).toHaveScreenshot({\n fullPage: true,\n animations: 'disabled',\n });\n });\n});\n"]}
1	+ {"version":3,"file":"application.e2e.js","sourceRoot":"","sources":["../../../src/tests/application/application.e2e.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 */\n\nimport { expect } from '@playwright/test';\nimport { regressionTest, test, viewPorts } from '@utils/test';\n\nregressionTest.describe('basic navigation large', () => {\n regressionTest('basic', async ({ page }) => {\n await page.goto('application/basic');\n await page.setViewportSize(viewPorts.lg);\n await page.waitForTimeout(500);\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 await page.waitForTimeout(1000);\n\n await expect(page).toHaveScreenshot({\n fullPage: true,\n animations: 'disabled',\n });\n });\n\n regressionTest('content width', async ({ page }) => {\n await page.goto('application/content-width');\n await page.setViewportSize(viewPorts.lg);\n await page.waitForTimeout(500);\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 await expect(page.getByText('Example content')).toBeVisible();\n\n await page.waitForTimeout(1000);\n\n await expect(page).toHaveScreenshot({\n fullPage: true,\n animations: 'disabled',\n });\n });\n});\n\nregressionTest.describe('basic navigation', () => {\n regressionTest('basic', async ({ page }) => {\n await page.goto('application/basic');\n await page.setViewportSize(viewPorts.md);\n\n await page.waitForTimeout(1000);\n\n await expect(page).toHaveScreenshot({\n fullPage: true,\n animations: 'disabled',\n });\n });\n\n regressionTest('content width', async ({ page }) => {\n await page.goto('application/content-width');\n await page.setViewportSize(viewPorts.md);\n await page.waitForTimeout(500);\n\n await expect(page.getByText('Example content')).toBeVisible();\n\n await page.waitForTimeout(1000);\n\n await expect(page).toHaveScreenshot({\n fullPage: true,\n animations: 'disabled',\n });\n });\n\n regressionTest('expanded', async ({ page }) => {\n await page.goto('application/basic');\n await page.setViewportSize(viewPorts.md);\n await page.waitForTimeout(500);\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 await expect(\n page.locator('ix-menu').locator('.menu.expanded')\n ).toBeVisible();\n\n await page.waitForTimeout(1000);\n\n await expect(page).toHaveScreenshot({\n fullPage: true,\n animations: 'disabled',\n });\n });\n});\n\nregressionTest.describe('basic navigation mobile', () => {\n regressionTest('mobile', async ({ page }) => {\n await page.goto('application/mobile');\n await page.setViewportSize(viewPorts.sm);\n\n await page.waitForTimeout(1000);\n\n await expect(page).toHaveScreenshot({\n fullPage: true,\n animations: 'disabled',\n });\n });\n\n regressionTest('mobile expanded', async ({ page }) => {\n regressionTest.skip(\n !!process.env['CI'],\n 'TODO: Fix flaky behavior on github runner'\n );\n\n await page.goto('application/mobile');\n await page.setViewportSize(viewPorts.sm);\n\n await page.waitForTimeout(500);\n const menuElement = await page.waitForSelector(\n 'ix-application-header ix-menu-expand-icon'\n );\n await menuElement.click();\n\n await expect(\n page.locator('ix-menu').locator('.menu.expanded')\n ).toBeVisible();\n\n await page.waitForTimeout(1000);\n\n await expect(page).toHaveScreenshot({\n fullPage: true,\n animations: 'disabled',\n });\n });\n\n regressionTest('mobile overlay', async ({ page }) => {\n await page.goto('application/mobile');\n await page.setViewportSize(viewPorts.sm);\n\n await page.waitForTimeout(500);\n const menuElement = await page.waitForSelector(\n 'ix-application-header ix-menu-expand-icon'\n );\n await menuElement.click();\n await expect(\n page.locator('ix-menu').locator('.menu.expanded')\n ).toBeVisible();\n\n const settingsButton = await page.waitForSelector('ix-menu-item#settings');\n await settingsButton.click();\n\n const settings = page.locator('ix-menu-settings');\n const settingsTitle = settings.locator('h2');\n\n await expect(settings).toBeVisible();\n await expect(settingsTitle).toBeVisible();\n\n await page.waitForTimeout(1000);\n\n await expect(page).toHaveScreenshot({\n fullPage: true,\n animations: 'disabled',\n });\n });\n\n test('mobile expanded overlay', async ({ page, mount }) => {\n await mount(\n `\n <ix-application>\n <ix-application-header name=\"Test\">\n <div slot=\"logo\">LOGO</div>\n </ix-application-header>\n <ix-menu>\n <ix-menu-item>Test 1</ix-menu-item>\n <ix-menu-item>Test 1</ix-menu-item>\n <ix-menu-item>Test 1</ix-menu-item>\n <ix-menu-settings>\n <ix-menu-settings-item>Item 1</ix-menu-settings-item>\n <ix-menu-settings-item>Item 1</ix-menu-settings-item>\n <ix-menu-settings-item>Item 1</ix-menu-settings-item>\n </ix-menu-settings>\n </ix-menu>\n <div class=\"debug-element\"></div>\n </ix-application>\n `\n );\n\n await page.setViewportSize(viewPorts.sm);\n\n // Animation\n await page.waitForTimeout(500);\n\n const toggleMenuButton = page.locator('ix-menu-expand-icon').nth(0);\n await expect(toggleMenuButton).toBeVisible();\n await toggleMenuButton.click();\n\n const menu = page.locator('ix-menu');\n await expect(menu).toHaveClass(/expanded/);\n\n // Animation\n await page.waitForTimeout(500);\n\n const settings = page.locator('ix-menu-item#settings');\n await settings.click({\n force: true,\n });\n // Animation\n await page.waitForTimeout(500);\n await expect(menu).not.toHaveClass(/expanded/);\n\n const settingsOverlay = page.locator('ix-menu-settings');\n await expect(settingsOverlay).toBeVisible();\n\n await toggleMenuButton.click();\n await expect(menu).toHaveClass(/expanded/);\n\n // Animation\n await page.waitForTimeout(500);\n\n await expect(page).toHaveScreenshot({\n fullPage: true,\n animations: 'disabled',\n });\n });\n});\n\nregressionTest.describe('application-switch', () => {\n regressionTest('modal', async ({ page }) => {\n await page.goto('application/application-switch');\n\n const appSwitchButton = page.getByRole('button', { name: 'Apps' });\n await appSwitchButton.click();\n\n await page.waitForTimeout(1000);\n const modal = page.locator('ix-modal');\n await expect(modal).toHaveClass(/hydrated/);\n\n await expect(page).toHaveScreenshot({\n fullPage: true,\n animations: 'disabled',\n });\n });\n});\n\nObject.keys(viewPorts).forEach((viewPort) => {\n regressionTest(`MenuSidebar ${viewPort}`, async ({ page }) => {\n await page.setViewportSize(viewPorts[viewPort as keyof typeof viewPorts]);\n await page.goto('application/application-switch');\n\n const toggleMenuButton = page.locator('ix-menu-expand-icon').nth(0);\n\n await toggleMenuButton.click();\n\n await expect(page.locator('ix-menu')).toHaveClass(/expanded/);\n\n await expect(page).toHaveScreenshot({\n fullPage: true,\n animations: 'disabled',\n });\n });\n});\n"]}

package/dist/collection/tests/application-header/application-header.e2e.js CHANGED Viewed

@@ -42,4 +42,13 @@ regressionTest.describe('application header: basic', () => {
         await expect(page).toHaveScreenshot();
     });
 });
+regressionTest.describe('application header: standalone', () => {
+    Object.keys(viewPorts).forEach((name) => {
+        regressionTest(`viewport ${name}`, async ({ page }) => {
+            await page.setViewportSize(viewPorts[name]);
+            await page.goto('application-header/standalone');
+            await expect(page).toHaveScreenshot();
+        });
+    });
+});
 //# sourceMappingURL=application-header.e2e.js.map

package/dist/collection/tests/application-header/application-header.e2e.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"application-header.e2e.js","sourceRoot":"","sources":["../../../src/tests/application-header/application-header.e2e.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExD,cAAc,CAAC,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACxD,cAAc,CAAC,oCAAoC,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACtE,MAAM,IAAI,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC;QAC5C,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,cAAc,CACZ,0CAA0C,EAC1C,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACjB,MAAM,IAAI,CAAC,IAAI,CAAC,8BAA8B,CAAC,CAAC;QAChD,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACxC,CAAC,CACF,CAAC;IAEF,cAAc,CAAC,gBAAgB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAClD,MAAM,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;QACzC,MAAM,IAAI,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC;QAC/C,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,qBAAqB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACvD,MAAM,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;QACzC,MAAM,IAAI,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC;QAC/C,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,cAAc,CACZ,0CAA0C,EAC1C,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACjB,MAAM,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;QACzC,MAAM,IAAI,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC;QAE/C,MAAM,WAAW,GAAG,IAAI;aACrB,OAAO,CAAC,uBAAuB,CAAC;aAChC,OAAO,CAAC,qBAAqB,CAAC,CAAC;QAElC,MAAM,MAAM,CAAC,WAAW,CAAC,CAAC,WAAW,EAAE,CAAC;QACxC,MAAM,WAAW,CAAC,KAAK,EAAE,CAAC;QAE1B,MAAM,QAAQ,GAAG,IAAI;aAClB,OAAO,CAAC,uBAAuB,CAAC;aAChC,OAAO,CAAC,0BAA0B,CAAC,CAAC;QAEvC,MAAM,MAAM,CAAC,QAAQ,CAAC,CAAC,WAAW,EAAE,CAAC;QACrC,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACxC,CAAC,CACF,CAAC;AACJ,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 */\n\nimport { expect } from '@playwright/test';\nimport { regressionTest, viewPorts } from '@utils/test';\n\nregressionTest.describe('application header: basic', () => {\n regressionTest('should not have visual regressions', async ({ page }) => {\n await page.goto('application-header/basic');\n await expect(page).toHaveScreenshot();\n });\n\n regressionTest(\n 'should not have visual regressions - svg',\n async ({ page }) => {\n await page.goto('application-header/basic-svg');\n await expect(page).toHaveScreenshot();\n }\n );\n\n regressionTest('should content', async ({ page }) => {\n await page.setViewportSize(viewPorts.lg);\n await page.goto('application-header/overflow');\n await expect(page).toHaveScreenshot();\n });\n\n regressionTest('should content - sm', async ({ page }) => {\n await page.setViewportSize(viewPorts.sm);\n await page.goto('application-header/overflow');\n await expect(page).toHaveScreenshot();\n });\n\n regressionTest(\n 'should content - sm - click context menu',\n async ({ page }) => {\n await page.setViewportSize(viewPorts.sm);\n await page.goto('application-header/overflow');\n\n const contextMenu = page\n .locator('ix-application-header')\n .locator('[data-context-menu]');\n\n await expect(contextMenu).toBeVisible();\n await contextMenu.click();\n\n const dropdown = page\n .locator('ix-application-header')\n .locator('[data-overflow-dropdown]');\n\n await expect(dropdown).toBeVisible();\n await expect(page).toHaveScreenshot();\n }\n );\n});\n"]}
1	+ {"version":3,"file":"application-header.e2e.js","sourceRoot":"","sources":["../../../src/tests/application-header/application-header.e2e.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExD,cAAc,CAAC,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACxD,cAAc,CAAC,oCAAoC,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACtE,MAAM,IAAI,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC;QAC5C,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,cAAc,CACZ,0CAA0C,EAC1C,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACjB,MAAM,IAAI,CAAC,IAAI,CAAC,8BAA8B,CAAC,CAAC;QAChD,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACxC,CAAC,CACF,CAAC;IAEF,cAAc,CAAC,gBAAgB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAClD,MAAM,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;QACzC,MAAM,IAAI,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC;QAC/C,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,qBAAqB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACvD,MAAM,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;QACzC,MAAM,IAAI,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC;QAC/C,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,cAAc,CACZ,0CAA0C,EAC1C,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACjB,MAAM,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;QACzC,MAAM,IAAI,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC;QAE/C,MAAM,WAAW,GAAG,IAAI;aACrB,OAAO,CAAC,uBAAuB,CAAC;aAChC,OAAO,CAAC,qBAAqB,CAAC,CAAC;QAElC,MAAM,MAAM,CAAC,WAAW,CAAC,CAAC,WAAW,EAAE,CAAC;QACxC,MAAM,WAAW,CAAC,KAAK,EAAE,CAAC;QAE1B,MAAM,QAAQ,GAAG,IAAI;aAClB,OAAO,CAAC,uBAAuB,CAAC;aAChC,OAAO,CAAC,0BAA0B,CAAC,CAAC;QAEvC,MAAM,MAAM,CAAC,QAAQ,CAAC,CAAC,WAAW,EAAE,CAAC;QACrC,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACxC,CAAC,CACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,cAAc,CAAC,QAAQ,CAAC,gCAAgC,EAAE,GAAG,EAAE;IAC7D,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,IAA4B,EAAE,EAAE;QAC9D,cAAc,CAAC,YAAY,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;YACpD,MAAM,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;YAC5C,MAAM,IAAI,CAAC,IAAI,CAAC,+BAA+B,CAAC,CAAC;YACjD,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;QACxC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,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 */\n\nimport { expect } from '@playwright/test';\nimport { regressionTest, viewPorts } from '@utils/test';\n\nregressionTest.describe('application header: basic', () => {\n regressionTest('should not have visual regressions', async ({ page }) => {\n await page.goto('application-header/basic');\n await expect(page).toHaveScreenshot();\n });\n\n regressionTest(\n 'should not have visual regressions - svg',\n async ({ page }) => {\n await page.goto('application-header/basic-svg');\n await expect(page).toHaveScreenshot();\n }\n );\n\n regressionTest('should content', async ({ page }) => {\n await page.setViewportSize(viewPorts.lg);\n await page.goto('application-header/overflow');\n await expect(page).toHaveScreenshot();\n });\n\n regressionTest('should content - sm', async ({ page }) => {\n await page.setViewportSize(viewPorts.sm);\n await page.goto('application-header/overflow');\n await expect(page).toHaveScreenshot();\n });\n\n regressionTest(\n 'should content - sm - click context menu',\n async ({ page }) => {\n await page.setViewportSize(viewPorts.sm);\n await page.goto('application-header/overflow');\n\n const contextMenu = page\n .locator('ix-application-header')\n .locator('[data-context-menu]');\n\n await expect(contextMenu).toBeVisible();\n await contextMenu.click();\n\n const dropdown = page\n .locator('ix-application-header')\n .locator('[data-overflow-dropdown]');\n\n await expect(dropdown).toBeVisible();\n await expect(page).toHaveScreenshot();\n }\n );\n});\n\nregressionTest.describe('application header: standalone', () => {\n Object.keys(viewPorts).forEach((name: keyof typeof viewPorts) => {\n regressionTest(`viewport ${name}`, async ({ page }) => {\n await page.setViewportSize(viewPorts[name]);\n await page.goto('application-header/standalone');\n await expect(page).toHaveScreenshot();\n });\n });\n});\n"]}

package/dist/collection/tests/avatar/avatar.e2e.js CHANGED Viewed

@@ -27,5 +27,11 @@ regressionTest.describe('avatar', () => {
         await avatar.click();
         await expect(page).toHaveScreenshot({ fullPage: true });
     });
+    regressionTest('scrollbar', async ({ page }) => {
+        await page.goto('avatar/scrollbar');
+        await page.locator('ix-avatar').click();
+        await page.locator('ix-dropdown-item').last().hover();
+        await expect(page).toHaveScreenshot({ fullPage: true });
+    });
 });
 //# sourceMappingURL=avatar.e2e.js.map

package/dist/collection/tests/avatar/avatar.e2e.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"avatar.e2e.js","sourceRoot":"","sources":["../../../src/tests/avatar/avatar.e2e.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,cAAc,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACrC,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACzC,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAChC,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACzC,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAChC,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAC5C,MAAM,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QACnC,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAC7C,MAAM,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAEpC,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QAEzC,MAAM,MAAM,CAAC,KAAK,EAAE,CAAC;QAErB,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;AACL,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 */\n\nimport { expect } from '@playwright/test';\nimport { regressionTest } from '@utils/test';\n\nregressionTest.describe('avatar', () => {\n regressionTest('basic', async ({ page }) => {\n await page.goto('avatar/basic');\n await expect(page).toHaveScreenshot({ fullPage: true });\n });\n\n regressionTest('image', async ({ page }) => {\n await page.goto('avatar/image');\n await expect(page).toHaveScreenshot({ fullPage: true });\n });\n\n regressionTest('initials', async ({ page }) => {\n await page.goto('avatar/initials');\n await expect(page).toHaveScreenshot({ fullPage: true });\n });\n\n regressionTest('user-info', async ({ page }) => {\n await page.goto('avatar/user-info');\n\n const avatar = page.locator('ix-avatar');\n\n await avatar.click();\n\n await expect(page).toHaveScreenshot({ fullPage: true });\n });\n});\n"]}
1	+ {"version":3,"file":"avatar.e2e.js","sourceRoot":"","sources":["../../../src/tests/avatar/avatar.e2e.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,cAAc,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACrC,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACzC,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAChC,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACzC,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAChC,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAC5C,MAAM,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QACnC,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAC7C,MAAM,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAEpC,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QAEzC,MAAM,MAAM,CAAC,KAAK,EAAE,CAAC;QAErB,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAC7C,MAAM,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAEpC,MAAM,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE,CAAC;QACxC,MAAM,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,CAAC;QAEtD,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;AACL,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 */\n\nimport { expect } from '@playwright/test';\nimport { regressionTest } from '@utils/test';\n\nregressionTest.describe('avatar', () => {\n regressionTest('basic', async ({ page }) => {\n await page.goto('avatar/basic');\n await expect(page).toHaveScreenshot({ fullPage: true });\n });\n\n regressionTest('image', async ({ page }) => {\n await page.goto('avatar/image');\n await expect(page).toHaveScreenshot({ fullPage: true });\n });\n\n regressionTest('initials', async ({ page }) => {\n await page.goto('avatar/initials');\n await expect(page).toHaveScreenshot({ fullPage: true });\n });\n\n regressionTest('user-info', async ({ page }) => {\n await page.goto('avatar/user-info');\n\n const avatar = page.locator('ix-avatar');\n\n await avatar.click();\n\n await expect(page).toHaveScreenshot({ fullPage: true });\n });\n\n regressionTest('scrollbar', async ({ page }) => {\n await page.goto('avatar/scrollbar');\n\n await page.locator('ix-avatar').click();\n await page.locator('ix-dropdown-item').last().hover();\n\n await expect(page).toHaveScreenshot({ fullPage: true });\n });\n});\n"]}

package/dist/collection/tests/card-list/card-list.e2e.js CHANGED Viewed

@@ -7,13 +7,19 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { expect } from "@playwright/test";
-import { regressionTest } from "../utils/test/index";
+import { regressionTest, viewPorts } from "../utils/test/index";
 regressionTest.describe('card-list: basic', () => {
     regressionTest('should not have visual regressions', async ({ page }) => {
         await page.goto('card-list/basic');
         await page.waitForTimeout(1000);
         expect(await page.screenshot({ fullPage: true, animations: 'disabled' })).toMatchSnapshot();
     });
+    regressionTest('should show  ellipsis label', async ({ page }) => {
+        await page.goto('card-list/long-label');
+        await page.waitForTimeout(1000);
+        await page.setViewportSize(viewPorts.sm);
+        expect(await page.screenshot({ animations: 'disabled' })).toMatchSnapshot();
+    });
     regressionTest('should hide show all button', async ({ page }) => {
         await page.goto('card-list/hide-show-all');
         await page.waitForTimeout(1000);

package/dist/collection/tests/card-list/card-list.e2e.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"card-list.e2e.js","sourceRoot":"","sources":["../../../src/tests/card-list/card-list.e2e.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;~~AAE7C~~,cAAc,CAAC,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAC/C,cAAc,CAAC,oCAAoC,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACtE,MAAM,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QACnC,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;~~QAChC~~,MAAM,CACJ,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAClE,CAAC,eAAe,EAAE,CAAC;IACtB,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,6BAA6B,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAC/D,MAAM,IAAI,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC;QAC3C,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAChC,MAAM,CACJ,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAClE,CAAC,eAAe,EAAE,CAAC;IACtB,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,kBAAkB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACpD,MAAM,IAAI,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC;QAC3C,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAChC,MAAM,CACJ,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAClE,CAAC,eAAe,EAAE,CAAC;IACtB,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,sBAAsB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACxD,MAAM,IAAI,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC;QAE3C,MAAM,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,sBAAsB,EAAE,CAAC;QACpD,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAChC,MAAM,CACJ,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAClE,CAAC,eAAe,EAAE,CAAC;IACtB,CAAC,CAAC,CAAC;AACL,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 */\n\nimport { expect } from '@playwright/test';\nimport { regressionTest } from '@utils/test';\n\nregressionTest.describe('card-list: basic', () => {\n regressionTest('should not have visual regressions', async ({ page }) => {\n await page.goto('card-list/basic');\n await page.waitForTimeout(1000);\n expect(\n await page.screenshot({ fullPage: true, animations: 'disabled' })\n ).toMatchSnapshot();\n });\n\n regressionTest('should hide show all button', async ({ page }) => {\n await page.goto('card-list/hide-show-all');\n await page.waitForTimeout(1000);\n expect(\n await page.screenshot({ fullPage: true, animations: 'disabled' })\n ).toMatchSnapshot();\n });\n\n regressionTest('layout scrolling', async ({ page }) => {\n await page.goto('card-list/layout-scroll');\n await page.waitForTimeout(1000);\n expect(\n await page.screenshot({ fullPage: true, animations: 'disabled' })\n ).toMatchSnapshot();\n });\n\n regressionTest('layout scrolling end', async ({ page }) => {\n await page.goto('card-list/layout-scroll');\n\n await page.locator('#end').scrollIntoViewIfNeeded();\n await page.waitForTimeout(1000);\n expect(\n await page.screenshot({ fullPage: true, animations: 'disabled' })\n ).toMatchSnapshot();\n });\n});\n"]}
1	+ {"version":3,"file":"card-list.e2e.js","sourceRoot":"","sources":["../../../src/tests/card-list/card-list.e2e.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExD,cAAc,CAAC,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAC/C,cAAc,CAAC,oCAAoC,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACtE,MAAM,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QACnC,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAEhC,MAAM,CACJ,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAClE,CAAC,eAAe,EAAE,CAAC;IACtB,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,6BAA6B,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAC/D,MAAM,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;QACxC,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAChC,MAAM,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;QACzC,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;IAC9E,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,6BAA6B,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAC/D,MAAM,IAAI,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC;QAC3C,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAChC,MAAM,CACJ,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAClE,CAAC,eAAe,EAAE,CAAC;IACtB,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,kBAAkB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACpD,MAAM,IAAI,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC;QAC3C,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAChC,MAAM,CACJ,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAClE,CAAC,eAAe,EAAE,CAAC;IACtB,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,sBAAsB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACxD,MAAM,IAAI,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC;QAE3C,MAAM,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,sBAAsB,EAAE,CAAC;QACpD,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAChC,MAAM,CACJ,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAClE,CAAC,eAAe,EAAE,CAAC;IACtB,CAAC,CAAC,CAAC;AACL,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 */\n\nimport { expect } from '@playwright/test';\nimport { regressionTest, viewPorts } from '@utils/test';\n\nregressionTest.describe('card-list: basic', () => {\n regressionTest('should not have visual regressions', async ({ page }) => {\n await page.goto('card-list/basic');\n await page.waitForTimeout(1000);\n\n expect(\n await page.screenshot({ fullPage: true, animations: 'disabled' })\n ).toMatchSnapshot();\n });\n\n regressionTest('should show ellipsis label', async ({ page }) => {\n await page.goto('card-list/long-label');\n await page.waitForTimeout(1000);\n await page.setViewportSize(viewPorts.sm);\n expect(await page.screenshot({ animations: 'disabled' })).toMatchSnapshot();\n });\n\n regressionTest('should hide show all button', async ({ page }) => {\n await page.goto('card-list/hide-show-all');\n await page.waitForTimeout(1000);\n expect(\n await page.screenshot({ fullPage: true, animations: 'disabled' })\n ).toMatchSnapshot();\n });\n\n regressionTest('layout scrolling', async ({ page }) => {\n await page.goto('card-list/layout-scroll');\n await page.waitForTimeout(1000);\n expect(\n await page.screenshot({ fullPage: true, animations: 'disabled' })\n ).toMatchSnapshot();\n });\n\n regressionTest('layout scrolling end', async ({ page }) => {\n await page.goto('card-list/layout-scroll');\n\n await page.locator('#end').scrollIntoViewIfNeeded();\n await page.waitForTimeout(1000);\n expect(\n await page.screenshot({ fullPage: true, animations: 'disabled' })\n ).toMatchSnapshot();\n });\n});\n"]}

package/dist/collection/tests/dropdown/dropdown.e2e.js CHANGED Viewed

@@ -15,6 +15,12 @@ regressionTest.describe('dropdown', () => {
         await page.waitForSelector('.dropdown-menu.show');
         await expect(page).toHaveScreenshot();
     });
+    regressionTest('checked', async ({ page }) => {
+        await page.goto('dropdown/checked');
+        await page.locator('ix-button').click();
+        await page.waitForSelector('.dropdown-menu.show');
+        await expect(page).toHaveScreenshot();
+    });
     regressionTest('overflow', async ({ page }) => {
         await page.goto('dropdown/overflow');
         const menuHandle = await page.waitForSelector('.dropdown-menu.show');

package/dist/collection/tests/dropdown/dropdown.e2e.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dropdown.e2e.js","sourceRoot":"","sources":["../../../src/tests/dropdown/dropdown.e2e.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 */\n\nimport { expect } from '@playwright/test';\nimport { regressionTest } from '@utils/test';\n\nregressionTest.describe('dropdown', () => {\n regressionTest('basic', async ({ page }) => {\n await page.goto('dropdown/basic');\n\n await page.locator('ix-button').click();\n await page.waitForSelector('.dropdown-menu.show');\n\n await expect(page).toHaveScreenshot();\n });\n\n regressionTest('overflow', async ({ page }) => {\n await page.goto('dropdown/overflow');\n\n const menuHandle = await page.waitForSelector('.dropdown-menu.show');\n\n page.evaluate((menuElement) => {\n menuElement.scrollTop = 9999;\n menuElement.classList.add('__SCROLLED__');\n }, menuHandle);\n\n await page.waitForSelector('.dropdown-menu.show.__SCROLLED__');\n await expect(page).toHaveScreenshot();\n });\n\n regressionTest('disabled', async ({ page }) => {\n await page.goto('dropdown/disabled');\n\n await page.locator('ix-button').click();\n await page.waitForSelector('.dropdown-menu.show');\n\n await expect(page).toHaveScreenshot();\n });\n\n regressionTest('handle multiple', async ({ page }) => {\n await page.goto('dropdown/multiple');\n\n await page.locator('#trigger-a').click();\n await page.waitForSelector('.dropdown-menu.show');\n\n await page.locator('#trigger-b').click();\n await page.waitForSelector('.dropdown-menu.show');\n\n await expect(page).toHaveScreenshot();\n });\n\n regressionTest('zoom', async ({ page }) => {\n await page.goto('dropdown/basic');\n\n // Set the zoom\n await page.setViewportSize({ width: 1280, height: 720 });\n await page.evaluate(() => {\n (document.body.style as any).zoom = '110%';\n });\n\n await page.locator('ix-button').click();\n await page.waitForSelector('.dropdown-menu.show');\n\n await expect(page).toHaveScreenshot();\n });\n});\n"]}
1	+ {"version":3,"file":"dropdown.e2e.js","sourceRoot":"","sources":["../../../src/tests/dropdown/dropdown.e2e.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 */\n\nimport { expect } from '@playwright/test';\nimport { regressionTest } from '@utils/test';\n\nregressionTest.describe('dropdown', () => {\n regressionTest('basic', async ({ page }) => {\n await page.goto('dropdown/basic');\n\n await page.locator('ix-button').click();\n await page.waitForSelector('.dropdown-menu.show');\n\n await expect(page).toHaveScreenshot();\n });\n\n regressionTest('checked', async ({ page }) => {\n await page.goto('dropdown/checked');\n\n await page.locator('ix-button').click();\n await page.waitForSelector('.dropdown-menu.show');\n\n await expect(page).toHaveScreenshot();\n });\n\n regressionTest('overflow', async ({ page }) => {\n await page.goto('dropdown/overflow');\n\n const menuHandle = await page.waitForSelector('.dropdown-menu.show');\n\n page.evaluate((menuElement) => {\n menuElement.scrollTop = 9999;\n menuElement.classList.add('__SCROLLED__');\n }, menuHandle);\n\n await page.waitForSelector('.dropdown-menu.show.__SCROLLED__');\n await expect(page).toHaveScreenshot();\n });\n\n regressionTest('disabled', async ({ page }) => {\n await page.goto('dropdown/disabled');\n\n await page.locator('ix-button').click();\n await page.waitForSelector('.dropdown-menu.show');\n\n await expect(page).toHaveScreenshot();\n });\n\n regressionTest('handle multiple', async ({ page }) => {\n await page.goto('dropdown/multiple');\n\n await page.locator('#trigger-a').click();\n await page.waitForSelector('.dropdown-menu.show');\n\n await page.locator('#trigger-b').click();\n await page.waitForSelector('.dropdown-menu.show');\n\n await expect(page).toHaveScreenshot();\n });\n\n regressionTest('zoom', async ({ page }) => {\n await page.goto('dropdown/basic');\n\n // Set the zoom\n await page.setViewportSize({ width: 1280, height: 720 });\n await page.evaluate(() => {\n (document.body.style as any).zoom = '110%';\n });\n\n await page.locator('ix-button').click();\n await page.waitForSelector('.dropdown-menu.show');\n\n await expect(page).toHaveScreenshot();\n });\n});\n"]}

package/dist/collection/tests/group/group.e2e.js CHANGED Viewed

@@ -32,9 +32,18 @@ regressionTest.describe('group', () => {
     });
     regressionTest('item selected', async ({ page }) => {
         await page.goto('group/basic');
-        await page.locator('.btn-expand-header ix-icon').click();
-        await page.locator('text=Example text 1').first().click();
-        await page.locator('text=Example text 2').first().hover();
+        await page.getByTestId('expand-collapsed-icon').click();
+        await page.locator('text=Example text 1').click();
+        await page.locator('text=Example text 2').hover();
+        expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
+    });
+    regressionTest('adapt-width', async ({ page }) => {
+        await page.goto('group/adapt-width');
+        const children = await page.locator('ix-group').all();
+        for (const child of children) {
+            const groupExpand = child.getByTestId('expand-collapsed-icon');
+            await groupExpand.click();
+        }
         expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
     });
 });

package/dist/collection/tests/group/group.e2e.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"group.e2e.js","sourceRoot":"","sources":["../../../src/tests/group/group.e2e.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,cAAc,CAAC,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IACpC,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACzC,MAAM,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC/B,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,mBAAmB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACrD,MAAM,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;QACtC,MAAM,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,KAAK,EAAE,CAAC;QAC7C,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAC5C,MAAM,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC/B,MAAM,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;QACjC,MAAM,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;QACjC,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,iBAAiB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACnD,MAAM,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAClC,MAAM,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;QACjC,MAAM,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;QACjC,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,eAAe,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACjD,MAAM,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC/B,MAAM,IAAI,CAAC,OAAO,CAAC,~~4BAA4B~~,CAAC,CAAC,KAAK,EAAE,CAAC;~~QACzD~~,MAAM,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC;~~QAC1D~~,MAAM,IAAI,CAAC,OAAO,CAAC,~~qBAAqB~~,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC;~~QAE1D~~,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;IACtE,CAAC,CAAC,CAAC;AACL,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 */\n\nimport { expect } from '@playwright/test';\nimport { regressionTest } from '@utils/test';\n\nregressionTest.describe('group', () => {\n regressionTest('basic', async ({ page }) => {\n await page.goto('group/basic');\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n });\n\n regressionTest('with context menu', async ({ page }) => {\n await page.goto('group/context-menu');\n await page.locator('ix-icon-button').click();\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n });\n\n regressionTest('selected', async ({ page }) => {\n await page.goto('group/basic');\n await page.click(\"[id='group']\");\n await page.hover(\"[id='group']\");\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n });\n\n regressionTest('header overflow', async ({ page }) => {\n await page.goto('group/overflow');\n await page.click(\"[id='group']\");\n await page.hover(\"[id='group']\");\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n });\n\n regressionTest('item selected', async ({ page }) => {\n await page.goto('group/basic');\n await page.~~locator~~('~~.btn-~~expand-~~header ix~~-icon').click();\n await page.locator('text=Example text 1').~~first().~~click();\n await page.locator('text=Example text 2').~~first~~().~~hover~~();\n\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n });\n});\n"]}
1	+ {"version":3,"file":"group.e2e.js","sourceRoot":"","sources":["../../../src/tests/group/group.e2e.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 */\n\nimport { expect } from '@playwright/test';\nimport { regressionTest } from '@utils/test';\n\nregressionTest.describe('group', () => {\n regressionTest('basic', async ({ page }) => {\n await page.goto('group/basic');\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n });\n\n regressionTest('with context menu', async ({ page }) => {\n await page.goto('group/context-menu');\n await page.locator('ix-icon-button').click();\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n });\n\n regressionTest('selected', async ({ page }) => {\n await page.goto('group/basic');\n await page.click(\"[id='group']\");\n await page.hover(\"[id='group']\");\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n });\n\n regressionTest('header overflow', async ({ page }) => {\n await page.goto('group/overflow');\n await page.click(\"[id='group']\");\n await page.hover(\"[id='group']\");\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n });\n\n regressionTest('item selected', async ({ page }) => {\n await page.goto('group/basic');\n await page.getByTestId('expand-collapsed-icon').click();\n await page.locator('text=Example text 1').click();\n await page.locator('text=Example text 2').hover();\n\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n });\n\n regressionTest('adapt-width', async ({ page }) => {\n await page.goto('group/adapt-width');\n const children = await page.locator('ix-group').all();\n for (const child of children) {\n const groupExpand = child.getByTestId('expand-collapsed-icon');\n await groupExpand.click();\n }\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n });\n});\n"]}

package/dist/collection/tests/input/input.e2e.js CHANGED Viewed

@@ -38,9 +38,21 @@ regressionTest.describe('input', () => {
         await page.goto('input/readonly');
         await expect(page).toHaveScreenshot();
     });
+    regressionTest('readonly and hover', async ({ page }) => {
+        await page.goto('input/readonly');
+        const input = await page.waitForSelector('input');
+        await input.hover();
+        await expect(page).toHaveScreenshot();
+    });
     regressionTest('disabled', async ({ page }) => {
         await page.goto('input/disabled');
         await expect(page).toHaveScreenshot();
     });
+    regressionTest('disabled and hover', async ({ page }) => {
+        await page.goto('input/disabled');
+        const input = await page.waitForSelector('input');
+        await input.hover();
+        await expect(page).toHaveScreenshot();
+    });
 });
 //# sourceMappingURL=input.e2e.js.map

package/dist/collection/tests/input/input.e2e.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input.e2e.js","sourceRoot":"","sources":["../../../src/tests/input/input.e2e.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,cAAc,CAAC,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IACpC,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACzC,MAAM,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC/B,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACzC,MAAM,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC/B,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QAClD,MAAM,KAAK,CAAC,KAAK,EAAE,CAAC;QAEpB,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAChC,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACzC,MAAM,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC/B,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QAClD,MAAM,KAAK,CAAC,KAAK,EAAE,CAAC;QAEpB,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAChC,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAC9C,MAAM,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC/B,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QAClD,MAAM,KAAK,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAEpC,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAChC,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAC5C,MAAM,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAClC,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAC5C,MAAM,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAClC,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;AACL,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 */\n\nimport { expect } from '@playwright/test';\nimport { regressionTest } from '@utils/test';\n\nregressionTest.describe('input', () => {\n regressionTest('basic', async ({ page }) => {\n await page.goto('input/basic');\n await expect(page).toHaveScreenshot();\n });\n\n regressionTest('hover', async ({ page }) => {\n await page.goto('input/basic');\n const input = await page.waitForSelector('input');\n await input.hover();\n\n await page.waitForTimeout(1000);\n await expect(page).toHaveScreenshot();\n });\n\n regressionTest('focus', async ({ page }) => {\n await page.goto('input/basic');\n const input = await page.waitForSelector('input');\n await input.focus();\n\n await page.waitForTimeout(1000);\n await expect(page).toHaveScreenshot();\n });\n\n regressionTest('with value', async ({ page }) => {\n await page.goto('input/basic');\n const input = await page.waitForSelector('input');\n await input.fill('Example content');\n\n await page.waitForTimeout(1000);\n await expect(page).toHaveScreenshot();\n });\n\n regressionTest('readonly', async ({ page }) => {\n await page.goto('input/readonly');\n await expect(page).toHaveScreenshot();\n });\n\n regressionTest('disabled', async ({ page }) => {\n await page.goto('input/disabled');\n await expect(page).toHaveScreenshot();\n });\n});\n"]}
1	+ {"version":3,"file":"input.e2e.js","sourceRoot":"","sources":["../../../src/tests/input/input.e2e.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 */\n\nimport { expect } from '@playwright/test';\nimport { regressionTest } from '@utils/test';\n\nregressionTest.describe('input', () => {\n regressionTest('basic', async ({ page }) => {\n await page.goto('input/basic');\n await expect(page).toHaveScreenshot();\n });\n\n regressionTest('hover', async ({ page }) => {\n await page.goto('input/basic');\n const input = await page.waitForSelector('input');\n await input.hover();\n\n await page.waitForTimeout(1000);\n await expect(page).toHaveScreenshot();\n });\n\n regressionTest('focus', async ({ page }) => {\n await page.goto('input/basic');\n const input = await page.waitForSelector('input');\n await input.focus();\n\n await page.waitForTimeout(1000);\n await expect(page).toHaveScreenshot();\n });\n\n regressionTest('with value', async ({ page }) => {\n await page.goto('input/basic');\n const input = await page.waitForSelector('input');\n await input.fill('Example content');\n\n await page.waitForTimeout(1000);\n await expect(page).toHaveScreenshot();\n });\n\n regressionTest('readonly', async ({ page }) => {\n await page.goto('input/readonly');\n await expect(page).toHaveScreenshot();\n });\n\n regressionTest('readonly and hover', async ({ page }) => {\n await page.goto('input/readonly');\n const input = await page.waitForSelector('input');\n await input.hover();\n await expect(page).toHaveScreenshot();\n });\n\n regressionTest('disabled', async ({ page }) => {\n await page.goto('input/disabled');\n await expect(page).toHaveScreenshot();\n });\n\n regressionTest('disabled and hover', async ({ page }) => {\n await page.goto('input/disabled');\n const input = await page.waitForSelector('input');\n await input.hover();\n await expect(page).toHaveScreenshot();\n });\n});\n"]}

package/dist/collection/tests/slider/slider.e2e.js CHANGED Viewed

@@ -38,6 +38,20 @@ test('should show reference value', async ({ page, mount }) => {
         trace
         trace-reference="75"
       ></ix-slider>
+      <ix-slider
+        style="width: 20rem"
+        trace
+        value="50"
+      ></ix-slider>
+      <ix-slider
+        style="width: 20rem"
+        trace
+        trace-reference="100"
+        value="50"
+      ></ix-slider>
     </div>
   `);
     const slider = page.locator('ix-slider').nth(0);
@@ -59,6 +73,23 @@ test('should render marker', async ({ page, mount }) => {
     await slider.evaluate((elm) => (elm.marker = [10, 20, 70, 80, 100]));
     expect(await page.locator('ix-slider').screenshot()).toMatchSnapshot();
 });
+test('should show float steps', async ({ page, mount }) => {
+    await mount(`
+    <ix-slider
+      style="width: 20rem"
+      value="0.2"
+      max="1"
+      step="0.1"
+      min="0"
+    ></ix-slider>
+  `);
+    const slider = page.locator('ix-slider');
+    await expect(slider).toHaveClass(/hydrated/);
+    await slider.hover();
+    await page.mouse.move(100, 0);
+    await page.mouse.down();
+    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
+});
 test('should render with min-max changes', async ({ page, mount }) => {
     await mount(`
     <div id='slider-container'>

package/dist/collection/tests/slider/slider.e2e.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"slider.e2e.js","sourceRoot":"","sources":["../../../src/tests/slider/slider.e2e.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,IAAI,CAAC,6BAA6B,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;IAC5D,MAAM,KAAK,CAAC~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BX~~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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 } from '@playwright/test';\nimport { test } from '@utils/test';\n\ntest('should show reference value', async ({ page, mount }) => {\n await mount(`\n <div id='slider-container'>\n <ix-slider\n style=\"width: 20rem\"\n value=\"100\"\n ></ix-slider>\n\n <ix-slider\n style=\"width: 20rem\"\n value=\"100\"\n step=\"25\"\n trace\n trace-reference=\"25\"\n ></ix-slider>\n\n <ix-slider\n style=\"width: 20rem\"\n value=\"100\"\n step=\"25\"\n trace\n trace-reference=\"50\"\n ></ix-slider>\n\n <ix-slider\n style=\"width: 20rem\"\n value=\"0\"\n trace\n trace-reference=\"75\"\n ></ix-slider>\n </div>\n `);\n\n const slider = page.locator('ix-slider').nth(0);\n await expect(slider).toHaveClass(/hydrated/);\n await expect(slider).toBeVisible();\n\n expect(\n await page.locator('#slider-container').screenshot()\n ).toMatchSnapshot();\n});\n\ntest('should render marker', async ({ page, mount }) => {\n await mount(`\n <ix-slider\n style=\"width: 20rem\"\n value=\"40\"\n max=\"250\"\n min=\"25\"\n ></ix-slider>\n `);\n\n const slider = page.locator('ix-slider');\n await expect(slider).toHaveClass(/hydrated/);\n\n await slider.evaluate(\n (elm: HTMLIxSliderElement) => (elm.marker = [10, 20, 70, 80, 100])\n );\n\n expect(await page.locator('ix-slider').screenshot()).toMatchSnapshot();\n});\n\ntest('should render with min-max changes', async ({ page, mount }) => {\n await mount(`\n <div id='slider-container'>\n\n <ix-slider\n min=\"500\"\n max=\"1000\"\n value=\"777\"\n trace\n traceReference=\"498\"\n ></ix-slider>\n\n <ix-slider\n min=\"-100\"\n max=\"50\"\n value=\"25\"\n trace\n traceReference=\"-40\"\n ></ix-slider>\n\n </div>\n `);\n\n const slider1 = page.locator('ix-slider').nth(0);\n const slider2 = page.locator('ix-slider').nth(1);\n\n await expect(slider1).toHaveClass(/hydrated/);\n await expect(slider2).toHaveClass(/hydrated/);\n\n await slider1.evaluate((elm: HTMLIxSliderElement) => {\n elm.marker = [700, 800, 900];\n });\n\n await slider2.evaluate((elm: HTMLIxSliderElement) => {\n elm.marker = [-50, 25];\n });\n\n expect(\n await page.locator('#slider-container').screenshot()\n ).toMatchSnapshot();\n});\n\ntest('should render with label', async ({ page, mount }) => {\n await mount(`\n <div id='slider-container'>\n\n <ix-slider\n min=\"500\"\n max=\"1000\"\n value=\"777\"\n trace\n traceReference=\"2000\"\n >\n <span slot=\"label-start\">500</span>\n <span slot=\"label-end\">1000</span>\n </ix-slider>\n\n <ix-slider>\n <ix-icon name=\"rocket\" slot=\"label-start\">500</ix-icon>\n <ix-icon name=\"rocket\" slot=\"label-end\">1000</ix-icon>\n </ix-slider>\n\n </div>\n `);\n\n const slider1 = page.locator('ix-slider').nth(0);\n const slider2 = page.locator('ix-slider').nth(1);\n\n await expect(slider1).toHaveClass(/hydrated/);\n await expect(slider2).toHaveClass(/hydrated/);\n\n expect(\n await page.locator('#slider-container').screenshot()\n ).toMatchSnapshot();\n});\n\ntest('should render with error', async ({ page, mount }) => {\n await mount(`\n <div id='slider-container'>\n\n <ix-slider error=\"Some error message\">\n </ix-slider>\n\n <ix-slider error=\"Some error message\">\n <span slot=\"label-start\">500</span>\n <span slot=\"label-end\">1000</span>\n </ix-slider>\n\n </div>\n `);\n\n const slider1 = page.locator('ix-slider').nth(0);\n const slider2 = page.locator('ix-slider').nth(1);\n\n await expect(slider1).toHaveClass(/hydrated/);\n await expect(slider2).toHaveClass(/hydrated/);\n\n expect(\n await page.locator('#slider-container').screenshot()\n ).toMatchSnapshot();\n});\n"]}
1	+ {"version":3,"file":"slider.e2e.js","sourceRoot":"","sources":["../../../src/tests/slider/slider.e2e.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 } from '@playwright/test';\nimport { test } from '@utils/test';\n\ntest('should show reference value', async ({ page, mount }) => {\n await mount(`\n <div id='slider-container'>\n <ix-slider\n style=\"width: 20rem\"\n value=\"100\"\n ></ix-slider>\n\n <ix-slider\n style=\"width: 20rem\"\n value=\"100\"\n step=\"25\"\n trace\n trace-reference=\"25\"\n ></ix-slider>\n\n <ix-slider\n style=\"width: 20rem\"\n value=\"100\"\n step=\"25\"\n trace\n trace-reference=\"50\"\n ></ix-slider>\n\n <ix-slider\n style=\"width: 20rem\"\n value=\"0\"\n trace\n trace-reference=\"75\"\n ></ix-slider>\n\n <ix-slider\n style=\"width: 20rem\"\n trace\n value=\"50\"\n ></ix-slider>\n\n\n <ix-slider\n style=\"width: 20rem\"\n trace\n trace-reference=\"100\"\n value=\"50\"\n ></ix-slider>\n </div>\n `);\n\n const slider = page.locator('ix-slider').nth(0);\n await expect(slider).toHaveClass(/hydrated/);\n await expect(slider).toBeVisible();\n\n expect(\n await page.locator('#slider-container').screenshot()\n ).toMatchSnapshot();\n});\n\ntest('should render marker', async ({ page, mount }) => {\n await mount(`\n <ix-slider\n style=\"width: 20rem\"\n value=\"40\"\n max=\"250\"\n min=\"25\"\n ></ix-slider>\n `);\n\n const slider = page.locator('ix-slider');\n await expect(slider).toHaveClass(/hydrated/);\n\n await slider.evaluate(\n (elm: HTMLIxSliderElement) => (elm.marker = [10, 20, 70, 80, 100])\n );\n\n expect(await page.locator('ix-slider').screenshot()).toMatchSnapshot();\n});\n\ntest('should show float steps', async ({ page, mount }) => {\n await mount(`\n <ix-slider\n style=\"width: 20rem\"\n value=\"0.2\"\n max=\"1\"\n step=\"0.1\"\n min=\"0\"\n ></ix-slider>\n `);\n\n const slider = page.locator('ix-slider');\n await expect(slider).toHaveClass(/hydrated/);\n\n await slider.hover();\n await page.mouse.move(100, 0);\n await page.mouse.down();\n\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n});\n\ntest('should render with min-max changes', async ({ page, mount }) => {\n await mount(`\n <div id='slider-container'>\n\n <ix-slider\n min=\"500\"\n max=\"1000\"\n value=\"777\"\n trace\n traceReference=\"498\"\n ></ix-slider>\n\n <ix-slider\n min=\"-100\"\n max=\"50\"\n value=\"25\"\n trace\n traceReference=\"-40\"\n ></ix-slider>\n\n </div>\n `);\n\n const slider1 = page.locator('ix-slider').nth(0);\n const slider2 = page.locator('ix-slider').nth(1);\n\n await expect(slider1).toHaveClass(/hydrated/);\n await expect(slider2).toHaveClass(/hydrated/);\n\n await slider1.evaluate((elm: HTMLIxSliderElement) => {\n elm.marker = [700, 800, 900];\n });\n\n await slider2.evaluate((elm: HTMLIxSliderElement) => {\n elm.marker = [-50, 25];\n });\n\n expect(\n await page.locator('#slider-container').screenshot()\n ).toMatchSnapshot();\n});\n\ntest('should render with label', async ({ page, mount }) => {\n await mount(`\n <div id='slider-container'>\n\n <ix-slider\n min=\"500\"\n max=\"1000\"\n value=\"777\"\n trace\n traceReference=\"2000\"\n >\n <span slot=\"label-start\">500</span>\n <span slot=\"label-end\">1000</span>\n </ix-slider>\n\n <ix-slider>\n <ix-icon name=\"rocket\" slot=\"label-start\">500</ix-icon>\n <ix-icon name=\"rocket\" slot=\"label-end\">1000</ix-icon>\n </ix-slider>\n\n </div>\n `);\n\n const slider1 = page.locator('ix-slider').nth(0);\n const slider2 = page.locator('ix-slider').nth(1);\n\n await expect(slider1).toHaveClass(/hydrated/);\n await expect(slider2).toHaveClass(/hydrated/);\n\n expect(\n await page.locator('#slider-container').screenshot()\n ).toMatchSnapshot();\n});\n\ntest('should render with error', async ({ page, mount }) => {\n await mount(`\n <div id='slider-container'>\n\n <ix-slider error=\"Some error message\">\n </ix-slider>\n\n <ix-slider error=\"Some error message\">\n <span slot=\"label-start\">500</span>\n <span slot=\"label-end\">1000</span>\n </ix-slider>\n\n </div>\n `);\n\n const slider1 = page.locator('ix-slider').nth(0);\n const slider2 = page.locator('ix-slider').nth(1);\n\n await expect(slider1).toHaveClass(/hydrated/);\n await expect(slider2).toHaveClass(/hydrated/);\n\n expect(\n await page.locator('#slider-container').screenshot()\n ).toMatchSnapshot();\n});\n"]}

package/dist/collection/tests/tabs/tabs.e2e.js CHANGED Viewed

@@ -23,7 +23,7 @@ regressionTest.describe('tabs', () => {
     });
     regressionTest('overflow', async ({ page }) => {
         await page.goto('tabs/overflow');
-        const selectItem = await page.waitForSelector("[data-tab-id='7']");
+        const selectItem = await page.waitForSelector("[data-tab-id='5']");
         await selectItem.click();
         await page.waitForTimeout(500);
         expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();

package/dist/collection/tests/tabs/tabs.e2e.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tabs.e2e.js","sourceRoot":"","sources":["../../../src/tests/tabs/tabs.e2e.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,cAAc,CAAC,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;IACnC,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACzC,MAAM,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAC9B,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAC3C,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAChC,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAC7C,MAAM,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAClC,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAC5C,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QAEjC,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,mBAAmB,CAAC,CAAC;QACnE,MAAM,UAAU,CAAC,KAAK,EAAE,CAAC;QAEzB,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;QAE/B,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;IACtE,CAAC,CAAC,CAAC;AACL,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 */\n\nimport { expect } from '@playwright/test';\nimport { regressionTest } from '@utils/test';\n\nregressionTest.describe('tabs', () => {\n regressionTest('basic', async ({ page }) => {\n await page.goto('tabs/basic');\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n });\n\n regressionTest('rounded', async ({ page }) => {\n await page.goto('tabs/rounded');\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n });\n\n regressionTest('stretched', async ({ page }) => {\n await page.goto('tabs/stretched');\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n });\n\n regressionTest('overflow', async ({ page }) => {\n await page.goto('tabs/overflow');\n\n const selectItem = await page.waitForSelector(\"[data-tab-id='7']\");\n await selectItem.click();\n\n await page.waitForTimeout(500);\n\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n });\n});\n"]}
1	+ {"version":3,"file":"tabs.e2e.js","sourceRoot":"","sources":["../../../src/tests/tabs/tabs.e2e.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,cAAc,CAAC,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;IACnC,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACzC,MAAM,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAC9B,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAC3C,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAChC,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAC7C,MAAM,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAClC,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAC5C,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QAEjC,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,mBAAmB,CAAC,CAAC;QACnE,MAAM,UAAU,CAAC,KAAK,EAAE,CAAC;QAEzB,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;QAE/B,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;IACtE,CAAC,CAAC,CAAC;AACL,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 */\n\nimport { expect } from '@playwright/test';\nimport { regressionTest } from '@utils/test';\n\nregressionTest.describe('tabs', () => {\n regressionTest('basic', async ({ page }) => {\n await page.goto('tabs/basic');\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n });\n\n regressionTest('rounded', async ({ page }) => {\n await page.goto('tabs/rounded');\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n });\n\n regressionTest('stretched', async ({ page }) => {\n await page.goto('tabs/stretched');\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n });\n\n regressionTest('overflow', async ({ page }) => {\n await page.goto('tabs/overflow');\n\n const selectItem = await page.waitForSelector(\"[data-tab-id='5']\");\n await selectItem.click();\n\n await page.waitForTimeout(500);\n\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n });\n});\n"]}

package/dist/collection/tests/tooltip/tooltip.e2e.js CHANGED Viewed

@@ -45,6 +45,28 @@ regressionTest.describe('tooltip', () => {
             maxDiffPixelRatio: 0.01,
         });
     });
+    regressionTest('placement near viewport edge', async ({ page }) => {
+        await page.goto('tooltip/placement-on-edge');
+        const tooltips = [
+            'myTooltip-left',
+            'myTooltip-right',
+            'myTooltip-top',
+            'myTooltip-bottom',
+        ];
+        for (const tooltip of tooltips) {
+            const tooltipTriggerHandler = await page.waitForSelector(`[data-tooltip="${tooltip}"]`);
+            await tooltipTriggerHandler.hover();
+            await page.waitForTimeout(500);
+            expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
+        }
+    });
+    regressionTest('global style not bleeding into tooltip', async ({ page }) => {
+        await page.goto('tooltip/overlapping-styles');
+        const tooltipTriggerHandler = await page.waitForSelector('#test');
+        await tooltipTriggerHandler.hover();
+        await page.waitForTimeout(500);
+        expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
+    });
     test('tooltip position top', async ({ mount, page }) => {
         await mount(`
       <div style="padding: 10rem">

package/dist/collection/tests/tooltip/tooltip.e2e.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tooltip.e2e.js","sourceRoot":"","sources":["../../../src/tests/tooltip/tooltip.e2e.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 */\n\nimport { expect } from '@playwright/test';\nimport { regressionTest, test } from '@utils/test';\n\nregressionTest.describe('tooltip', () => {\n regressionTest('Long Text long words', async ({ page }) => {\n await page.goto('tooltip/basic');\n\n const tooltipTriggerHandler = await page.waitForSelector(\n '[data-tooltip=\"Test1\"]'\n );\n\n await tooltipTriggerHandler.hover();\n await page.waitForTimeout(500);\n\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot({\n maxDiffPixelRatio: 0.01,\n });\n });\n\n regressionTest('Short', async ({ page }) => {\n await page.goto('tooltip/basic');\n\n const tooltipTriggerHandler = await page.waitForSelector(\n '[data-tooltip=\"Test2\"]'\n );\n\n await tooltipTriggerHandler.hover();\n await page.waitForTimeout(500);\n\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot({\n maxDiffPixelRatio: 0.01,\n });\n });\n\n regressionTest('Long text short words', async ({ page }) => {\n await page.goto('tooltip/basic');\n\n const tooltipTriggerHandler = await page.waitForSelector(\n '[data-tooltip=\"Test3\"]'\n );\n\n await tooltipTriggerHandler.hover();\n await page.waitForTimeout(500);\n\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot({\n maxDiffPixelRatio: 0.01,\n });\n });\n\n regressionTest('fallback placement', async ({ page }) => {\n await page.goto('tooltip/placement-fallback');\n\n const tooltipTriggerHandler = await page.waitForSelector(\n '[data-tooltip=\"Test3\"]'\n );\n\n await tooltipTriggerHandler.hover();\n await page.waitForTimeout(500);\n\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot({\n maxDiffPixelRatio: 0.01,\n });\n });\n\n test('tooltip position top', async ({ mount, page }) => {\n await mount(`\n <div style=\"padding: 10rem\">\n <ix-button id=\"trigger\">Trigger</ix-button>\n <ix-tooltip for=\"#trigger\" placement=\"top\">\n Tooltip content 123 123\n </ix-tooltip>\n </div>\n `);\n\n const trigger = await page.waitForSelector('#trigger');\n await trigger.hover();\n await page.waitForTimeout(500);\n\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n });\n\n test('tooltip position right', async ({ mount, page }) => {\n await mount(`\n <div style=\"padding: 10rem\">\n <ix-button id=\"trigger\">Trigger</ix-button>\n <ix-tooltip for=\"#trigger\" placement=\"right\">\n Tooltip content 123 123\n </ix-tooltip>\n </div>\n `);\n\n const trigger = await page.waitForSelector('#trigger');\n await trigger.hover();\n await page.waitForTimeout(500);\n\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n });\n\n test('tooltip position bottom', async ({ mount, page }) => {\n await mount(`\n <div style=\"padding: 10rem\">\n <ix-button id=\"trigger\">Trigger</ix-button>\n <ix-tooltip for=\"#trigger\" placement=\"bottom\">\n Tooltip content 123 123\n </ix-tooltip>\n </div>\n `);\n\n const trigger = await page.waitForSelector('#trigger');\n await trigger.hover();\n await page.waitForTimeout(500);\n\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n });\n\n test('tooltip position left', async ({ mount, page }) => {\n await mount(`\n <div style=\"width: 10rem; height: 10rem\">\n <ix-button id=\"trigger\" style=\"position: absolute; left: 20rem; top: 10rem;\">Trigger</ix-button>\n <ix-tooltip for=\"#trigger\" placement=\"left\">\n Tooltip content 123 123\n </ix-tooltip>\n </div>\n `);\n\n const trigger = await page.waitForSelector('#trigger');\n await trigger.hover();\n await page.waitForTimeout(500);\n\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n });\n});\n\nregressionTest.describe('tooltip delay', () => {\n ['top', 'right', 'bottom', 'left'].forEach((placement) => {\n test(`tooltip placement ${placement} with delay`, async ({\n mount,\n page,\n }) => {\n const testDelayToShowTooltip = 1100;\n await mount(`\n <div style=\"margin: 20rem\">\n <ix-button>Long text</ix-button>\n <ix-tooltip\n for=\"ix-button\"\n title-content=\"Test\"\n showDelay=\"1000\"\n placement=\"${placement}\"\n >\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam\n </ix-tooltip>\n </div>\n `);\n\n const tooltipTrigger = page.locator('ix-button');\n await tooltipTrigger.hover();\n\n await page.waitForTimeout(testDelayToShowTooltip);\n\n expect(await page.screenshot()).toMatchSnapshot();\n });\n });\n});\n"]}
1	+ {"version":3,"file":"tooltip.e2e.js","sourceRoot":"","sources":["../../../src/tests/tooltip/tooltip.e2e.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 */\n\nimport { expect } from '@playwright/test';\nimport { regressionTest, test } from '@utils/test';\n\nregressionTest.describe('tooltip', () => {\n regressionTest('Long Text long words', async ({ page }) => {\n await page.goto('tooltip/basic');\n\n const tooltipTriggerHandler = await page.waitForSelector(\n '[data-tooltip=\"Test1\"]'\n );\n\n await tooltipTriggerHandler.hover();\n await page.waitForTimeout(500);\n\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot({\n maxDiffPixelRatio: 0.01,\n });\n });\n\n regressionTest('Short', async ({ page }) => {\n await page.goto('tooltip/basic');\n\n const tooltipTriggerHandler = await page.waitForSelector(\n '[data-tooltip=\"Test2\"]'\n );\n\n await tooltipTriggerHandler.hover();\n await page.waitForTimeout(500);\n\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot({\n maxDiffPixelRatio: 0.01,\n });\n });\n\n regressionTest('Long text short words', async ({ page }) => {\n await page.goto('tooltip/basic');\n\n const tooltipTriggerHandler = await page.waitForSelector(\n '[data-tooltip=\"Test3\"]'\n );\n\n await tooltipTriggerHandler.hover();\n await page.waitForTimeout(500);\n\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot({\n maxDiffPixelRatio: 0.01,\n });\n });\n\n regressionTest('fallback placement', async ({ page }) => {\n await page.goto('tooltip/placement-fallback');\n\n const tooltipTriggerHandler = await page.waitForSelector(\n '[data-tooltip=\"Test3\"]'\n );\n\n await tooltipTriggerHandler.hover();\n await page.waitForTimeout(500);\n\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot({\n maxDiffPixelRatio: 0.01,\n });\n });\n\n regressionTest('placement near viewport edge', async ({ page }) => {\n await page.goto('tooltip/placement-on-edge');\n\n const tooltips = [\n 'myTooltip-left',\n 'myTooltip-right',\n 'myTooltip-top',\n 'myTooltip-bottom',\n ];\n\n for (const tooltip of tooltips) {\n const tooltipTriggerHandler = await page.waitForSelector(\n `[data-tooltip=\"${tooltip}\"]`\n );\n\n await tooltipTriggerHandler.hover();\n await page.waitForTimeout(500);\n\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n }\n });\n\n regressionTest('global style not bleeding into tooltip', async ({ page }) => {\n await page.goto('tooltip/overlapping-styles');\n\n const tooltipTriggerHandler = await page.waitForSelector('#test');\n\n await tooltipTriggerHandler.hover();\n await page.waitForTimeout(500);\n\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n });\n\n test('tooltip position top', async ({ mount, page }) => {\n await mount(`\n <div style=\"padding: 10rem\">\n <ix-button id=\"trigger\">Trigger</ix-button>\n <ix-tooltip for=\"#trigger\" placement=\"top\">\n Tooltip content 123 123\n </ix-tooltip>\n </div>\n `);\n\n const trigger = await page.waitForSelector('#trigger');\n await trigger.hover();\n await page.waitForTimeout(500);\n\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n });\n\n test('tooltip position right', async ({ mount, page }) => {\n await mount(`\n <div style=\"padding: 10rem\">\n <ix-button id=\"trigger\">Trigger</ix-button>\n <ix-tooltip for=\"#trigger\" placement=\"right\">\n Tooltip content 123 123\n </ix-tooltip>\n </div>\n `);\n\n const trigger = await page.waitForSelector('#trigger');\n await trigger.hover();\n await page.waitForTimeout(500);\n\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n });\n\n test('tooltip position bottom', async ({ mount, page }) => {\n await mount(`\n <div style=\"padding: 10rem\">\n <ix-button id=\"trigger\">Trigger</ix-button>\n <ix-tooltip for=\"#trigger\" placement=\"bottom\">\n Tooltip content 123 123\n </ix-tooltip>\n </div>\n `);\n\n const trigger = await page.waitForSelector('#trigger');\n await trigger.hover();\n await page.waitForTimeout(500);\n\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n });\n\n test('tooltip position left', async ({ mount, page }) => {\n await mount(`\n <div style=\"width: 10rem; height: 10rem\">\n <ix-button id=\"trigger\" style=\"position: absolute; left: 20rem; top: 10rem;\">Trigger</ix-button>\n <ix-tooltip for=\"#trigger\" placement=\"left\">\n Tooltip content 123 123\n </ix-tooltip>\n </div>\n `);\n\n const trigger = await page.waitForSelector('#trigger');\n await trigger.hover();\n await page.waitForTimeout(500);\n\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n });\n});\n\nregressionTest.describe('tooltip delay', () => {\n ['top', 'right', 'bottom', 'left'].forEach((placement) => {\n test(`tooltip placement ${placement} with delay`, async ({\n mount,\n page,\n }) => {\n const testDelayToShowTooltip = 1100;\n await mount(`\n <div style=\"margin: 20rem\">\n <ix-button>Long text</ix-button>\n <ix-tooltip\n for=\"ix-button\"\n title-content=\"Test\"\n showDelay=\"1000\"\n placement=\"${placement}\"\n >\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam\n </ix-tooltip>\n </div>\n `);\n\n const tooltipTrigger = page.locator('ix-button');\n await tooltipTrigger.hover();\n\n await page.waitForTimeout(testDelayToShowTooltip);\n\n expect(await page.screenshot()).toMatchSnapshot();\n });\n });\n});\n"]}

package/dist/collection/tests/tree/tree.e2e.js CHANGED Viewed

@@ -49,5 +49,17 @@ regressionTest.describe('tree', () => {
         }, treeViewportHandle);
         expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
     });
+    regressionTest('item overflow', async ({ page }) => {
+        await page.goto('tree/overflow');
+        page.setViewportSize({ width: 100, height: 100 });
+        const treeViewportHandle = await page.waitForSelector('ix-tree');
+        await page.evaluate((tree) => {
+            const model = tree.model;
+            model['sample-child-1'].data.name =
+                'This is a very long text that should overflow';
+            tree.model = Object.assign({}, model);
+        }, treeViewportHandle);
+        expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
+    });
 });
 //# sourceMappingURL=tree.e2e.js.map

package/dist/collection/tests/tree/tree.e2e.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tree.e2e.js","sourceRoot":"","sources":["../../../src/tests/tree/tree.e2e.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,cAAc,CAAC,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;IACnC,cAAc,CAAC,4BAA4B,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAC9D,MAAM,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAE9B,MAAM,kBAAkB,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;QAEjE,MAAM,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE;YAC3B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YAEzB,KAAK,CAAC,YAAY,CAAC,GAAG;gBACpB,EAAE,EAAE,YAAY;gBAChB,QAAQ,EAAE,EAAE;gBACZ,WAAW,EAAE,KAAK;gBAClB,IAAI,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE;aAC7B,CAAC;YAEF,KAAK,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;YAE5C,IAAI,CAAC,KAAK,qBAAQ,KAAK,CAAE,CAAC;QAC5B,CAAC,EAAE,kBAAkB,CAAC,CAAC;QAEvB,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;QAE/B,MAAM,IAAI,CAAC,QAAQ,CAAC,CAAC,YAAY,EAAE,EAAE;YACnC,YAAY,CAAC,SAAS,GAAG,EAAE,GAAG,GAAG,CAAC;QACpC,CAAC,EAAE,kBAAkB,CAAC,CAAC;QAEvB,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,0BAA0B,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAC5D,MAAM,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAE9B,MAAM,kBAAkB,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;QAEjE,MAAM,IAAI,CAAC,QAAQ,CAAC,CAAC,YAAY,EAAE,EAAE;YACnC,YAAY,CAAC,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC;QACnC,CAAC,EAAE,kBAAkB,CAAC,CAAC;QAEvB,MAAM,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE;YAC3B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YAEzB,KAAK,CAAC,iBAAiB,CAAC,GAAG;gBACzB,EAAE,EAAE,iBAAiB;gBACrB,QAAQ,EAAE,EAAE;gBACZ,WAAW,EAAE,KAAK;gBAClB,IAAI,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE;aAClC,CAAC;YAEF,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CACxD,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,iBAAiB,CACjC,CAAC;YAEF,KAAK,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,aAAa,GAAG,CAAC,EAAE,CAAC,EAAE,iBAAiB,CAAC,CAAC;YAEzE,IAAI,CAAC,KAAK,qBAAQ,KAAK,CAAE,CAAC;QAC5B,CAAC,EAAE,kBAAkB,CAAC,CAAC;QAEvB,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;IACtE,CAAC,CAAC,CAAC;AACL,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 /\n\nimport { expect } from '@playwright/test';\nimport { regressionTest } from '@utils/test';\n\nregressionTest.describe('tree', () => {\n regressionTest('should append item to tree', async ({ page }) => {\n await page.goto('tree/basic');\n\n const treeViewportHandle = await page.waitForSelector('ix-tree');\n\n await page.evaluate((tree) => {\n const model = tree.model;\n\n model['last-child'] = {\n id: 'last-child',\n children: [],\n hasChildren: false,\n data: { name: 'last-child' },\n };\n\n model['sample'].children.push('last-child');\n\n tree.model = { ...model };\n }, treeViewportHandle);\n\n await page.waitForTimeout(500);\n\n await page.evaluate((treeViewport) => {\n treeViewport.scrollTop = 32 999;\n }, treeViewportHandle);\n\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n });\n\n regressionTest('should keep scroll state', async ({ page }) => {\n await page.goto('tree/basic');\n\n const treeViewportHandle = await page.waitForSelector('ix-tree');\n\n await page.evaluate((treeViewport) => {\n treeViewport.scrollTop = 32 * 50;\n }, treeViewportHandle);\n\n await page.evaluate((tree) => {\n const model = tree.model;\n\n model['insert-below-50'] = {\n id: 'insert-below-50',\n children: [],\n hasChildren: false,\n data: { name: 'insert-below-50' },\n };\n\n const indexOfItem50 = tree.model.sample.children.findIndex(\n (id) => id === 'sample-child-50'\n );\n\n model['sample'].children.splice(indexOfItem50 + 1, 0, 'insert-below-50');\n\n tree.model = { ...model };\n }, treeViewportHandle);\n\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n });\n});\n"]}
1	+ {"version":3,"file":"tree.e2e.js","sourceRoot":"","sources":["../../../src/tests/tree/tree.e2e.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 /\n\nimport { expect } from '@playwright/test';\nimport { regressionTest } from '@utils/test';\n\nregressionTest.describe('tree', () => {\n regressionTest('should append item to tree', async ({ page }) => {\n await page.goto('tree/basic');\n\n const treeViewportHandle = await page.waitForSelector('ix-tree');\n\n await page.evaluate((tree) => {\n const model = tree.model;\n\n model['last-child'] = {\n id: 'last-child',\n children: [],\n hasChildren: false,\n data: { name: 'last-child' },\n };\n\n model['sample'].children.push('last-child');\n\n tree.model = { ...model };\n }, treeViewportHandle);\n\n await page.waitForTimeout(500);\n\n await page.evaluate((treeViewport) => {\n treeViewport.scrollTop = 32 999;\n }, treeViewportHandle);\n\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n });\n\n regressionTest('should keep scroll state', async ({ page }) => {\n await page.goto('tree/basic');\n\n const treeViewportHandle = await page.waitForSelector('ix-tree');\n\n await page.evaluate((treeViewport) => {\n treeViewport.scrollTop = 32 * 50;\n }, treeViewportHandle);\n\n await page.evaluate((tree) => {\n const model = tree.model;\n\n model['insert-below-50'] = {\n id: 'insert-below-50',\n children: [],\n hasChildren: false,\n data: { name: 'insert-below-50' },\n };\n\n const indexOfItem50 = tree.model.sample.children.findIndex(\n (id) => id === 'sample-child-50'\n );\n\n model['sample'].children.splice(indexOfItem50 + 1, 0, 'insert-below-50');\n\n tree.model = { ...model };\n }, treeViewportHandle);\n\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n });\n\n regressionTest('item overflow', async ({ page }) => {\n await page.goto('tree/overflow');\n\n page.setViewportSize({ width: 100, height: 100 });\n\n const treeViewportHandle = await page.waitForSelector('ix-tree');\n\n await page.evaluate((tree) => {\n const model = tree.model;\n\n model['sample-child-1'].data.name =\n 'This is a very long text that should overflow';\n\n tree.model = { ...model };\n }, treeViewportHandle);\n\n expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n });\n});\n"]}

package/dist/collection/tests/utils/test/page.js CHANGED Viewed

@@ -33,18 +33,6 @@ export const regressionTest = testBase.extend({
     },
 });
 export const test = testBase.extend({
-    createElement: async ({ page }, use) => {
-        use((selector, appendTo) => page.evaluateHandle(async ({ selector, appendTo }) => {
-            const elm = document.createElement(selector);
-            if (appendTo) {
-                appendTo.appendChild(elm);
-            }
-            return elm;
-        }, {
-            selector,
-            appendTo,
-        }));
-    },
     mount: async ({ page }, use, testInfo) => {
         var _a, _b;
         const theme = (_b = (_a = testInfo.project.metadata) === null || _a === void 0 ? void 0 : _a.theme) !== null && _b !== void 0 ? _b : 'theme-classic-dark';
@@ -56,6 +44,9 @@ export const test = testBase.extend({
             return page.evaluateHandle(async ({ componentSelector }) => {
                 await window.customElements.whenDefined('ix-button');
                 const mount = document.querySelector('#mount');
+                if (!mount) {
+                    throw new Error('No mount point found in the document.');
+                }
                 mount.innerHTML = componentSelector;
                 return mount.children.item(0);
             }, { componentSelector: selector });