.

Author: paula-stacho

packages/compass-e2e-tests/helpers/selectors.ts

@@ -1448,7 +1448,7 @@ export const DataModelZoomOutButton = `${DataModelEditor} [aria-label="Minus Ico
 export const DataModelZoomInButton = `${DataModelEditor} [aria-label="Plus Icon"]`;
 export const DataModelPreview = `${DataModelEditor} [data-testid="model-preview"]`;
 export const DataModelPreviewCollection = (collectionId: string) =>
-  `${DataModelPreview} [data-nodeid="${collectionId}"]`;
+  `${DataModelPreview} [aria-roleDescription="node"][data-id="${collectionId}"]`;
 export const DataModelPreviewRelationship = (relationshipId: string) =>
   `${DataModelPreview} [aria-roleDescription="edge"][data-id="${relationshipId}"]`;
 export const DataModelApplyEditor = `${DataModelEditor} [data-testid="apply-editor"]`;

packages/compass-e2e-tests/tests/data-modeling-tab.test.ts

@@ -101,12 +101,9 @@ async function selectCollectionOnTheDiagram(
 
   // Click on the collection node to open the drawer
   const collectionNode = browser.$(Selectors.DataModelPreviewCollection(ns));
-  const size = await collectionNode.getSize();
-  // Normal click doesn't work, we need to click in the middle of the collection node
-  await collectionNode.click({
-    x: Math.round(size.width / 2),
-    y: Math.round(size.height / 2),
-  });
+  await collectionNode.waitForClickable();
+
+  await collectionNode.click();
 
   await drawer.waitForDisplayed();