V17 Updated test helper for reordering groups (#318)

* Updated locator for name column

* Updated function for redordering two groups

* Bumped version

Author: nhudinh0309

lib/helpers/ContentUiHelper.ts

@@ -245,7 +245,7 @@ export class ContentUiHelper extends UiBaseLocators {
     // List View
     this.enterNameInContainerTxt = this.container.getByTestId('input:entity-name').locator('#input');
     this.listView = page.locator('umb-document-table-collection-view');
-    this.nameBtn = page.getByRole('button', {name: 'Name'});
+    this.nameBtn = page.getByRole('button', { name: 'Name', exact: true });
     this.listViewTableRow = this.listView.locator('uui-table-row');
     this.publishSelectedListItems = page.locator('umb-entity-bulk-action').getByText('Publish', {exact: true});
     this.unpublishSelectedListItems = page.locator('umb-entity-bulk-action').getByText('Unpublish', {exact: true});

lib/helpers/UiBaseLocators.ts

@@ -972,9 +972,9 @@ export class UiBaseLocators {
     const secondGroup = this.page.getByTestId('group:' + secondGroupName);
     const firstGroupValue = await firstGroup.getByLabel('Group').inputValue();
     const secondGroupValue = await secondGroup.getByLabel('Group').inputValue();
-    const dragToLocator = firstGroup.locator('[name="icon-grip"]').first();
-    const dragFromLocator = secondGroup.locator('[name="icon-grip"]').first();
-    await this.dragAndDrop(dragFromLocator, dragToLocator, 0, 0, 10);
+    const dragToLocator = firstGroup.locator('[slot="header"]').first();
+    const dragFromLocator = secondGroup.locator('[slot="header"]').first();
+    await this.dragAndDrop(dragFromLocator, dragToLocator, 0, 0, 20);
     return {firstGroupValue, secondGroupValue};
   }
 

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@umbraco/playwright-testhelpers",
-  "version": "17.0.3",
+  "version": "17.0.4",
   "description": "Test helpers for making playwright tests for Umbraco solutions",
   "main": "dist/lib/index.js",
   "files": [