chore(e2e): add tests for export schema, not complete yet

Author: Anemy

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

@@ -1011,6 +1011,10 @@ export const AggregationWizardSortFormDirectionSelect = (idx: number) =>
 
 // Schema tab
 export const AnalyzeSchemaButton = '[data-testid="analyze-schema-button"]';
+export const ExportSchemaButton = '[data-testid="open-schema-export-button"]';
+export const ExportSchemaFormatOptions =
+  '[data-testid="export-schema-format-type-box-group"]';
+export const ExportSchemaOutput = '[data-testid="export-schema-content"]';
 export const SchemaFieldList = '[data-testid="schema-field-list"]';
 export const AnalysisMessage =
   '[data-testid="schema-content"] [data-testid="schema-analysis-message"]';

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

@@ -109,6 +109,41 @@ describe('Collection schema tab', function () {
     });
   }
 
+  describe('with the enableExportSchema feature flag enabled', function () {
+    beforeEach(async function () {
+      await browser.setFeature('enableExportSchema', true);
+    });
+
+    it.only('shows an exported schema to copy', async function () {
+      await browser.navigateToCollectionTab(
+        DEFAULT_CONNECTION_NAME_1,
+        'test',
+        'numbers',
+        'Schema'
+      );
+      await browser.clickVisible(Selectors.AnalyzeSchemaButton);
+
+      const element = browser.$(Selectors.SchemaFieldList);
+      await element.waitForDisplayed();
+
+      await browser.clickVisible(Selectors.ExportSchemaButton);
+
+      const exportModal = browser.$(Selectors.ExportSchemaFormatOptions);
+      await exportModal.waitForDisplayed();
+
+      // TODO: Check format and then change it.
+      // await browser.clickVisible(Selectors.AnalyzeSchemaButton);
+
+      const exportSchemaContent = browser.$(Selectors.ExportSchemaOutput);
+      await exportSchemaContent.waitForDisplayed();
+      // expect(
+      //   await browser.getCodemirrorEditorText(Selectors.ExportSchemaOutput)
+      // ).to.match(/{\s+\$set:\s+{\s+},?\s+}/);
+      const text = await browser.$(Selectors.ExportSchemaOutput).getText();
+      expect(text).to.match('test');
+    });
+  });
+
   it('analyzes the schema with a query');
   it('can reset the query');
   it('can create a geoquery from a map');

packages/compass-schema/src/components/export-schema-modal.tsx

@@ -152,7 +152,7 @@ const ExportSchemaModal: React.FunctionComponent<{
           {exportStatus === 'complete' && (
             <Code
               id="export-schema-content"
-              data-testid="export-to-language-input"
+              data-testid="export-schema-content"
               language="json"
               copyable={true}
             >
@@ -173,6 +173,14 @@ const ExportSchemaModal: React.FunctionComponent<{
         <Button onClick={onClose} variant="default">
           Cancel
         </Button>
+        <Button
+          onClick={() => {
+            /* TODO(COMPASS-8704) */
+          }}
+          variant="primary"
+        >
+          Export
+        </Button>
       </ModalFooter>
     </Modal>
   );