changement data-tesid

Author: ChloeNuage

frontend/src/components/forms/auth/LoginForm.tsx

@@ -59,7 +59,7 @@ const LoginForm = () => {
     >
       {messageError.length > 0 ? <p className="error-message">{messageError}</p> : null}
       <Input
-        dataTestId="emailLogin"
+        data-testid="emailLogin"
         theme="dark"
         type="text"
         name="email"
@@ -68,7 +68,7 @@ const LoginForm = () => {
         onChange={(e) => setForm({ ...form, email: e.target.value })}
       />
       <Input
-        dataTestId="passwordLogin"
+        data-testid="passwordLogin"
         theme="dark"
         type="password"
         name="password"

frontend/src/components/forms/auth/RegisterForm.tsx

@@ -117,7 +117,7 @@ const RegisterForm = () => {
       {messageError && <p className="text-orange font-bold text-lg">{messageError}</p>}
 
       <Input
-        dataTestId="lastNameRegister"
+        data-testid="lastNameRegister"
         theme="dark"
         type="text"
         placeholder="Nom"
@@ -126,7 +126,7 @@ const RegisterForm = () => {
         onChange={(e) => setForm({ ...form, lastName: e.target.value })}
       ></Input>
       <Input
-        dataTestId="firstNameRegister"
+        data-testid="firstNameRegister"
         theme="dark"
         type="text"
         placeholder="Prénom"
@@ -135,7 +135,7 @@ const RegisterForm = () => {
         onChange={(e) => setForm({ ...form, firstName: e.target.value })}
       ></Input>
       <Input
-        dataTestId="emailRegister"
+        data-testid="emailRegister"
         theme="dark"
         type="text"
         placeholder="Adresse email"
@@ -144,7 +144,7 @@ const RegisterForm = () => {
         onChange={(e) => setForm({ ...form, email: e.target.value })}
       ></Input>
       <Input
-        dataTestId="birthdayRegister"
+        data-testid="birthdayRegister"
         theme="dark"
         type="date"
         placeholder="Date de naissance"
@@ -153,7 +153,7 @@ const RegisterForm = () => {
         onChange={(e) => setForm({ ...form, date_of_birth: e.target.value })}
       ></Input>
       <Input
-        dataTestId="passwordRegister"
+        data-testid="passwordRegister"
         theme="dark"
         type="password"
         placeholder="Mot de passe"
@@ -162,7 +162,7 @@ const RegisterForm = () => {
         onChange={(e) => setForm({ ...form, password: e.target.value })}
       ></Input>
       <Input
-        dataTestId="passwordConfirmRegister"
+        data-testid="passwordConfirmRegister"
         theme="dark"
         type="password"
         placeholder="Confirmation du mot de passe"

frontend/src/components/utils/Button.tsx

@@ -4,7 +4,7 @@ import type { IconProps } from "./Icon";
 import Icon from "./Icon";
 
 type ButtonType = HTMLButtonElement["type"];
-type ButtonProps = {
+type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
   onClick?: MouseEventHandler<HTMLButtonElement>;
   text?: string;
   colour?: ColourScheme["colour"];
@@ -16,7 +16,6 @@ type ButtonProps = {
   big?: boolean;
   small?: boolean;
   disabled?: boolean;
-  dataTestId?: string;
 };
 
 export default function Button({

frontend/src/components/utils/Input.tsx

@@ -13,7 +13,6 @@ interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
   label?: string;
   icon?: IconTypes;
   disabled?: boolean;
-  dataTestId?: string;
 }
 
 export default function Input({
@@ -28,7 +27,6 @@ export default function Input({
   placeholder,
   icon,
   disabled = false,
-  dataTestId,
   ...props
 }: InputProps) {
   const baseStyles =
@@ -66,7 +64,6 @@ export default function Input({
           className={`${baseStyles} ${themeStyles} ${disabledStyles} ${errorStyles} ${className}`}
           name={name}
           placeholder={placeholder}
-          data-testid={dataTestId}
           {...props}
         />
         {icon && (