Angular 量角器线束环境和按钮

我使用的是angular 9和angular material 9以及flex布局

我正试着做一些量角器测试

我尝试测试的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>

但是，如果我执行以下操作，则不会单击该按钮

let harnessLoader = ProtractorHarnessEnvironment.loader();

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

await cvlBrand.click();

---

我的错是什么？

从角材质9.1.1更新到9.1.6问题解决了

从角材质9.1.1更新到9.1.6问题解决了

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();