кипарис не переходит на следующую страницу при нажатии кнопки в Angular

Question

Я пытаюсь протестировать сборку веб-приложения на Angular с Cypress.При нажатии на кнопку следует перейти на следующую страницу.Однако это не работает в Cypress.Приложение работает нормально.Ниже HTML-страница.

Answer 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-код