fix(kol-select): update playwright test (#7758)

Author: donchi-donald

packages/components/src/components/select/controller.ts

@@ -126,4 +126,4 @@ export class SelectController extends InputIconController implements SelectWatch
 		this.validateRows(this.component._rows);
 		this.validateValue(this.component._value);
 	}
-}
+}

packages/components/src/components/select/select.e2e.ts

@@ -5,7 +5,7 @@ import type { FillAction } from '../../e2e/utils/FillAction';
 import type { Page } from '@playwright/test';
 
 const COMPONENT_NAME = 'kol-select';
-const TEST_VALUE = ['E'];
+const TEST_VALUE = 'E';
 const TEST_LABEL = 'East';
 const OPTIONS = [
 	{ label: 'North', value: 'N' },

packages/components/src/components/select/shadow.tsx

@@ -379,4 +379,4 @@ export class KolSelect implements SelectAPI, FocusableElement {
 			this.controller.onFacade.onChange(event, this._value as StencilUnknown);
 		}
 	}
-}
+}

packages/components/src/schema/components/select.ts

@@ -68,4 +68,4 @@ type OptionalStates = {
 export type SelectProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type SelectStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type SelectWatches = Generic.Element.Watchers<RequiredProps, OptionalProps>;
-export type SelectAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export type SelectAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;

packages/samples/react/src/components/select/partials/cases.tsx

@@ -77,7 +77,7 @@ export const SelectCases = forwardRef<HTMLKolSelectElement, Components.KolSelect
 			<KolSelect {...props} _options={SALUTATION_OPTIONS} _label="With access key" _accessKey="c" />
 			<KolSelect {...props} _options={SALUTATION_OPTIONS} _label="With short key" _shortKey="s" />
 			<KolSelect {...props} _options={groupedOptionsArray} _label="With grouped by first letter" _value="Albanien" />
-			<KolSelect {...props} _options={groupedOptionsArray} _label="With grouped by first letter (multiple)" _multiple _value="Albanien" />
+			<KolSelect {...props} _options={groupedOptionsArray} _label="With grouped by first letter (multiple)" _multiple _value={['Albanien']} />
 		</div>
 	);
 });