[HOTFIX] @playwright/test 1.56.1 to 1.55.1

### What is this PR for?
#5111 (comment)

#5108
After upgrading Playwright to the latest version(1.53.2 to 1.56.1), several test cases started failing on WebKit. The issue was resolved by rolling back to the previous minor version(1.55.1).

[related issue]
microsoft/playwright#37766

### What type of PR is it?
Hot Fix

### Todos

### What is the Jira issue?

### How should this be tested?

### Screenshots (if appropriate)

### Questions:
* Does the license files need to update? No
* Is there breaking changes for older versions? No
* Does this needs documentation? No

Closes #5115 from dididy/fix/e2e.

Signed-off-by: ChanHo Lee <[email protected]>
(cherry picked from commit bf62a2a)
Signed-off-by: ChanHo Lee <[email protected]>

Author: dididy

zeppelin-web-angular/e2e/tests/workspace/notebook-repos/notebook-repo-item-edit.spec.ts

@@ -73,11 +73,7 @@ test.describe('Notebook Repository Item - Edit Mode', () => {
     }
 
     const firstRow = repoItemPage.settingRows.first();
-    const settingName =
-      (await firstRow
-        .locator('td')
-        .first()
-        .textContent()) || '';
+    const settingName = (await firstRow.locator('td').first().textContent()) || '';
     const originalValue = await repoItemPage.getSettingValue(settingName);
 
     await repoItemPage.clickEdit();

zeppelin-web-angular/e2e/tests/workspace/notebook-repos/notebook-repo-item-form-validation.spec.ts

@@ -46,11 +46,7 @@ test.describe('Notebook Repository Item - Form Validation', () => {
     await repoItemPage.clickEdit();
 
     const firstRow = repoItemPage.settingRows.first();
-    const settingName =
-      (await firstRow
-        .locator('td')
-        .first()
-        .textContent()) || '';
+    const settingName = (await firstRow.locator('td').first().textContent()) || '';
 
     const isInputVisible = await repoItemPage.isInputVisible(settingName);
     if (isInputVisible) {
@@ -73,11 +69,7 @@ test.describe('Notebook Repository Item - Form Validation', () => {
     await repoItemPage.clickEdit();
 
     const firstRow = repoItemPage.settingRows.first();
-    const settingName =
-      (await firstRow
-        .locator('td')
-        .first()
-        .textContent()) || '';
+    const settingName = (await firstRow.locator('td').first().textContent()) || '';
 
     const isInputVisible = await repoItemPage.isInputVisible(settingName);
     if (isInputVisible) {
@@ -102,11 +94,7 @@ test.describe('Notebook Repository Item - Form Validation', () => {
 
     for (let i = 0; i < settingRows; i++) {
       const row = repoItemPage.settingRows.nth(i);
-      const settingName =
-        (await row
-          .locator('td')
-          .first()
-          .textContent()) || '';
+      const settingName = (await row.locator('td').first().textContent()) || '';
 
       const isInputVisible = await repoItemPage.isInputVisible(settingName);
       if (isInputVisible) {

zeppelin-web-angular/e2e/tests/workspace/notebook-repos/notebook-repo-item-settings.spec.ts

@@ -60,11 +60,7 @@ test.describe('Notebook Repository Item - Settings', () => {
 
     for (let i = 0; i < settingRows; i++) {
       const row = repoItemPage.settingRows.nth(i);
-      const settingName =
-        (await row
-          .locator('td')
-          .first()
-          .textContent()) || '';
+      const settingName = (await row.locator('td').first().textContent()) || '';
 
       const isInputVisible = await repoItemPage.isInputVisible(settingName);
       if (isInputVisible) {
@@ -86,11 +82,7 @@ test.describe('Notebook Repository Item - Settings', () => {
 
     for (let i = 0; i < settingRows; i++) {
       const row = repoItemPage.settingRows.nth(i);
-      const settingName =
-        (await row
-          .locator('td')
-          .first()
-          .textContent()) || '';
+      const settingName = (await row.locator('td').first().textContent()) || '';
 
       const isDropdownVisible = await repoItemPage.isDropdownVisible(settingName);
       if (isDropdownVisible) {
@@ -112,11 +104,7 @@ test.describe('Notebook Repository Item - Settings', () => {
     let foundInput = false;
     for (let i = 0; i < settingRows; i++) {
       const row = repoItemPage.settingRows.nth(i);
-      const settingName =
-        (await row
-          .locator('td')
-          .first()
-          .textContent()) || '';
+      const settingName = (await row.locator('td').first().textContent()) || '';
 
       const isInputVisible = await repoItemPage.isInputVisible(settingName);
       if (isInputVisible) {

zeppelin-web-angular/e2e/tests/workspace/notebook-repos/notebook-repo-item-workflow.spec.ts

@@ -51,11 +51,7 @@ test.describe('Notebook Repository Item - Edit Workflow', () => {
     let foundSetting = false;
     for (let i = 0; i < settingRows; i++) {
       const row = repoItemPage.settingRows.nth(i);
-      const settingName =
-        (await row
-          .locator('td')
-          .first()
-          .textContent()) || '';
+      const settingName = (await row.locator('td').first().textContent()) || '';
 
       const isInputVisible = await repoItemPage.isInputVisible(settingName);
       if (isInputVisible) {
@@ -91,11 +87,7 @@ test.describe('Notebook Repository Item - Edit Workflow', () => {
     await repoItemUtil.verifyDisplayMode();
 
     const firstRow = repoItemPage.settingRows.first();
-    const settingName =
-      (await firstRow
-        .locator('td')
-        .first()
-        .textContent()) || '';
+    const settingName = (await firstRow.locator('td').first().textContent()) || '';
     const originalValue = await repoItemPage.getSettingValue(settingName);
 
     await repoItemPage.clickEdit();

zeppelin-web-angular/package-lock.json

@@ -69,7 +69,7 @@
     "@angular/cli": "~13.3.11",
     "@angular/compiler-cli": "~13.4.0",
     "@angular/language-service": "~13.4.0",
-    "@playwright/test": "1.56.1",
+    "@playwright/test": "1.55.1",
     "@types/angular": "^1.8.0",
     "@types/diff-match-patch": "^1.0.36",
     "@types/highlight.js": "^9.12.3",