Как написать шутки для навигации в реагировании
Я новичок в написании тестовых примеров Jest, пытаюсь написать тестовый пример для проверки навигации в приложении реагирования.
В настоящее время я написал тестовый пример, который работает следующим образом: у меня есть страница входа, на которой есть ссылка для регистрации, которая перенаправляет пользователя на страницу регистрации. Итак, что я проверяю: 1. Загрузка страницы входа в систему. 2. Активация события щелчка по ссылке регистрации. 3. Пользователь перешел на страницу регистрации.
но я не могу проверить, загружена ли страница регистрации или нет? Есть ли способ проверить снимок страницы "Регистрация" и ссылку в URL.
Я использовал шутку, фермент и реакцию-тест-рендер, как показано в приведенном ниже коде.
Html страницы входа
<React.Fragment>
<BodyContainer noDrawer fullSpan>
<Grid container spacing={0} className={classes.gridContainer}>
<Grid item xs={12} md={6} lg={7} className="login--form">
<div className="login--form--container">
<img src={LogoPurple} alt="ABL" className="onboarding-logo" />
<h3>Welcome back! Please login to your account.</h3>
{error ? <p>{error}</p> : null}
<Field name="email" component={renderTextField} label="Email" style={styles.formField}/>
<Field name="password" component={renderTextField} label="Password" style={styles.formField} />
<Field name="rememberMe" component={renderCheckbox} label="Remember Me" />
<div className="has-spacing">
<Button variant="raised" size="large" color="primary" className="extraLarge" type="submit" onClick={this.handleSubmit}>
Login
</Button>
</div>
<Link to="forgot-password">Forgot Password</Link>
<p className="need-account">
Need an account?
<Link to="/register">
<strong> Sign up</strong>
</p>
</Link>
<LegalLinks />
</div>
</Grid>
</Grid>
</BodyContainer>
</React.Fragment>
В приведенном выше коде регистрации является ссылкой, используемой для навигации.
заранее спасибо...