From e7a051004d3a947c29f9fdb8015a6549a03ae0e1 Mon Sep 17 00:00:00 2001
From: Cyrine Ben Romdhane <135605630+anicyne@users.noreply.github.com>
Date: Fri, 3 May 2024 10:15:56 +0200
Subject: [PATCH] Fix Test: Fix incorrect import paths / Fix selec / Fix
 split-button

Refs: #6254
---
 .../components/link-button/test/html.mock.ts  |  2 +-
 .../link-button/test/snapshot.spec.tsx        |  2 +-
 .../components/link-group/test/html.mock.ts   |  2 +-
 .../link-group/test/snapshot.spec.tsx         |  2 +-
 .../components/modal/test/snapshot.spec.tsx   |  2 +-
 .../src/components/nav/test/html.mock.ts      |  2 +-
 .../src/components/nav/test/snapshot.spec.tsx |  2 +-
 .../components/pagination/test/html.mock.ts   |  2 +-
 .../pagination/test/snapshot.spec.tsx         |  2 +-
 .../src/components/select/test/html.mock.ts   | 33 ++++++++++---------
 .../components/select/test/snapshot.spec.tsx  |  2 +-
 .../src/components/skip-nav/test/html.mock.ts |  2 +-
 .../skip-nav/test/snapshot.spec.tsx           |  2 +-
 .../components/split-button/test/html.mock.ts |  7 ++--
 .../split-button/test/snapshot.spec.tsx       |  2 +-
 .../src/components/tabs/test/html.mock.ts     |  2 +-
 .../components/tabs/test/snapshot.spec.tsx    |  2 +-
 .../src/components/textarea/test/html.mock.ts |  4 +--
 .../textarea/test/snapshot.spec.tsx           |  2 +-
 19 files changed, 40 insertions(+), 36 deletions(-)

