feat(@clayui/language-picker): LPD-45714 Update tests

Author: veroglez

packages/clay-core/src/language-picker/__tests__/__snapshots__/index.tsx.snap

@@ -145,6 +145,64 @@ exports[`ClayLanguagePicker renders the picker with id 1`] = `
 </div>
 `;
 
+exports[`ClayLanguagePicker renders with a default selected locale 1`] = `
+<div>
+  <button
+    aria-activedescendant=""
+    aria-expanded="false"
+    aria-haspopup="listbox"
+    aria-label="Select a language, current language: Spanish (Spain)."
+    class="trigger-class form-control form-control-select form-control-select-secondary"
+    role="combobox"
+    tabindex="0"
+    type="button"
+  >
+    <span
+      class="inline-item-before"
+    >
+      <svg
+        class="lexicon-icon lexicon-icon-es-es"
+        role="presentation"
+      >
+        <use
+          href="/path/to/svg#es-es"
+        />
+      </svg>
+    </span>
+    es-ES
+  </button>
+</div>
+`;
+
+exports[`ClayLanguagePicker renders with a selected locale 1`] = `
+<div>
+  <button
+    aria-activedescendant=""
+    aria-expanded="false"
+    aria-haspopup="listbox"
+    aria-label="Select a language, current language: French (France)."
+    class="trigger-class form-control form-control-select form-control-select-secondary"
+    role="combobox"
+    tabindex="0"
+    type="button"
+  >
+    <span
+      class="inline-item-before"
+    >
+      <svg
+        class="lexicon-icon lexicon-icon-fr-fr"
+        role="presentation"
+      >
+        <use
+          href="/path/to/svg#fr-fr"
+        />
+      </svg>
+    </span>
+    fr-FR
+  </button>
+</div>
+`;
+
 exports[`ClayLanguagePicker renders with custom labels 1`] = `
 <div>
   <button

packages/clay-core/src/language-picker/__tests__/index.tsx

@@ -46,11 +46,32 @@ describe('ClayLanguagePicker', () => {
 	afterEach(cleanup);
 
 	it('renders', () => {
+		const {container} = render(
+			<ClayLanguagePicker locales={locales} spritemap="/path/to/svg" />
+		);
+
+		expect(container).toMatchSnapshot();
+	});
+
+	it('renders with a default selected locale', () => {
 		const {container} = render(
 			<ClayLanguagePicker
+				classNamesTrigger="trigger-class"
+				defaultSelectedLocaleId={locales[1]!.id}
+				locales={locales}
+				spritemap="/path/to/svg"
+			/>
+		);
+
+		expect(container).toMatchSnapshot();
+	});
+
+	it('renders with a selected locale', () => {
+		const {container} = render(
+			<ClayLanguagePicker
+				classNamesTrigger="trigger-class"
+				defaultSelectedLocaleId={locales[2]!.id}
 				locales={locales}
-				onSelectedLocaleChange={onSelectedLocaleChange}
-				selectedLocaleId={locales[0]!.id}
 				spritemap="/path/to/svg"
 			/>
 		);
@@ -63,8 +84,6 @@ describe('ClayLanguagePicker', () => {
 			<ClayLanguagePicker
 				classNamesTrigger="trigger-class"
 				locales={locales}
-				onSelectedLocaleChange={onSelectedLocaleChange}
-				selectedLocaleId={locales[0]!.id}
 				spritemap="/path/to/svg"
 			/>
 		);
@@ -77,8 +96,6 @@ describe('ClayLanguagePicker', () => {
 			<ClayLanguagePicker
 				id="pickerId"
 				locales={locales}
-				onSelectedLocaleChange={onSelectedLocaleChange}
-				selectedLocaleId={locales[0]!.id}
 				spritemap="/path/to/svg"
 			/>
 		);
@@ -98,8 +115,6 @@ describe('ClayLanguagePicker', () => {
 					trigger: 'Trigger Label',
 					untranslated: 'Untranslated Label',
 				}}
-				onSelectedLocaleChange={onSelectedLocaleChange}
-				selectedLocaleId={locales[0]!.id}
 				spritemap="/path/to/svg"
 			/>
 		);
@@ -111,8 +126,6 @@ describe('ClayLanguagePicker', () => {
 		const {container} = render(
 			<ClayLanguagePicker
 				locales={locales}
-				onSelectedLocaleChange={onSelectedLocaleChange}
-				selectedLocaleId={locales[0]!.id}
 				small
 				spritemap="/path/to/svg"
 			/>
@@ -125,8 +138,6 @@ describe('ClayLanguagePicker', () => {
 		const {container} = render(
 			<ClayLanguagePicker
 				locales={locales}
-				onSelectedLocaleChange={onSelectedLocaleChange}
-				selectedLocaleId={locales[0]!.id}
 				spritemap="/path/to/svg"
 				translations={{
 					'es-ES': {total: 4, translated: 2},
@@ -143,8 +154,6 @@ describe('ClayLanguagePicker', () => {
 			<ClayLanguagePicker
 				hideTriggerText
 				locales={locales}
-				onSelectedLocaleChange={onSelectedLocaleChange}
-				selectedLocaleId={locales[0]!.id}
 				spritemap="/path/to/svg"
 			/>
 		);
@@ -156,8 +165,6 @@ describe('ClayLanguagePicker', () => {
 		render(
 			<ClayLanguagePicker
 				locales={locales}
-				onSelectedLocaleChange={onSelectedLocaleChange}
-				selectedLocaleId={locales[0]!.id}
 				spritemap="/path/to/svg"
 				translations={{
 					'es-ES': {total: 4, translated: 2},
@@ -184,7 +191,6 @@ describe('ClayLanguagePicker', () => {
 			<ClayLanguagePicker
 				locales={locales}
 				onSelectedLocaleChange={onSelectedLocaleChange}
-				selectedLocaleId={locales[0]!.id}
 				spritemap="/path/to/svg"
 			/>
 		);
@@ -203,8 +209,6 @@ describe('ClayLanguagePicker', () => {
 			<ClayLanguagePicker
 				locales={locales}
 				onActiveChange={onActiveChange}
-				onSelectedLocaleChange={onSelectedLocaleChange}
-				selectedLocaleId={locales[0]!.id}
 				spritemap="/path/to/svg"
 			/>
 		);