Add a new test

Author: kraenhansen

packages/compass-sidebar/src/components/multiple-connections/sidebar.spec.tsx

@@ -357,6 +357,37 @@ describe('Multiple Connections Sidebar Component', function () {
           expect(screen.getByText('Remove')).to.be.visible;
         });
 
+        it('should render the only connected connections when toggled', async () => {
+          await renderAndWaitForNavigationTree();
+
+          const activeConnectionsToggleButton = screen.getByLabelText(
+            'Showing all connections'
+          );
+
+          const connection1 = screen.getByTestId(savedFavoriteConnection.id);
+          const connection2 = screen.getByTestId(savedRecentConnection.id);
+          expect(connection1).to.be.visible;
+          expect(connection2).to.be.visible;
+
+          userEvent.click(activeConnectionsToggleButton);
+          expect(activeConnectionsToggleButton.ariaLabel).equals(
+            'Showing active connections'
+          );
+
+          screen.logTestingPlaygroundURL();
+
+          expect(connection1).to.not.exist;
+          expect(connection2).to.not.exist;
+
+          await connectAndNotifyInstanceManager(savedFavoriteConnection);
+          expect(connection1).to.exist;
+          expect(connection2).to.not.exist;
+
+          await connectAndNotifyInstanceManager(savedRecentConnection);
+          expect(connection1).to.exist;
+          expect(connection2).to.exist;
+        });
+
         context('and performing actions', function () {
           beforeEach(async function () {
             await renderAndWaitForNavigationTree({