Fix tests

Arquisoft · Apr 28, 2024 · cb331f8 · cb331f8
1 parent 262a205
commit cb331f8
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/webapp/src/components/AddUser/AddUser.js b/webapp/src/components/AddUser/AddUser.js
@@ -108,13 +108,13 @@ const AddUser = () => {
         />
         <p className="form-error">{formErrors.username}</p>
 
-        <PasswordField placeholder={t("register.password_placeholder")} password={password} setPassword={setPassword} />
+        <PasswordField id="password" name="password" placeholder={t("register.password_placeholder")} password={password} setPassword={setPassword} />
 
         <PasswordStrengthBar password={password} shortScoreWord={t("register.strength.very_week")} scoreWords={strengthWords} minLength={8} />
 
         <p className="form-error">{formErrors.password}</p>
 
-        <PasswordField placeholder={t("register.password_confirm_placeholder")} password={repeatPassword} setPassword={setRepeatPassword} />
+        <PasswordField id="repeatPassword" name="repeatPassword" placeholder={t("register.password_confirm_placeholder")} password={repeatPassword} setPassword={setRepeatPassword} />
 
         <p className="form-error">{formErrors.repeatPassword}</p>
 

diff --git a/webapp/src/components/Login/Login.js b/webapp/src/components/Login/Login.js
@@ -87,7 +87,7 @@ const Login = () => {
         />
         <p className="form-error">{formErrors.username}</p>
 
-        <PasswordField placeholder={t("login.password_placeholder")} password={password} setPassword={setPassword} />
+        <PasswordField id="password" name="password" placeholder={t("login.password_placeholder")} password={password} setPassword={setPassword} />
 
         <p className="form-error">{formErrors.password}</p>
         <button className="button-common" onClick={loginHandler}>

diff --git a/webapp/src/components/PasswordField/PasswordField.js b/webapp/src/components/PasswordField/PasswordField.js
@@ -5,16 +5,16 @@ import VisibilityRoundedIcon from '@mui/icons-material/VisibilityRounded';
 
 import './PasswordField.css'
 
-const PasswordField = ({ placeholder, password, setPassword }) => {
+const PasswordField = ({ id, name, placeholder, password, setPassword }) => {
 
     const [showPassword, setShowPassword] = useState(false);
 
     return (
         <div className="input-box">
             <input
                 type={showPassword ? "text" : "password"}
-                name="password"
-                id="password"
+                name={name}
+                id={id}
                 placeholder={placeholder}
                 onChange={e => setPassword(e.target.value)}
                 value={password}

diff --git a/webapp/src/components/test/PasswordField.test.js b/webapp/src/components/test/PasswordField.test.js
@@ -26,7 +26,7 @@ const renderPasswordField = _ =>
     render(
         <MemoryRouter>
             <I18nextProvider i18n={i18n}>
-                <PasswordField placeholder={"placeholder"} password="12345678" setPassword={() => { }} />
+                <PasswordField id="password" name="password" placeholder={"placeholder"} password="12345678" setPassword={() => { }} />
             </I18nextProvider>
         </MemoryRouter>
     )