ТранспортирСвязьОкружающая среда и матКнопка

Question

Я использую angular 9 с angular материалом 9 и гибкой компоновкой.

Я пытаюсь выполнить некоторые тесты транспортира с Angular Ремешок

HTML Я пытаюсь проверить следующее

<mat-toolbar color="primary" class="cvlBorderBottomRed">
  <mat-toolbar-row fxFlex fxLayout="row" fxLayoutAlign="space-between center">

    <button id="cvl-brand" mat-button routerLink="">
      <img src="../../../../assets/icons/logo.svg" height="50" width="50" alt="My Company Logo"/>
      <span class="cvlTitle cvlFontWeight600">My Company <span class="cvlRed">Cool</span></span>
    </button>
    ...
    ...
  </mat-toolbar-row
<mat-toolbar>

Мой CSS это

.cvlBorderBottomRed {
  border-bottom: 2px solid red;
}
.cvlTitle {
  font-size: 1.2em;
}
.cvlFontWeight600 {
  font-weight: 600;
}
.cvlRed {
  color: red;
}

НО, если я сделаю следующее, кнопка не будет нажата

let harnessLoader = ProtractorHarnessEnvironment.loader();

const cvlBrand = await harnessLoader.getHarness<MatButtonHarness>(
    MatButtonHarness.with({selector: '#cvl-brand'}));

await cvlBrand.click();

В противном случае, если я использую следующий код, кнопка будет нажата правильно

const cvlBrand = element(by.id('cvl-brand'));
await cvlBrand.click();

В чем я виноват?

Answer 1

Обновление с angular материала 9.1.1 на 9.1.6 проблема решена