Test with data-testids (#811)

Author: Tristan-WorkGH

src/components/authentication/Login.tsx

@@ -45,7 +45,14 @@ export function Login({ onLoginClick, disabled }: LoginProps) {
                     <FormattedMessage id="login/login" defaultMessage="login" /> ?
                 </Typography>
 
-                <Button disabled={disabled} fullWidth variant="contained" sx={styles.submit} onClick={onLoginClick}>
+                <Button
+                    data-testid="LoginButton"
+                    disabled={disabled}
+                    fullWidth
+                    variant="contained"
+                    sx={styles.submit}
+                    onClick={onLoginClick}
+                >
                     <FormattedMessage id="login/connection" defaultMessage="connection" />
                 </Button>
             </Box>

src/components/dialogs/descriptionModificationDialog/DescriptionModificationDialog.tsx

@@ -89,6 +89,7 @@ export function DescriptionModificationDialog({
                     label="descriptionProperty"
                     minRows={3}
                     rows={3}
+                    data-testid="DescriptionInputField"
                 />
             </Box>
         </CustomMuiDialog>

src/components/inputs/reactHookForm/text/DescriptionField.tsx

@@ -51,6 +51,7 @@ export function DescriptionField({ expandingTextSx }: Readonly<DescriptionFieldP
                         minRows={3}
                         rows={3}
                         sx={expandingTextSx}
+                        data-testid="DescriptionInputField"
                     />
                     <Button
                         sx={{

src/components/inputs/reactHookForm/utils/CancelButton.tsx

@@ -11,7 +11,7 @@ import { FormattedMessage } from 'react-intl';
 export function CancelButton(inProps: Readonly<Omit<ButtonProps, 'children'>>) {
     const props = useThemeProps({ props: inProps, name: 'CancelButton' });
     return (
-        <Button {...props}>
+        <Button data-testid="CancelButton" {...props}>
             <FormattedMessage id="cancel" />
         </Button>
     );

src/components/topBar/TopBar.tsx

@@ -295,6 +295,7 @@ export function TopBar({
                             aria-haspopup="true"
                             onClick={handleClickAppsMenu}
                             color="inherit"
+                            data-testid="AppsMenu"
                         >
                             <AppsIcon />
                         </IconButton>
@@ -351,6 +352,7 @@ export function TopBar({
                             onClick={handleToggleSettingsMenu}
                             color="inherit"
                             style={anchorElSettingsMenu ? { cursor: 'initial' } : { cursor: 'pointer' }}
+                            data-testid="SettingsMenu"
                         >
                             <Box component="span" sx={styles.name}>
                                 {user.profile.name !== undefined ? abbreviationFromUserName(user.profile.name) : ''}

src/components/treeViewFinder/TreeViewFinder.tsx

@@ -449,11 +449,10 @@ function TreeViewFinderComponant(props: Readonly<TreeViewFinderProps>) {
             }}
             aria-labelledby="TreeViewFindertitle"
             className={className}
-            classes={{
-                paper: composeClasses(classes, cssDialogPaper),
-            }}
+            classes={{ paper: composeClasses(classes, cssDialogPaper) }}
+            data-testid="Dialog"
         >
-            <DialogTitle id="TreeViewFindertitle">
+            <DialogTitle id="TreeViewFindertitle" data-testid="DialogTitle">
                 {title ?? intl.formatMessage({ id: 'treeview_finder/finderTitle' }, { multiSelect })}
             </DialogTitle>
             <DialogContent>
@@ -490,6 +489,7 @@ function TreeViewFinderComponant(props: Readonly<TreeViewFinderProps>) {
                         setAutoScrollAllowed(true);
                     }}
                     disabled={isValidationDisabled()}
+                    data-testid="SubmitButton"
                 >
                     {getValidationButtonText()}
                 </Button>