update indexes-toolbar test

Author: DarshanaVenkatesh

packages/compass-indexes/src/components/indexes-toolbar/indexes-toolbar.spec.tsx

@@ -113,27 +113,49 @@ describe('IndexesToolbar Component', function () {
         });
       });
     });
-
-    it('should not render a warning', function () {
-      expect(screen.queryByText('Readonly views may not contain indexes')).to
-        .not.exist;
-    });
   });
 
   describe('when it is a readonly view', function () {
-    beforeEach(function () {
-      renderIndexesToolbar({
-        isReadonlyView: true,
+    describe('and server version is < 8.1+', function () {
+      beforeEach(function () {
+        renderIndexesToolbar({
+          isReadonlyView: true,
+          indexView: 'search-indexes',
+        });
       });
-    });
 
-    it('should not render the create index button', function () {
-      expect(screen.queryByText('Create Index')).to.not.exist;
+      it('should not render the create index button', function () {
+        expect(screen.queryByText('Create Index')).to.not.exist;
+      });
+
+      it('should not render the create search index button', function () {
+        expect(screen.queryByText('Create Search Index')).to.not.exist;
+      });
+
+      it('should not render the refresh button', function () {
+        expect(screen.queryByText('Refresh')).to.not.exist;
+      });
     });
+    describe('and server version is > 8.1+', function () {
+      beforeEach(function () {
+        renderIndexesToolbar({
+          isReadonlyView: true,
+          serverVersion: '8.1.0',
+          indexView: 'search-indexes',
+        });
+      });
+
+      it('should not render the create index button', function () {
+        expect(screen.queryByText('Create Index')).to.not.exist;
+      });
 
-    it('should render a warning', function () {
-      expect(screen.getByText('Readonly views may not contain indexes.')).to.be
-        .visible;
+      it('should render the create search index button <8.1', function () {
+        expect(screen.getByText('Create Search Index')).to.be.visible;
+      });
+
+      it('should not render the refresh button', function () {
+        expect(screen.queryByText('Refresh')).to.be.visible;
+      });
     });
   });
 
@@ -332,5 +354,27 @@ describe('IndexesToolbar Component', function () {
       expect(segmentControl.closest('button')).to.have.attr('disabled');
       expect(onChangeViewCallback).to.not.have.been.calledOnce;
     });
+
+    describe('and readonly view >8.1', function () {
+      beforeEach(function () {
+        renderIndexesToolbar({
+          isReadonlyView: true,
+          onIndexViewChanged: onChangeViewCallback,
+          serverVersion: '8.1.0',
+        });
+      });
+
+      it('it renders tabs with Indexes disabled and automatically selects Search Indexes', function () {
+        const indexesTab = screen.getByText('Indexes');
+        expect(indexesTab).to.be.visible;
+        expect(indexesTab.closest('button')).to.have.attr('disabled');
+
+        expect(screen.getByText('Search Indexes')).to.be.visible;
+        expect(onChangeViewCallback).to.have.been.calledOnce;
+        expect(onChangeViewCallback.firstCall.args[0]).to.equal(
+          'search-indexes'
+        );
+      });
+    });
   });
 });

packages/compass-indexes/src/components/indexes-toolbar/indexes-toolbar.tsx

@@ -8,6 +8,7 @@ import {
   Button,
   css,
   DropdownMenuButton,
+  ErrorSummary,
   Icon,
   Link,
   PerformanceSignals,
@@ -102,6 +103,7 @@ export const IndexesToolbar: React.FunctionComponent<IndexesToolbarProps> = ({
   onRefreshIndexes,
   onIndexViewChanged,
   serverVersion,
+  readOnly, // preferences readOnly.
 }) => {
   const isSearchManagementActive = usePreference('enableAtlasSearchIndexes');
   const mongoDBMajorVersion = parseFloat(
@@ -110,7 +112,9 @@ export const IndexesToolbar: React.FunctionComponent<IndexesToolbarProps> = ({
   const { atlasMetadata } = useConnectionInfo();
   const showInsights = usePreference('showInsights') && !errorMessage;
   const showCreateIndexButton =
-    (!isReadonlyView || mongoDBMajorVersion > 8.0) && !errorMessage;
+    (!isReadonlyView || mongoDBMajorVersion > 8.0) &&
+    !readOnly &&
+    !errorMessage;
   const refreshButtonIcon = isRefreshing ? (
     <div className={spinnerStyles}>
       <SpinLoader title="Refreshing Indexes" />
@@ -272,6 +276,9 @@ export const IndexesToolbar: React.FunctionComponent<IndexesToolbarProps> = ({
           </div>
         </div>
       )}
+      {!!errorMessage && (
+        <ErrorSummary data-testid="indexes-error" errors={[errorMessage]} />
+      )}
     </div>
   );
 };

packages/compass-indexes/src/stores/store.ts

@@ -156,7 +156,9 @@ export function activateIndexesPlugin(
   });
 
   void store.dispatch(fetchRegularIndexes());
-  void store.dispatch(fetchSearchIndexes());
+  if (options.isSearchIndexesSupported || options.isReadonly) {
+    void store.dispatch(fetchSearchIndexes());
+  }
 
   on(collectionModel, 'change:status', (model: Collection, status: string) => {
     if (status === 'ready') {