chore(e2e-tests): wait for aggregation name to reduce flakes COMPASS-9143 (#6808)

Author: Anemy

packages/compass-e2e-tests/helpers/commands/save-aggregation-pipeline.ts

@@ -50,4 +50,11 @@ export async function saveAggregationPipeline(
 
   // wait for the modal to disappear
   await savePipelineModal.waitForDisplayed({ reverse: true });
+
+  // Wait for the aggregation's name to be displayed.
+  await browser.waitForAnimations(Selectors.AggregationPipelineName);
+  await browser.waitUntil(async () => {
+    const text = await browser.$(Selectors.AggregationPipelineName).getText();
+    return text === aggregationName;
+  });
 }

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

@@ -824,6 +824,7 @@ export const AggregationWriteOperationConfirmationModalDescription = `${Aggregat
 
 export const AggregationSettingsButton =
   '[data-testid="pipeline-toolbar-settings-button"]';
+export const AggregationPipelineName = '[data-testid="pipeline-name"]';
 export const AggregationCommentModeCheckbox = '#aggregation-comment-mode';
 export const AggregationSampleSizeInput = '#aggregation-sample-size';
 export const AggregationSettingsApplyButton = '#aggregation-settings-apply';