在 Angular 中单击按钮时，cypress 无法导航到下一页答案

【问题标题】：cypress does not navigate to next page on button click in Angular在 Angular 中单击按钮时，cypress 无法导航到下一页
【发布时间】：2019-01-30 08:30:46
【问题描述】：

我正在尝试使用 Cypress 测试在 Angular 中构建的 Web 应用程序。单击按钮时，它应该导航到下一页。然而，这在赛普拉斯不起作用。该应用程序运行良好。下面是html页面。

【问题讨论】：

能否将 HTML 添加到问题中？
是的，请显示 HTML 和 Cypress 测试。它可能不是柏树..

标签： cypress

【解决方案1】：

<h2>Login</h2>
<div class="div1">
<form [formGroup]="loginForm" (ngSubmit)="onSubmit()">
    <div class="form-group">
        <label for="username">Username</label>
        <input type="text" formControlName="username" class="form-control" [ngClass]="{ 'is-invalid': submitted && f.username.errors }" />
        <div *ngIf="submitted && f.username.errors" class="invalid-feedback">
            <div *ngIf="f.username.errors.required">Username is required</div>
        </div>
    </div>
    <div class="form-group">
        <label for="password">Password</label>
        <input type="password" formControlName="password" class="form-control" [ngClass]="{ 'is-invalid': submitted && f.password.errors }" />
        <div *ngIf="submitted && f.password.errors" class="invalid-feedback">
            <div *ngIf="f.password.errors.required">Password is required</div>
        </div>
    </div>
    <div class="form-group">
        <button [disabled]="loading" type="submit" class="btn btn-primary">Login</button>
        <img *ngIf="loading" src="data:image/gif" />
        <a [routerLink]="['/register']" class="btn btn-link">Register</a>
    </div>
</form>
</div>

添加了html代码

【讨论】：