From 06cd6eec16ca29ade33754ccdc04a71cfc01234a Mon Sep 17 00:00:00 2001 From: Daniel Leroux Date: Mon, 15 Apr 2024 11:32:44 +0200 Subject: [PATCH 1/3] ci(build): add workflow dispatch trigger --- .github/workflows/build.yml | 1 + 1 file changed, 1 insertion(+) diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml index de286ff258e..1eeb5ba1980 100644 --- a/.github/workflows/build.yml +++ b/.github/workflows/build.yml @@ -5,6 +5,7 @@ on: branches: - 'main' - 'release/*' + workflow_dispatch: jobs: build: From 9886807fdd8c78b6ee7871385556d114826ad10a Mon Sep 17 00:00:00 2001 From: Daniel Leroux Date: Tue, 16 Apr 2024 06:50:49 +0200 Subject: [PATCH 2/3] test(react/toast): replace flaky testcase --- packages/core/src/components/toast/toast.tsx | 45 ++++++++++++++++--- packages/react/package.json | 1 + packages/react/src/tests/toast/toast.spec.tsx | 23 +++------- packages/react/tsconfig.json | 1 + pnpm-lock.yaml | 12 +++++ 5 files changed, 61 insertions(+), 21 deletions(-) diff --git a/packages/core/src/components/toast/toast.tsx b/packages/core/src/components/toast/toast.tsx index eae59b6003f..b896b10d1cb 100644 --- a/packages/core/src/components/toast/toast.tsx +++ b/packages/core/src/components/toast/toast.tsx @@ -67,21 +67,56 @@ export class Toast { private getIcon() { if (this.icon) { - return ; + return ( + + ); } switch (this.type) { case 'info': - return ; + return ( + + ); case 'error': - return ; + return ( + + ); case 'success': - return ; + return ( + + ); case 'warning': - return ; + return ( + + ); default: return ''; diff --git a/packages/react/package.json b/packages/react/package.json index 5997e3bb67b..a6c2f8c36d3 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -54,6 +54,7 @@ "rollup-plugin-peer-deps-external": "^2.2.4", "rollup-plugin-sourcemaps": "^0.6.3", "rollup-plugin-terser": "^7.0.2", + "shadow-dom-testing-library": "^1.11.2", "typescript": "^4.5.5", "vitest": "^1.3.1" }, diff --git a/packages/react/src/tests/toast/toast.spec.tsx b/packages/react/src/tests/toast/toast.spec.tsx index a81ec7bb3a0..707808c941d 100644 --- a/packages/react/src/tests/toast/toast.spec.tsx +++ b/packages/react/src/tests/toast/toast.spec.tsx @@ -6,10 +6,11 @@ * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ -import { render, screen, waitFor } from '@testing-library/react'; +import { render, waitFor } from '@testing-library/react'; import React from 'react'; import { describe, it } from 'vitest'; import Content from './toast'; +import { screen } from 'shadow-dom-testing-library'; describe(`toast`, () => { it(`basic`, async () => { @@ -22,25 +23,15 @@ describe(`toast`, () => { await customElements.whenDefined('ix-toast-container'); const toast = await screen.findByText('Foobar'); - const toastShadowRoot = toast.shadowRoot; - - expect(toast).toBeDefined(); - expect(toastShadowRoot).toBeDefined(); - expect(toast.innerText).toBe('Foobar'); - - await customElements.whenDefined('ix-icon'); - - const icon = toastShadowRoot?.querySelector( - '.toast-icon ix-icon' - ) as HTMLIxIconElement; - - expect(icon).toBeDefined(); await waitFor(() => { - expect(icon.shadowRoot).toBeDefined(); + expect(toast).toBeInTheDocument(); }); - expect(icon.shadowRoot).toBeDefined(); + const icon = (await screen.findByShadowTestId( + 'toast-icon' + )) as HTMLIxIconElement; + expect(icon.name).toEqual('star'); }); }); diff --git a/packages/react/tsconfig.json b/packages/react/tsconfig.json index 9144b37231d..2097d577544 100644 --- a/packages/react/tsconfig.json +++ b/packages/react/tsconfig.json @@ -11,6 +11,7 @@ "dom", "es2015" ], + "types": ["node", "@testing-library/jest-dom"], "importHelpers": true, "module": "es2015", "moduleResolution": "node", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 70ece1e13c8..9ac21b9f3c3 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -668,6 +668,9 @@ importers: rollup-plugin-terser: specifier: ^7.0.2 version: 7.0.2(rollup@2.79.1) + shadow-dom-testing-library: + specifier: ^1.11.2 + version: 1.11.2(@testing-library/dom@8.20.1) typescript: specifier: ^4.5.5 version: 4.9.5 @@ -23119,6 +23122,15 @@ packages: /setprototypeof@1.2.0: resolution: {integrity: sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==} + /shadow-dom-testing-library@1.11.2(@testing-library/dom@8.20.1): + resolution: {integrity: sha512-iZW5mLQob5UlWfT2KEF8YYLuLYMLQeoda0mNeB+KEQIzzwb+mASR1mhKfGjDds9jWNZMX1V443FDYAbaaNMAVw==} + engines: {node: '>= 14', npm: '>= 7'} + peerDependencies: + '@testing-library/dom': '>= 8' + dependencies: + '@testing-library/dom': 8.20.1 + dev: true + /shallow-clone@3.0.1: resolution: {integrity: sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==} engines: {node: '>=8'} From d95d5e9d6af4e2213ec258e04bd8eae01c40d9d2 Mon Sep 17 00:00:00 2001 From: Lukas Maurer Date: Tue, 16 Apr 2024 07:29:33 +0200 Subject: [PATCH 3/3] fix(core/input-group): update margin (#1218) Co-authored-by: Daniel Leroux --- .changeset/cyan-garlics-worry.md | 5 +++++ .../components/input-group/input-group.scss | 2 +- ...-1-chromium---theme-classic-dark-linux.png | Bin 10051 -> 10172 bytes ...1-chromium---theme-classic-light-linux.png | Bin 10138 -> 10241 bytes 4 files changed, 6 insertions(+), 1 deletion(-) create mode 100644 .changeset/cyan-garlics-worry.md diff --git a/.changeset/cyan-garlics-worry.md b/.changeset/cyan-garlics-worry.md new file mode 100644 index 00000000000..9907c3ead47 --- /dev/null +++ b/.changeset/cyan-garlics-worry.md @@ -0,0 +1,5 @@ +--- +'@siemens/ix': patch +--- + +fix(core/input-group): update margin diff --git a/packages/core/src/components/input-group/input-group.scss b/packages/core/src/components/input-group/input-group.scss index 57f433e1304..c3a9353b243 100644 --- a/packages/core/src/components/input-group/input-group.scss +++ b/packages/core/src/components/input-group/input-group.scss @@ -28,7 +28,7 @@ .group-start { left: 0px; height: 2rem; - margin-left: 0.375rem; + margin-left: 0.5rem; color: var(--theme-color-soft-text); } diff --git a/packages/core/src/tests/input-group/input-group.e2e.ts-snapshots/input-group-basic-1-chromium---theme-classic-dark-linux.png b/packages/core/src/tests/input-group/input-group.e2e.ts-snapshots/input-group-basic-1-chromium---theme-classic-dark-linux.png index 35a2f17f563981ada54e80b0daee3e39afd7f43a..ea0cb49ee195268789154e669216ea451a08afea 100644 GIT binary patch literal 10172 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 M{l2dHD(w1y0&vY*(*OVf literal 10051 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 LbF}7fA=m#KRcbrv diff --git a/packages/core/src/tests/input-group/input-group.e2e.ts-snapshots/input-group-basic-1-chromium---theme-classic-light-linux.png b/packages/core/src/tests/input-group/input-group.e2e.ts-snapshots/input-group-basic-1-chromium---theme-classic-light-linux.png index ebcdab04425ea416b7deedc353b6956d38accfa4..68393d67a55cda60db2ad677636bc61206d9b81f 100644 GIT binary patch literal 10241 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 literal 10138 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