Web:Login:Client:Components:Sub-Components: Added id for test

This commit is contained in:
Akmal Isomadinov 2022-11-14 12:40:27 +05:00
parent d81ad1a7fe
commit 7c7ecd210a
4 changed files with 17 additions and 10 deletions

View File

@ -226,7 +226,7 @@ const LoginForm: React.FC<ILoginFormProps> = ({
} //TODO: Add wrong login server error
>
<EmailInput
id="login"
id="login_username"
name="login"
type="email"
hasError={isEmailErrorShow}
@ -256,7 +256,7 @@ const LoginForm: React.FC<ILoginFormProps> = ({
className="password-input"
simpleView={true}
passwordSettings={settings}
id="password"
id="login_password"
inputName="password"
placeholder={t("Common:Password")}
type="password"
@ -276,7 +276,7 @@ const LoginForm: React.FC<ILoginFormProps> = ({
<div className="login-checkbox-wrapper">
<div className="remember-wrapper">
<Checkbox
id="login-checkbox"
id="login_remember"
className="login-checkbox"
isChecked={isChecked}
onChange={onChangeCheckbox}
@ -284,6 +284,7 @@ const LoginForm: React.FC<ILoginFormProps> = ({
helpButton={
!checkIsSSR() && (
<HelpButton
id="login_remember-hint"
className="help-button"
helpButtonHeaderContent={t("CookieSettingsTitle")}
tooltipContent={
@ -302,7 +303,7 @@ const LoginForm: React.FC<ILoginFormProps> = ({
type="page"
isHovered={false}
onClick={onClick}
id="link-forgot-password"
id="login_forgot-password-link"
>
{t("ForgotPassword")}
</Link>
@ -320,7 +321,7 @@ const LoginForm: React.FC<ILoginFormProps> = ({
)}
<Button
id="submit"
id="login_submit"
className="login-button"
primary
size="medium"
@ -351,6 +352,7 @@ const LoginForm: React.FC<ILoginFormProps> = ({
{t("Or")}
</Text>
<Link
id="login_recover-link"
fontWeight="600"
fontSize="13px"
color="#316DAA"

View File

@ -106,7 +106,7 @@ const ForgotPasswordModalDialog: React.FC<IForgotPasswordDialogProps> = ({
hasError={isShowError && emailError}
placeholder={t("Common:RegistrationEmail")}
isAutoFocussed={true}
id="e-mail"
id="forgot-password-modal_email"
name="e-mail"
type="text"
size="base"
@ -123,7 +123,7 @@ const ForgotPasswordModalDialog: React.FC<IForgotPasswordDialogProps> = ({
</ModalDialog.Body>
<ModalDialog.Footer>
<Button
id="forgot-password-modal-btn-send"
id="forgot-password-modal_send"
className="modal-dialog-button"
key="ForgotSendBtn"
label={
@ -138,7 +138,7 @@ const ForgotPasswordModalDialog: React.FC<IForgotPasswordDialogProps> = ({
tabIndex={2}
/>
<Button
id="forgot-password-modal-btn-close"
id="forgot-password-modal_cancel"
className="modal-dialog-button"
key="CancelBtn"
label={t("Common:CancelButton")}

View File

@ -17,6 +17,7 @@ interface IRegisterProps {
trustedDomains?: string[];
theme?: any;
currentColorScheme: ITheme;
id?: string;
}
const StyledRegister = styled(Box)`
@ -43,6 +44,7 @@ const Register: React.FC<IRegisterProps> = (props) => {
trustedDomains,
theme,
currentColorScheme,
id
} = props;
const [visible, setVisible] = useState(false);
const [loading, setLoading] = useState(false);
@ -109,7 +111,7 @@ const Register: React.FC<IRegisterProps> = (props) => {
return enabledJoin && !isAuthenticated ? (
<>
<StyledRegister onClick={onRegisterClick}>
<StyledRegister id={id} onClick={onRegisterClick}>
<Text color={currentColorScheme.accentColor}>{t("Register")}</Text>
</StyledRegister>

View File

@ -67,6 +67,7 @@ const RegisterModalDialog: React.FC<IRegisterModalDialogProps> = ({
return (
<ModalDialogContainer
id="registration-modal"
displayType="modal"
visible={visible}
onClose={onRegisterModalClose}
@ -97,7 +98,7 @@ const RegisterModalDialog: React.FC<IRegisterModalDialogProps> = ({
hasError={isShowError && emailErr}
placeholder={t("Common:RegistrationEmail")}
isAutoFocussed={true}
id="e-mail"
id="registration-modal_email"
name="e-mail"
type="email"
size="base"
@ -115,6 +116,7 @@ const RegisterModalDialog: React.FC<IRegisterModalDialogProps> = ({
</ModalDialog.Body>
<ModalDialog.Footer>
<Button
id="registration-modal_send"
className="modal-dialog-button"
key="RegisterSendBtn"
label={loading ? t("Common:Sending") : t("RegisterSendButton")}
@ -128,6 +130,7 @@ const RegisterModalDialog: React.FC<IRegisterModalDialogProps> = ({
/>
<Button
id="registration-modal_cancel"
className="modal-dialog-button"
key="CancelBtn"
label={t("Common:CancelButton")}