Update Login page

Update Login page.

See: https://github.com/ansible/awx/issues/9126
This commit is contained in:
nixocio 2021-05-05 13:06:58 -04:00
parent 13e1fc9839
commit c50bd8d6e6
9 changed files with 16239 additions and 15195 deletions

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -127,7 +127,7 @@ function AWXLogin({ alt, isAuthenticated }) {
if (authError?.response?.status === 401) {
helperText = t`Invalid username or password. Please try again.`;
} else {
helperText = t`There was a problem signing in. Please try again.`;
helperText = t`There was a problem logging in. Please try again.`;
}
const HeaderBrand = (
@ -147,9 +147,8 @@ function AWXLogin({ alt, isAuthenticated }) {
<Login header={Header} footer={Footer}>
<LoginMainHeader
data-cy="login-header"
title={
brandName ? t`Welcome to Ansible ${brandName}! Please Sign In.` : ''
}
title={brandName ? t`Welcome to Ansible ${brandName}!` : ''}
subtitle={t`Please log in`}
/>
<LoginMainBody>
<Formik

View File

@ -90,6 +90,12 @@ describe('<Login />', () => {
expect(passwordInput.props().value).toBe('');
expect(submitButton.props().isDisabled).toBe(false);
expect(wrapper.find('AlertModal').length).toBe(0);
expect(wrapper.find('LoginMainHeader').prop('subtitle')).toBe(
'Please log in'
);
expect(wrapper.find('LoginMainHeader').prop('title')).toBe(
'Welcome to Ansible AWX!'
);
});
test('custom logo renders Brand component with correct src and alt', async () => {