Web:Login:Client:Components:Sub-Components: Added id for test
This commit is contained in:
parent
d81ad1a7fe
commit
7c7ecd210a
@ -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"
|
||||
|
@ -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")}
|
||||
|
@ -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>
|
||||
|
||||
|
@ -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")}
|
||||
|
Loading…
Reference in New Issue
Block a user