Fix test assertions

Author: LauraBeatris

packages/clerk-js/src/ui/components/OrganizationProfile/__tests__/InviteMembersPage.test.tsx

@@ -245,7 +245,7 @@ describe('InviteMembersPage', () => {
       await waitFor(() => expect(getByRole('button', { name: /select role/i })).toBeInTheDocument());
     });
 
-    it('enables selecting other options if default role is not available', async () => {
+    it.only('enables selecting other options if default role is not available', async () => {
       const { wrapper, fixtures } = await createFixtures(f => {
         f.withOrganizations();
         f.withOrganizationDomains(undefined, 'mydefaultrole');
@@ -285,7 +285,7 @@ describe('InviteMembersPage', () => {
       });
 
       fixtures.clerk.organization?.inviteMembers.mockResolvedValueOnce([{}] as OrganizationInvitationResource[]);
-      const { getByRole, userEvent, getByTestId } = render(
+      const { findByText, getByRole, userEvent, getByTestId } = render(
         <Action.Root>
           <InviteMembersScreen />
         </Action.Root>,
@@ -294,7 +294,7 @@ describe('InviteMembersPage', () => {
       await userEvent.type(getByTestId('tag-input'), '[email protected],');
       await waitFor(() => expect(getByRole('button', { name: /select role/i })).toBeInTheDocument());
       await userEvent.click(getByRole('button', { name: /select role/i }));
-      await userEvent.click(getByRole('button', { name: /admin/i }));
+      await userEvent.click(await findByText(/admin/i));
       await waitFor(() => expect(getByRole('button', { name: 'Send invitations' })).not.toBeDisabled());
     });
 
@@ -357,11 +357,10 @@ describe('InviteMembersPage', () => {
         { wrapper },
       );
 
+      expect(getByRole('button', { name: 'Send invitations' })).toBeDisabled();
       await userEvent.type(getByTestId('tag-input'), '[email protected],');
-      await waitFor(() => expect(getByRole('button', { name: /select role/i })).toBeInTheDocument());
-      await userEvent.click(getByRole('button', { name: /select role/i }));
-      await userEvent.click(getByRole('button', { name: /admin/i }));
-      await waitFor(() => expect(getByRole('button', { name: 'Send invitations' })).not.toBeDisabled());
+      expect(getByRole('button', { name: 'Send invitations' })).not.toBeDisabled();
+      await userEvent.click(getByRole('button', { name: /mydefaultrole/i }));
     });
   });