test: add e2e test

Author: paula-stacho

packages/compass-aggregations/src/components/pipeline-results-workspace/index.tsx

@@ -166,7 +166,7 @@ export const PipelineResultsWorkspace: React.FunctionComponent<
             <Button
               size="xsmall"
               onClick={onRetry}
-              data-testid="pipeline-results-error-details-button"
+              data-testid="pipeline-results-error-retry-button"
               className={errorDetailsBtnStyles}
             >
               RETRY

packages/compass-e2e-tests/helpers/commands/set-validation.ts

@@ -68,7 +68,10 @@ export async function setValidation(
     collection,
     'Validation'
   );
-  await browser.clickVisible(Selectors.AddRuleButton);
+  const startButton = browser.$(Selectors.AddRuleButton);
+  if (await startButton.isExisting()) {
+    await browser.clickVisible(startButton);
+  }
   const element = browser.$(Selectors.ValidationEditor);
   await element.waitForDisplayed();
   await browser.setValidationWithinValidationTab(validator);

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

@@ -852,6 +852,8 @@ export const SavePipelineSaveAsAction =
 export const AggregationAutoPreviewToggle =
   '[data-testid="pipeline-toolbar-preview-toggle"]';
 export const AggregationErrorBanner = '[data-testid="pipeline-results-error"]';
+export const AggregationErrorDetailsBtn =
+  '[data-testid="pipeline-results-error"] [data-testid="pipeline-results-error-details-button"]';
 
 export const RunPipelineButton = `[data-testid="pipeline-toolbar-run-button"]`;
 export const EditPipelineButton = `[data-testid="pipeline-toolbar-edit-button"]`;

packages/compass-e2e-tests/tests/collection-aggregations-tab.test.ts

@@ -615,6 +615,84 @@ describe('Collection aggregations tab', function () {
     );
   });
 
+  context('with existing validation rule', function () {
+    const REQUIRE_PHONE_VALIDATOR =
+      '{ $jsonSchema: { bsonType: "object", required: [ "phone" ] } }';
+    const VALIDATED_OUT_COLLECTION = 'nestedDocs';
+    beforeEach(async function () {
+      await browser.setValidation({
+        connectionName: DEFAULT_CONNECTION_NAME_1,
+        database: 'test',
+        collection: VALIDATED_OUT_COLLECTION,
+        validator: REQUIRE_PHONE_VALIDATOR,
+      });
+      await browser.navigateToCollectionTab(
+        DEFAULT_CONNECTION_NAME_1,
+        'test',
+        'numbers',
+        'Aggregations'
+      );
+      await addStage(browser, 1);
+    });
+
+    afterEach(async function () {
+      await browser.setValidation({
+        connectionName: DEFAULT_CONNECTION_NAME_1,
+        database: 'test',
+        collection: VALIDATED_OUT_COLLECTION,
+        validator: '{}',
+      });
+    });
+
+    it('Shows error info when inserting', async function () {
+      await browser.selectStageOperator(0, '$out');
+      await browser.setCodemirrorEditorValue(
+        Selectors.stageEditor(0),
+        `'${VALIDATED_OUT_COLLECTION}'`
+      );
+
+      await waitForAnyText(browser, browser.$(Selectors.stageContent(0)));
+
+      // run the $out stage
+      await browser.clickVisible(Selectors.RunPipelineButton);
+
+      // confirm the write operation
+      const writeOperationConfirmationModal = browser.$(
+        Selectors.AggregationWriteOperationConfirmationModal
+      );
+      await writeOperationConfirmationModal.waitForDisplayed();
+
+      const description = await browser
+        .$(Selectors.AggregationWriteOperationConfirmationModalDescription)
+        .getText();
+
+      expect(description).to.contain(`test.${VALIDATED_OUT_COLLECTION}`);
+
+      await browser.clickVisible(
+        Selectors.AggregationWriteOperationConfirmButton
+      );
+
+      await writeOperationConfirmationModal.waitForDisplayed({ reverse: true });
+
+      const errorElement = browser.$(Selectors.AggregationErrorBanner);
+      await errorElement.waitForDisplayed();
+      expect(await errorElement.getText()).to.include(
+        'Document failed validation'
+      );
+      // enter details
+      const errorDetailsBtn = browser.$(Selectors.AggregationErrorDetailsBtn);
+      await errorElement.waitForDisplayed();
+      await errorDetailsBtn.click();
+
+      const errorDetailsJson = browser.$(Selectors.ErrorDetailsJson);
+      await errorDetailsJson.waitForDisplayed();
+
+      // exit details
+      await browser.clickVisible(Selectors.confirmationModalConfirmButton());
+      await errorElement.waitForDisplayed();
+    });
+  });
+
   it('cancels pipeline with $out as the last stage', async function () {
     await browser.selectStageOperator(0, '$out');
     await browser.setCodemirrorEditorValue(