diff --git a/packages/components/src/components/link-button/test/html.mock.ts b/packages/components/src/components/link-button/test/html.mock.ts
index 773e47b375..dcd6285104 100644
--- a/packages/components/src/components/link-button/test/html.mock.ts
+++ b/packages/components/src/components/link-button/test/html.mock.ts
@@ -1,4 +1,4 @@
-import type { LinkButtonProps } from '@public-ui/schema';
+import type { LinkButtonProps } from '../../../schema';
 import { KolLinkWcTag } from '../../../core/component-names';
 
 export const getLinkButtonHtml = (props: LinkButtonProps): string => {
diff --git a/packages/components/src/components/link-button/test/snapshot.spec.tsx b/packages/components/src/components/link-button/test/snapshot.spec.tsx
index 4dca944f16..f1675a2be5 100644
--- a/packages/components/src/components/link-button/test/snapshot.spec.tsx
+++ b/packages/components/src/components/link-button/test/snapshot.spec.tsx
@@ -6,7 +6,7 @@ import { newSpecPage } from '@stencil/core/testing';
 import { getLinkButtonHtml } from './html.mock';
 
 import type { SpecPage } from '@stencil/core/testing';
-import type { LinkButtonProps } from '@public-ui/schema';
+import type { LinkButtonProps } from '../../../schema';
 import { KolLinkButton } from '../component';
 
 executeTests<LinkButtonProps>(
diff --git a/packages/components/src/components/link-group/test/html.mock.ts b/packages/components/src/components/link-group/test/html.mock.ts
index 848339a6c8..b3a740c0f2 100644
--- a/packages/components/src/components/link-group/test/html.mock.ts
+++ b/packages/components/src/components/link-group/test/html.mock.ts
@@ -1,6 +1,6 @@
 import { mixMembers } from 'stencil-awesome-test';
 
-import type { LinkGroupProps } from '@public-ui/schema';
+import type { LinkGroupProps } from '../../../schema';
 
 export const getLinkGroupHtml = (props: LinkGroupProps): string => {
 	props = mixMembers(
diff --git a/packages/components/src/components/link-group/test/snapshot.spec.tsx b/packages/components/src/components/link-group/test/snapshot.spec.tsx
index ccf18eb9e0..276edcf788 100644
--- a/packages/components/src/components/link-group/test/snapshot.spec.tsx
+++ b/packages/components/src/components/link-group/test/snapshot.spec.tsx
@@ -6,7 +6,7 @@ import { newSpecPage } from '@stencil/core/testing';
 import { getLinkGroupHtml } from './html.mock';
 
 import type { SpecPage } from '@stencil/core/testing';
-import type { LinkGroupProps } from '@public-ui/schema';
+import type { LinkGroupProps } from '../../../schema';
 import { KolLinkGroup } from '../component';
 
 executeTests<LinkGroupProps>(
diff --git a/packages/components/src/components/modal/test/snapshot.spec.tsx b/packages/components/src/components/modal/test/snapshot.spec.tsx
index f2fc93484e..d9034b7fdc 100644
--- a/packages/components/src/components/modal/test/snapshot.spec.tsx
+++ b/packages/components/src/components/modal/test/snapshot.spec.tsx
@@ -6,7 +6,7 @@ import { newSpecPage } from '@stencil/core/testing';
 import { getModalHtml } from './html.mock';
 
 import type { SpecPage } from '@stencil/core/testing';
-import type { ModalProps } from '@public-ui/schema';
+import type { ModalProps } from '../../../schema';
 import { KolModal } from '../component';
 
 executeTests<ModalProps>(
diff --git a/packages/components/src/components/nav/test/html.mock.ts b/packages/components/src/components/nav/test/html.mock.ts
index a14dd4da8b..affb0752ba 100644
--- a/packages/components/src/components/nav/test/html.mock.ts
+++ b/packages/components/src/components/nav/test/html.mock.ts
@@ -2,7 +2,7 @@ import { mixMembers } from 'stencil-awesome-test';
 
 import { KolButtonTag, KolButtonWcTag, KolLinkWcTag } from '../../../core/component-names';
 
-import type { ButtonOrLinkOrTextWithChildrenProps, LinkProps, LinkWithChildrenProps, NavProps } from '@public-ui/schema';
+import type { ButtonOrLinkOrTextWithChildrenProps, LinkProps, LinkWithChildrenProps, NavProps } from '../../../schema';
 import { translate } from '../../../i18n';
 
 export const getNavHtml = (props: NavProps): string => {
diff --git a/packages/components/src/components/nav/test/snapshot.spec.tsx b/packages/components/src/components/nav/test/snapshot.spec.tsx
index 7d02333aa7..795699f6c5 100644
--- a/packages/components/src/components/nav/test/snapshot.spec.tsx
+++ b/packages/components/src/components/nav/test/snapshot.spec.tsx
@@ -6,7 +6,7 @@ import { newSpecPage } from '@stencil/core/testing';
 import { getNavHtml } from './html.mock';
 
 import type { SpecPage } from '@stencil/core/testing';
-import type { NavProps } from '@public-ui/schema';
+import type { NavProps } from '../../../schema';
 import { KolNav } from '../component';
 
 executeTests<NavProps>(
diff --git a/packages/components/src/components/pagination/test/html.mock.ts b/packages/components/src/components/pagination/test/html.mock.ts
index 4e0059b4ca..f48c9a73d8 100644
--- a/packages/components/src/components/pagination/test/html.mock.ts
+++ b/packages/components/src/components/pagination/test/html.mock.ts
@@ -1,4 +1,4 @@
-import type { PaginationProps, PaginationStates } from '@public-ui/schema';
+import type { PaginationProps, PaginationStates } from '../../../schema';
 import { mixMembers } from 'stencil-awesome-test';
 import { translate } from '../../../i18n';
 import { JSX } from '@stencil/core';
diff --git a/packages/components/src/components/pagination/test/snapshot.spec.tsx b/packages/components/src/components/pagination/test/snapshot.spec.tsx
index 0788e77d4b..892d08cd96 100644
--- a/packages/components/src/components/pagination/test/snapshot.spec.tsx
+++ b/packages/components/src/components/pagination/test/snapshot.spec.tsx
@@ -6,7 +6,7 @@ import { newSpecPage } from '@stencil/core/testing';
 import { getPaginationHtml } from './html.mock';
 
 import type { SpecPage } from '@stencil/core/testing';
-import type { PaginationProps } from '@public-ui/schema';
+import type { PaginationProps } from '../../../schema';
 import { KolPagination } from '../component';
 
 executeTests<PaginationProps>(
diff --git a/packages/components/src/components/select/test/html.mock.ts b/packages/components/src/components/select/test/html.mock.ts
index 1df953a99b..eeaf8269d9 100644
--- a/packages/components/src/components/select/test/html.mock.ts
+++ b/packages/components/src/components/select/test/html.mock.ts
@@ -1,7 +1,7 @@
 import { mixMembers } from 'stencil-awesome-test';
 import { nonce } from '../../../utils/dev.utils';
 
-import { type SelectProps, type SelectStates, showExpertSlot, type W3CInputValue, type Option } from '@public-ui/schema';
+import { type SelectProps, type SelectStates, showExpertSlot, type W3CInputValue, type Option } from '../../../schema';
 import { KolInputTag } from '../../../core/component-names';
 
 export const getSelectHtml = (props: SelectProps): string => {
@@ -51,21 +51,24 @@ export const getSelectHtml = (props: SelectProps): string => {
 				}
 			</span>
 			<div slot="input">
+			<form>
+			<input type="submit" hidden="" />
 				<select ${state._required ? ' required=""' : ''} ${state._multiple ? ' multiple=""' : ''} autocapitalize="off" autocorrect="off" id="id-nonce" spellcheck="false">
-					${state._options
-						.map((option, index) => {
-							const key = `-${index}`;
-							return `
-							<option
-								${option.disabled ? 'disabled=""' : ''}
-								value="${key}"
-								${isSelected(state._value, (option as unknown as Option<W3CInputValue>).value) || (state._multiple === false && index === 0) ? 'selected=""' : ''}
-							>
-								${option.label}
-							</option>`;
-						})
-						.join('')}
-				</select>
+						${state._options
+							.map((option, index) => {
+								const key = `-${index}`;
+								return `
+								<option
+									${option.disabled ? 'disabled=""' : ''}
+									value="${key}"
+									${isSelected(state._value, (option as unknown as Option<W3CInputValue>).value) || (state._multiple === false && index === 0) ? 'selected=""' : ''}
+								>
+									${option.label}
+								</option>`;
+							})
+							.join('')}
+					</select>
+				<form>
 			</div>
 		</${KolInputTag}t>
 	</mock:shadow-root>
diff --git a/packages/components/src/components/select/test/snapshot.spec.tsx b/packages/components/src/components/select/test/snapshot.spec.tsx
index 0cd90849a4..8818cce637 100644
--- a/packages/components/src/components/select/test/snapshot.spec.tsx
+++ b/packages/components/src/components/select/test/snapshot.spec.tsx
@@ -5,7 +5,7 @@ import { newSpecPage } from '@stencil/core/testing';
 
 import { getSelectHtml } from './html.mock';
 
-import type { SelectProps } from '@public-ui/schema';
+import type { SelectProps } from '../../../schema';
 import type { SpecPage } from '@stencil/core/testing';
 import { KolSelect } from '../component';
 
diff --git a/packages/components/src/components/skip-nav/test/html.mock.ts b/packages/components/src/components/skip-nav/test/html.mock.ts
index 69d504fe51..bc6f4d5e13 100644
--- a/packages/components/src/components/skip-nav/test/html.mock.ts
+++ b/packages/components/src/components/skip-nav/test/html.mock.ts
@@ -1,4 +1,4 @@
-import type { LinkProps, SkipNavProps, SkipNavStates } from '@public-ui/schema';
+import type { LinkProps, SkipNavProps, SkipNavStates } from '../../../schema';
 import { mixMembers } from 'stencil-awesome-test';
 import { KolLinkWcTag } from '../../../core/component-names';
 
diff --git a/packages/components/src/components/skip-nav/test/snapshot.spec.tsx b/packages/components/src/components/skip-nav/test/snapshot.spec.tsx
index 4f98b0a0b2..ce1235890c 100644
--- a/packages/components/src/components/skip-nav/test/snapshot.spec.tsx
+++ b/packages/components/src/components/skip-nav/test/snapshot.spec.tsx
@@ -6,7 +6,7 @@ import { newSpecPage } from '@stencil/core/testing';
 import { getSkipNavHtml } from './html.mock';
 
 import type { SpecPage } from '@stencil/core/testing';
-import type { SkipNavProps } from '@public-ui/schema';
+import type { SkipNavProps } from '../../../schema';
 import { KolSkipNav } from '../component';
 
 executeTests<SkipNavProps>(
diff --git a/packages/components/src/components/split-button/test/html.mock.ts b/packages/components/src/components/split-button/test/html.mock.ts
index 6bc78b3a9e..e5668df347 100644
--- a/packages/components/src/components/split-button/test/html.mock.ts
+++ b/packages/components/src/components/split-button/test/html.mock.ts
@@ -1,6 +1,7 @@
-import type { SplitButtonProps, SplitButtonStates } from '@public-ui/schema';
+import type { SplitButtonProps, SplitButtonStates } from '../../../schema';
 import { mixMembers } from 'stencil-awesome-test';
 import { KolButtonWcTag } from '../../../core/component-names';
+import { translate } from '../../../i18n';
 
 export const getSplitButtonHtml = (props: SplitButtonProps): string => {
 	const state = mixMembers<SplitButtonProps, SplitButtonStates>(
@@ -11,7 +12,7 @@ export const getSplitButtonHtml = (props: SplitButtonProps): string => {
 	);
 
 	const variant = typeof props._variant === 'string' ? props._variant : 'normal';
-
+	const i18nDropdownLabel = 'kol-split-button-dropdown-label';
 	return `
 <kol-split-button  class="kol-split-button">
   <mock:shadow-root>
@@ -32,7 +33,7 @@ export const getSplitButtonHtml = (props: SplitButtonProps): string => {
 			${props._disabled ? `_disabled=""` : ''}
 			_hidelabel=""
 			_icons="codicon codicon-triangle-down"
-			_label="dropdown ${state._show ? 'schließen' : 'öffnen'}"
+			_label="${state._show ? translate(`${i18nDropdownLabel}-close`) : translate(`${i18nDropdownLabel}-open`)}"
 			class="secondary-button"
 		>
 		</${KolButtonWcTag}>
diff --git a/packages/components/src/components/split-button/test/snapshot.spec.tsx b/packages/components/src/components/split-button/test/snapshot.spec.tsx
index 3db8eddd94..feb44a4f23 100644
--- a/packages/components/src/components/split-button/test/snapshot.spec.tsx
+++ b/packages/components/src/components/split-button/test/snapshot.spec.tsx
@@ -6,7 +6,7 @@ import { newSpecPage } from '@stencil/core/testing';
 import { getSplitButtonHtml } from './html.mock';
 
 import type { SpecPage } from '@stencil/core/testing';
-import type { SplitButtonProps } from '@public-ui/schema';
+import type { SplitButtonProps } from '../../../schema';
 import { KolSplitButton } from '../component';
 
 executeTests<SplitButtonProps>(
diff --git a/packages/components/src/components/tabs/test/html.mock.ts b/packages/components/src/components/tabs/test/html.mock.ts
index d987e01e12..db03c5b624 100644
--- a/packages/components/src/components/tabs/test/html.mock.ts
+++ b/packages/components/src/components/tabs/test/html.mock.ts
@@ -1,4 +1,4 @@
-import type { TabButtonProps, TabsProps, TabsStates } from '@public-ui/schema';
+import type { TabButtonProps, TabsProps, TabsStates } from '../../../schema';
 import { mixMembers } from 'stencil-awesome-test';
 import { KolButtonGroupWcTag, KolButtonWcTag } from '../../../core/component-names';
 
diff --git a/packages/components/src/components/tabs/test/snapshot.spec.tsx b/packages/components/src/components/tabs/test/snapshot.spec.tsx
index f0b7586fff..c17b46e611 100644
--- a/packages/components/src/components/tabs/test/snapshot.spec.tsx
+++ b/packages/components/src/components/tabs/test/snapshot.spec.tsx
@@ -6,7 +6,7 @@ import { newSpecPage } from '@stencil/core/testing';
 import { getTabsHtml } from './html.mock';
 
 import type { SpecPage } from '@stencil/core/testing';
-import type { TabsProps } from '@public-ui/schema';
+import type { TabsProps } from '../../../schema';
 import { KolTabs } from '../component';
 
 executeTests<TabsProps>(
diff --git a/packages/components/src/components/textarea/test/html.mock.ts b/packages/components/src/components/textarea/test/html.mock.ts
index b3a63141f1..58abe7d2e9 100644
--- a/packages/components/src/components/textarea/test/html.mock.ts
+++ b/packages/components/src/components/textarea/test/html.mock.ts
@@ -1,7 +1,7 @@
 import { mixMembers } from 'stencil-awesome-test';
-import { showExpertSlot } from '@public-ui/schema';
+import { showExpertSlot } from '../../../schema';
 
-import type { TextareaProps, TextareaStates } from '@public-ui/schema';
+import type { TextareaProps, TextareaStates } from '../../../schema';
 import { getRenderStates } from '../../input/controller';
 import { nonce } from '../../../utils/dev.utils';
 import { KolInputTag } from '../../../core/component-names';
diff --git a/packages/components/src/components/textarea/test/snapshot.spec.tsx b/packages/components/src/components/textarea/test/snapshot.spec.tsx
index 27e733a5f5..010e514d78 100644
--- a/packages/components/src/components/textarea/test/snapshot.spec.tsx
+++ b/packages/components/src/components/textarea/test/snapshot.spec.tsx
@@ -5,7 +5,7 @@ import { newSpecPage } from '@stencil/core/testing';
 
 import { getTextareaHtml } from './html.mock';
 
-import type { TextareaProps } from '@public-ui/schema';
+import type { TextareaProps } from '../../../schema';
 import type { SpecPage } from '@stencil/core/testing';
 import { KolTextarea } from '../component';