update invite to project test to work with new 'invite' checkbox

frontend/README.md

@@ -32,3 +32,11 @@ pnpm run build
 You can preview the production build with `pnpm run preview`.
 
 > To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
+
+#### Testing
+
+To run an end-to-end test in the frontend folder:
+
+```bash
+pnpm test
+```

frontend/tests/components/addMemberModal.ts

@@ -3,7 +3,8 @@ import { BaseComponent } from './baseComponent';
 
 const EMAIL_LABEL = 'Email';
 const ROLE_LABEL = 'Role';
-const SUBMIT_BUTTON_LABEL = new RegExp(`(Add Member)|(Add or invite Member)`);
+const INVITE_LABEL = 'Invite';
+const SUBMIT_BUTTON_LABEL = new RegExp(`Add Member|Add or invite Member`);
 
 export class AddMemberModal extends BaseComponent {
   get emailField(): Locator {
@@ -14,6 +15,10 @@ export class AddMemberModal extends BaseComponent {
     return this.componentLocator.getByLabel(ROLE_LABEL, {exact: true});
   }
 
+  get inviteCheckbox(): Locator {
+    return this.componentLocator.getByRole('checkbox', {name: INVITE_LABEL});
+  }
+
   get submitButton(): Locator {
     return this.componentLocator.getByRole('button', {name: SUBMIT_BUTTON_LABEL});
   }

frontend/tests/emailWorkflow.test.ts

@@ -126,6 +126,7 @@ test('register via new-user invitation email', async ({ page }) => {
   const addMemberModal = await projectPage.clickAddMember();
   await addMemberModal.emailField.fill(newEmail);
   await addMemberModal.selectEditorRole();
+  await addMemberModal.inviteCheckbox.check();
   await addMemberModal.submitButton.click();
   await page.locator(':text("has been sent an invitation email")').waitFor();