LPD-69789 Add test to check a single select field in side by side translation

Author: veroglez

modules/test/playwright/tests/site-cms-site-initializer/main/pages/ContentsPage.ts

@@ -30,6 +30,12 @@ type Field =
 			nth?: number;
 			type: 'Checkbox';
 			value: boolean;
+	  }
+	| {
+			label: string;
+			nth?: number;
+			type: 'Picklist';
+			value: string;
 	  };
 
 export class ContentsPage {
@@ -185,6 +191,14 @@ export class ContentsPage {
 			else if (field.type === 'Checkbox') {
 				await element.setChecked(field.value);
 			}
+			else if (field.type === 'Picklist') {
+				await element.clear();
+				await clickAndExpectToBeVisible({
+					autoClick: true,
+					target: this.page.getByRole('option', {name: field.value}),
+					trigger: element,
+				});
+			}
 		}
 	}
 

modules/test/playwright/tests/site-cms-site-initializer/main/sideBySideTranslation.spec.ts

@@ -28,6 +28,18 @@ async function getSampleStructureDefinition(apiHelpers: ApiHelpers) {
 		({assetLibraryKey}) => assetLibraryKey === 'Default'
 	).externalReferenceCode;
 
+	const listTypeDefinition =
+		await apiHelpers.listTypeAdmin.postRandomListTypeDefinition();
+
+	for (const option of ['Banana', 'Apple']) {
+		await apiHelpers.listTypeAdmin.postListTypeEntry({
+			key: option,
+			listTypeDefinitionExternalReferenceCode:
+				listTypeDefinition.externalReferenceCode,
+			name_i18n: {en_US: option},
+		});
+	}
+
 	const SAMPLE_STRUCTURE_DEFINITION: ObjectDefinition = {
 		enableComments: true,
 		enableFriendlyURLCustomization: true,
@@ -107,6 +119,22 @@ async function getSampleStructureDefinition(apiHelpers: ApiHelpers) {
 				objectFieldSettings: [],
 				required: false,
 			},
+			{
+				DBType: 'String',
+				businessType: 'Picklist',
+				externalReferenceCode: '8f678eeb-ac9b-46fd-85e5-f3541dbc8385',
+				indexed: true,
+				indexedAsKeyword: false,
+				label: {
+					en_US: 'Picklist',
+				},
+				listTypeDefinitionExternalReferenceCode:
+					listTypeDefinition.externalReferenceCode,
+				listTypeDefinitionId: listTypeDefinition.id,
+				localized: true,
+				name: 'picklist',
+				required: false,
+			},
 		],
 		objectFolderExternalReferenceCode: 'L_CMS_CONTENT_STRUCTURES',
 		objectRelationships: [],
@@ -167,6 +195,7 @@ test(
 			{label: 'Long Text', value: 'This is a fruit'},
 			{label: 'Date', value: '2025-08-08'},
 			{label: 'Boolean', type: 'Checkbox', value: true},
+			{label: 'Picklist', type: 'Picklist', value: 'Banana'},
 		]);
 
 		await contentsPage.saveContent();
@@ -191,6 +220,9 @@ test(
 		await expect(page.getByLabel('Boolean').first()).toHaveAttribute(
 			'readonly'
 		);
+		await expect(page.getByLabel('Picklist').first()).toHaveAttribute(
+			'readonly'
+		);
 
 		await expect(page.getByLabel('Title').nth(1)).not.toHaveAttribute(
 			'readonly'
@@ -204,6 +236,9 @@ test(
 		await expect(page.getByLabel('Boolean').nth(1)).not.toHaveAttribute(
 			'readonly'
 		);
+		await expect(page.getByLabel('Picklist').nth(1)).not.toHaveAttribute(
+			'readonly'
+		);
 
 		// Change right side language and translate
 
@@ -218,6 +253,7 @@ test(
 			{label: 'Long Text', nth: 1, value: 'This is a vegetable'},
 			{label: 'Date', nth: 1, value: '2025-08-15'},
 			{label: 'Boolean', nth: 1, type: 'Checkbox', value: false},
+			{label: 'Picklist', nth: 1, type: 'Picklist', value: 'Apple'},
 		]);
 
 		// Change left side language and check it shows persisted values
@@ -235,6 +271,8 @@ test(
 
 		await expect(page.getByLabel('Date').first()).toHaveValue('2025-08-08');
 
+		await expect(page.getByLabel('Picklist').first()).toHaveValue('Banana');
+
 		// Save and check translation is persisted
 
 		await contentsPage.saveContent();
@@ -246,5 +284,7 @@ test(
 		await localizationSelectPage.switchLanguage('es-ES');
 
 		await expect(page.getByLabel('Title')).toHaveValue(spanishTitle);
+
+		await expect(page.getByLabel('Picklist')).toHaveValue('Apple');
 	}
 );