fix: dropdown should be selectable when at least one item is present

Author: fboulnois

src/components/snapshot/AuthDomain.test.tsx

@@ -73,9 +73,16 @@ describe('Test AuthDomain component', () => {
     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' }];
+  it('Enables authorization domain dropdown when sufficient user groups', () => {
+    const userGroups = [
+      { groupEmail: 'email1', groupName: 'group1', role: 'READER' },
+    ];
     mountAuthDomain(userGroups);
+    cy.get('#authorization-domain-select').should('not.be.disabled');
+  });
+
+  it('Disables authorization domain dropdown when empty user groups', () => {
+    mountAuthDomain([]);
     cy.get('#authorization-domain-select').should('be.disabled');
   });
 });

src/components/snapshot/AuthDomain.tsx

@@ -49,7 +49,7 @@ function AuthDomain({ dispatch, userGroups, setParentAuthDomain }: AuthDomainPro
       </Box>
       <JadeDropdown
         sx={{ height: '2.5rem' }}
-        disabled={userGroups ? userGroups.length <= 1 : true}
+        disabled={userGroups ? userGroups.length < 1 : true}
         options={userGroups ? userGroups.map((group) => group.groupName) : []}
         name="authorization-domain"
         onSelectedItem={(event) => {