test: cover accept invitation flow

packages/web/src/components/AcceptInvitationForm/index.jsx

@@ -57,6 +57,7 @@ export default function ResetPasswordForm() {
           mb: 2,
         }}
         gutterBottom
+        data-test="accept-invitation-form-title"
       >
         {formatMessage('acceptInvitationForm.title')}
       </Typography>
@@ -70,6 +71,7 @@ export default function ResetPasswordForm() {
             <TextField
               label={formatMessage('acceptInvitationForm.passwordFieldLabel')}
               name="password"
+              data-test="password-text-field"
               fullWidth
               margin="dense"
               type="password"
@@ -90,6 +92,7 @@ export default function ResetPasswordForm() {
                 'acceptInvitationForm.confirmPasswordFieldLabel',
               )}
               name="confirmPassword"
+              data-test="confirm-password-text-field"
               fullWidth
               margin="dense"
               type="password"
@@ -118,6 +121,7 @@ export default function ResetPasswordForm() {
             <LoadingButton
               type="submit"
               variant="contained"
+              data-test="submit-button"
               color="primary"
               sx={{ boxShadow: 2, my: 3 }}
               loading={acceptInvitation.isPending}

packages/web/src/components/AddAppConnection/index.jsx

@@ -151,6 +151,7 @@ function AddAppConnection(props) {
               color="primary"
               sx={{ boxShadow: 2 }}
               loading={inProgress}
+              disabled={!authenticate}
               data-test="create-connection-button"
             >
               {formatMessage('addAppConnection.submit')}

packages/web/src/index.jsx

@@ -35,6 +35,7 @@ root.render(
     </SnackbarProvider>
   </Router>,
 );
+
 // If you want to start measuring performance in your app, pass a function
 // to log results (for example: reportWebVitals(console.log))
 // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals