Add a test

Author: kraenhansen

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

@@ -244,6 +244,10 @@ export const ConenctionToastCancelConnectionButton =
 // Connections sidebar
 export const ConnectionsTitle = '[data-testid="connections-header"]';
 export const SidebarNewConnectionButton = '[data-action="add-new-connection"]';
+export const ConnectDropdownButton =
+  '[data-testid="sidebar-navigation-item-actions-connection-connect-action"] + button';
+export const ConnectInNewWindowButton =
+  '[data-action="connection-connect-in-new-window"]';
 export const ConnectionMenu = '[data-testid="sidebar-navigation-item-actions"]';
 export const CreateDatabaseButton =
   '[data-testid="sidebar-navigation-item-actions-create-database-action"]';
@@ -365,6 +369,14 @@ export const sidebarConnectionButton = (connectionName: string): string => {
   )} [data-action="connection-connect"]`;
 };
 
+export const sidebarConnectionDropdownButton = (
+  connectionName: string
+): string => {
+  return `${sidebarConnection(connectionName)} ${
+    Multiple.ConnectDropdownButton
+  }`;
+};
+
 export const sidebarConnectionActionButton = (
   connectionName: string,
   selector: string

packages/compass-e2e-tests/tests/connection.test.ts

@@ -20,6 +20,7 @@ import {
 import type { Compass } from '../helpers/compass';
 import type { ConnectFormState } from '../helpers/connect-form-state';
 import * as Selectors from '../helpers/selectors';
+import { DEFAULT_CONNECTION_NAMES } from '../helpers/test-runner-context';
 
 async function disconnect(browser: CompassBrowser) {
   try {
@@ -641,6 +642,50 @@ describe('Connection string', function () {
   });
 });
 
+describe('Connect in a new window', () => {
+  let compass: Compass;
+  let browser: CompassBrowser;
+
+  before(async function () {
+    compass = await init(this.test?.fullTitle(), {
+      firstRun: false,
+    });
+    browser = compass.browser;
+    await browser.setupDefaultConnections();
+  });
+
+  after(async function () {
+    await cleanup(compass);
+  });
+
+  it('can connect in new window', async function (this) {
+    skipForWeb(this, 'connecting in new window is not supported on web');
+    const connectionName = DEFAULT_CONNECTION_NAMES[0];
+    const connectionSelector = Selectors.sidebarConnection(connectionName);
+    await browser.hover(connectionSelector);
+
+    expect((await browser.getWindowHandles()).length).equals(1);
+
+    const connectionElement = browser.$(connectionSelector);
+    await browser.clickVisible(
+      connectionElement.$(Selectors.ConnectDropdownButton)
+    );
+    await browser.clickVisible(
+      connectionElement.$(Selectors.ConnectInNewWindowButton)
+    );
+
+    const windowsAfter = await browser.getWindowHandles();
+    expect(windowsAfter.length).equals(2);
+    const [, newWindowHandle] = windowsAfter;
+    await browser.switchToWindow(newWindowHandle);
+    await browser.waitForConnectionResult(connectionName, {
+      connectionStatus: 'success',
+    });
+  });
+
+  // TODO: Add a test for we to ensure the SplitButton isn't visible on Web
+});
+
 describe('Connection form', function () {
   let compass: Compass;
   let browser: CompassBrowser;