LPD-68645 Update test to check view mode

Author: victorg1991

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

@@ -733,7 +733,7 @@ const testWithRepeatableFF = mergeTests(
 testWithRepeatableFF(
 	'Create item with repeatable groups',
 	{
-		tag: '@LPD-50378',
+		tag: ['@LPD-50378', '@LPD-68645'],
 	},
 	async ({contentsPage, page, structureBuilderPage}) => {
 
@@ -817,6 +817,22 @@ testWithRepeatableFF(
 
 		await contentsPage.saveContent();
 
+		// View content and check that the repeatable buttons are not showed
+
+		await contentsPage.viewContent(title);
+
+		expect(
+			page
+				.getByRole('dialog', {name: title})
+				.frameLocator('iframe')
+				.getByLabel('Add new')
+		).not.toBeVisible();
+
+		await page
+			.getByRole('dialog', {name: title})
+			.getByRole('button', {name: 'close'})
+			.click();
+
 		// Edit the content again and check values
 
 		await contentsPage.editContent(title);

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

@@ -237,4 +237,23 @@ export class ContentsPage {
 			this.page.locator('.management-bar').getByText('Publish')
 		).toBeVisible();
 	}
+
+	async viewContent(title: string) {
+		const card = this.page
+			.locator('tr', {hasText: title})
+			.or(this.page.locator('.card-row', {hasText: title}));
+
+		await clickAndExpectToBeVisible({
+			autoClick: true,
+			target: this.page.getByRole('menuitem', {
+				exact: true,
+				name: 'View',
+			}),
+			trigger: card.locator('button'),
+		});
+
+		await expect(
+			this.page.getByRole('dialog', {name: title})
+		).toBeVisible();
+	}
 }