test: add unit tests for auth domain functionality

Author: fboulnois

src/components/snapshot/SnapshotAccess.test.tsx

@@ -4,6 +4,7 @@ import { ThemeProvider } from '@mui/material/styles';
 import { Provider } from 'react-redux';
 import React from 'react';
 import createMockStore from 'redux-mock-store';
+import { ManagedGroupMembershipEntry } from 'src/models/group';
 import history from '../../modules/hist';
 import globalTheme from '../../modules/theme';
 import SnapshotAccess from './SnapshotAccess';
@@ -37,21 +38,34 @@ const initialState = {
   },
 };
 
+const mountSnapshotAccess = (userGroups: Array<ManagedGroupMembershipEntry>) => {
+  const state = {
+    ...initialState,
+    user: {
+      userGroups,
+    },
+  };
+
+  const mockStore = createMockStore([]);
+  const store = mockStore(state);
+
+  cy.intercept('GET', 'https://sam.dsde-dev.broadinstitute.org/api/groups/v1').as('getUserGroups');
+
+  mount(
+    <Router history={history}>
+      <Provider store={store}>
+        <ThemeProvider theme={globalTheme}>
+          <SnapshotAccess />
+        </ThemeProvider>
+      </Provider>
+    </Router>,
+  );
+};
+
 describe('Snapshot access info', () => {
-  beforeEach(() => {
-    const mockStore = createMockStore([]);
-    const store = mockStore(initialState);
-    mount(
-      <Router history={history}>
-        <Provider store={store}>
-          <ThemeProvider theme={globalTheme}>
-            <SnapshotAccess />
-          </ThemeProvider>
-        </Provider>
-      </Router>,
-    );
-  });
   it('Displays snapshot policies and emails', () => {
+    mountSnapshotAccess([]);
+
     cy.get('[data-cy="snapshot-stewards"]')
       .should('contain.text', 'Stewards')
       .within(() => {
@@ -81,4 +95,46 @@ describe('Snapshot access info', () => {
         });
       });
   });
+
+  it('Displays authorization domain section', () => {
+    mountSnapshotAccess([]);
+
+    cy.get('label[for="authorization-domain"]')
+      .should('contain.text', 'Authorization Domain')
+      .should('contain.text', '(optional)');
+  });
+
+  it('Shows authorization domain dropdown with options when user groups exist', () => {
+    const userGroups = [
+      { groupEmail: 'email1', groupName: 'group1', role: 'READER' },
+      { groupEmail: 'email2', groupName: 'group2', role: 'READER' },
+    ];
+    mountSnapshotAccess(userGroups);
+
+    cy.get('#authorization-domain-select')
+      .should('exist')
+      .should('not.be.disabled')
+      .should('have.value', '');
+
+    cy.get('#authorization-domain-select').parent().click();
+    cy.get('[data-cy^=menuItem]').should('have.length', userGroups.length);
+  });
+
+  it('Select an authorization domain when user groups exist', () => {
+    const userGroups = [
+      { groupEmail: 'email1', groupName: 'group1', role: 'READER' },
+      { groupEmail: 'email2', groupName: 'group2', role: 'READER' },
+    ];
+    mountSnapshotAccess(userGroups);
+
+    cy.get('#authorization-domain-select').parent().click();
+    cy.get('[data-cy=menuItem-group2]').click();
+    cy.get('#authorization-domain-select').should('have.value', 'group2');
+  });
+
+  it('Disables authorization domain dropdown when insufficient user groups', () => {
+    const userGroups = [{ groupEmail: 'default', groupName: 'default', role: 'READER' }];
+    mountSnapshotAccess(userGroups);
+    cy.get('#authorization-domain-select').should('be.disabled');
+  });
 });