From 38ae3d86db2b5dfe9c2041b6e6b3fc54f3d863fa Mon Sep 17 00:00:00 2001
From: Alberto Defendi <1369-ahl-berto@users.noreply.gitlab.inf.unibz.it>
Date: Wed, 9 Jun 2021 09:27:53 +0200
Subject: [PATCH] Include test tag to solve failing test.

---
 .../Dashboard/ProfilePage/ProfilePage.tsx     | 284 +++++++++---------
 1 file changed, 143 insertions(+), 141 deletions(-)

diff --git a/src/components/Dashboard/ProfilePage/ProfilePage.tsx b/src/components/Dashboard/ProfilePage/ProfilePage.tsx
index db6ff72..6a23d52 100644
--- a/src/components/Dashboard/ProfilePage/ProfilePage.tsx
+++ b/src/components/Dashboard/ProfilePage/ProfilePage.tsx
@@ -121,166 +121,168 @@ export const ProfilePage: FC = () => {
   };
 
   return (
-    <Grid container direction="column" className={classes.paddingBottom}>
-      <div className={classes.root}>
-        <CssBaseline />
+    <div data-testid="ProfilePage">
+      <Grid container direction="column" className={classes.paddingBottom}>
+        <div className={classes.root}>
+          <CssBaseline />
 
-        <Grid item>
-          <NavBar />
-        </Grid>
+          <Grid item>
+            <NavBar />
+          </Grid>
 
-        <header>
-          <MuiThemeProvider theme={themeResp}>
-            <Grid item container className={classes.paddingBottom}>
-              <Grid item xs={1} md={2} lg={2} />
+          <header>
+            <MuiThemeProvider theme={themeResp}>
+              <Grid item container className={classes.paddingBottom}>
+                <Grid item xs={1} md={2} lg={2} />
 
-              <Grid item xs={10} md={6} lg={4}>
-                <Typography variant="h2" className={classes.whiteText}>
-                  Set Here Your
-                </Typography>
-                <Typography variant="h1" className={classes.whiteText}>
-                  PROFILE
-                </Typography>
+                <Grid item xs={10} md={6} lg={4}>
+                  <Typography variant="h2" className={classes.whiteText}>
+                    Set Here Your
+                  </Typography>
+                  <Typography variant="h1" className={classes.whiteText}>
+                    PROFILE
+                  </Typography>
+                </Grid>
+
+                <Grid item xs={1} />
               </Grid>
+            </MuiThemeProvider>
+          </header>
+        </div>
 
-              <Grid item xs={1} />
-            </Grid>
-          </MuiThemeProvider>
-        </header>
-      </div>
+        <FormControl aria-label="Info User">
+          <MuiThemeProvider theme={themeResp}>
+            <Grid item container className={classes.paddingTop}>
+              <Grid item xs={2} />
+              <Grid item container xs={8}>
+                <Grid item xs={12}>
+                  <Typography variant="h2">Your Profile Settings</Typography>
+                </Grid>
 
-      <FormControl aria-label="Info User">
-        <MuiThemeProvider theme={themeResp}>
-          <Grid item container className={classes.paddingTop}>
-            <Grid item xs={2} />
-            <Grid item container xs={8}>
-              <Grid item xs={12}>
-                <Typography variant="h2">Your Profile Settings</Typography>
-              </Grid>
+                <Grid item xs={5} className={classes.paddingTopLittle}>
+                  <TextField
+                    autoFocus
+                    margin="dense"
+                    id="firstName"
+                    label="First Name"
+                    type="text"
+                    fullWidth
+                  />
+                </Grid>
+                <Grid item xs={2} className={classes.paddingTopLittle} />
+                <Grid item xs={5} className={classes.paddingTopLittle}>
+                  <TextField
+                    autoFocus
+                    margin="dense"
+                    id="lastName"
+                    label="Last Name"
+                    type="text"
+                    fullWidth
+                  />
+                </Grid>
 
-              <Grid item xs={5} className={classes.paddingTopLittle}>
-                <TextField
-                  autoFocus
-                  margin="dense"
-                  id="firstName"
-                  label="First Name"
-                  type="text"
-                  fullWidth
-                />
-              </Grid>
-              <Grid item xs={2} className={classes.paddingTopLittle} />
-              <Grid item xs={5} className={classes.paddingTopLittle}>
-                <TextField
-                  autoFocus
-                  margin="dense"
-                  id="lastName"
-                  label="Last Name"
-                  type="text"
-                  fullWidth
-                />
-              </Grid>
+                <Grid item xs={5} className={classes.paddingTopLittle}>
+                  <TextField
+                    autoFocus
+                    margin="dense"
+                    id="address"
+                    label="Address"
+                    type="text"
+                    fullWidth
+                  />
+                </Grid>
 
-              <Grid item xs={5} className={classes.paddingTopLittle}>
-                <TextField
-                  autoFocus
-                  margin="dense"
-                  id="address"
-                  label="Address"
-                  type="text"
-                  fullWidth
-                />
-              </Grid>
+                <Grid item xs={2} className={classes.paddingTopLittle} />
 
-              <Grid item xs={2} className={classes.paddingTopLittle} />
+                <Grid item xs={2} className={classes.paddingTopLittle}>
+                  <TextField
+                    autoFocus
+                    margin="dense"
+                    id="cap"
+                    label="CAP"
+                    type="text"
+                    fullWidth
+                  />
+                </Grid>
 
-              <Grid item xs={2} className={classes.paddingTopLittle}>
-                <TextField
-                  autoFocus
-                  margin="dense"
-                  id="cap"
-                  label="CAP"
-                  type="text"
-                  fullWidth
-                />
-              </Grid>
+                <Grid item xs={1} className={classes.paddingTopLittle} />
 
-              <Grid item xs={1} className={classes.paddingTopLittle} />
+                <Grid item xs={2} className={classes.paddingTopLittle}>
+                  <TextField
+                    autoFocus
+                    margin="dense"
+                    id="province"
+                    label="Prov"
+                    type="text"
+                    fullWidth
+                  />
+                </Grid>
 
-              <Grid item xs={2} className={classes.paddingTopLittle}>
-                <TextField
-                  autoFocus
-                  margin="dense"
-                  id="province"
-                  label="Prov"
-                  type="text"
-                  fullWidth
-                />
-              </Grid>
+                <Grid item xs={12} className={classes.paddingTopLittle}>
+                  <TextField
+                    autoFocus
+                    margin="dense"
+                    id="email"
+                    label="Email"
+                    type="text"
+                    fullWidth
+                  />
+                </Grid>
 
-              <Grid item xs={12} className={classes.paddingTopLittle}>
-                <TextField
-                  autoFocus
-                  margin="dense"
-                  id="email"
-                  label="Email"
-                  type="text"
-                  fullWidth
-                />
-              </Grid>
+                <Grid item xs={12} className={classes.paddingTopLittle}>
+                  <TextField
+                    autoFocus
+                    margin="dense"
+                    id="cardNumber"
+                    label="Card No"
+                    type="text"
+                    fullWidth
+                  />
+                </Grid>
 
-              <Grid item xs={12} className={classes.paddingTopLittle}>
-                <TextField
-                  autoFocus
-                  margin="dense"
-                  id="cardNumber"
-                  label="Card No"
-                  type="text"
-                  fullWidth
-                />
-              </Grid>
+                <Grid item xs={12} className={classes.paddingTop}>
+                  <Select
+                    labelId="Language"
+                    id="Language"
+                    label="Language"
+                    open={open}
+                    onClose={handleClose}
+                    onOpen={handleOpen}
+                    value={lang}
+                    onChange={handleChange}
+                    fullWidth
+                  >
+                    <MenuItem value={20}>Italiano</MenuItem>
+                    <MenuItem value={10}>English</MenuItem>
+                    <MenuItem value={30}>Deutsch</MenuItem>
+                    <MenuItem value={40}>Ladinisch</MenuItem>
+                  </Select>
+                </Grid>
 
-              <Grid item xs={12} className={classes.paddingTop}>
-                <Select
-                  labelId="Language"
-                  id="Language"
-                  label="Language"
-                  open={open}
-                  onClose={handleClose}
-                  onOpen={handleOpen}
-                  value={lang}
-                  onChange={handleChange}
+                <Button
+                  color="primary"
+                  variant="contained"
+                  className={classes.buttonUpdate}
+                >
+                  Update
+                </Button>
+
+                <Button
                   fullWidth
+                  variant="outlined"
+                  color="default"
+                  onClick={logout}
+                  className={classes.marginTop}
                 >
-                  <MenuItem value={20}>Italiano</MenuItem>
-                  <MenuItem value={10}>English</MenuItem>
-                  <MenuItem value={30}>Deutsch</MenuItem>
-                  <MenuItem value={40}>Ladinisch</MenuItem>
-                </Select>
+                  Logout
+                </Button>
               </Grid>
 
-              <Button
-                color="primary"
-                variant="contained"
-                className={classes.buttonUpdate}
-              >
-                Update
-              </Button>
-
-              <Button
-                fullWidth
-                variant="outlined"
-                color="default"
-                onClick={logout}
-                className={classes.marginTop}
-              >
-                Logout
-              </Button>
+              <Grid item xs={2} />
             </Grid>
-
-            <Grid item xs={2} />
-          </Grid>
-        </MuiThemeProvider>
-      </FormControl>
-    </Grid>
+          </MuiThemeProvider>
+        </FormControl>
+      </Grid>
+    </div>
   );
 };
-- 
GitLab