test: add page title test ids to await and await mounting loader components

packages/web/src/components/LoginForm/index.tsx

@@ -44,6 +44,7 @@ function LoginForm() {
       <Typography
         variant="h3"
         align="center"
+        data-test="login-form-title"
         sx={{
           borderBottom: '1px solid',
           borderColor: (theme) => theme.palette.text.disabled,
@@ -78,13 +79,15 @@ function LoginForm() {
           sx={{ mb: 1 }}
         />
 
-        {isCloud && <Link
-          component={RouterLink}
-          to={URLS.FORGOT_PASSWORD}
-          underline="none"
-        >
-          {formatMessage('loginForm.forgotPasswordText')}
-        </Link>}
+        {isCloud && (
+          <Link
+            component={RouterLink}
+            to={URLS.FORGOT_PASSWORD}
+            underline="none"
+          >
+            {formatMessage('loginForm.forgotPasswordText')}
+          </Link>
+        )}
 
         <LoadingButton
           type="submit"
@@ -98,13 +101,15 @@ function LoginForm() {
           {formatMessage('loginForm.submit')}
         </LoadingButton>
 
-        {isCloud && <Typography variant="body1" align="center" mt={3}>
-          {formatMessage('loginForm.noAccount')}
-          &nbsp;
-          <Link component={RouterLink} to={URLS.SIGNUP} underline="none">
-          {formatMessage('loginForm.signUp')}
-          </Link>
-        </Typography>}
+        {isCloud && (
+          <Typography variant="body1" align="center" mt={3}>
+            {formatMessage('loginForm.noAccount')}
+            &nbsp;
+            <Link component={RouterLink} to={URLS.SIGNUP} underline="none">
+              {formatMessage('loginForm.signUp')}
+            </Link>
+          </Typography>
+        )}
       </Form>
     </Paper>
   );