javascript - Karma/Jasmine 测试未通过 Angular Material 工具提示

Question

我正在使用带有最新版本的 Angular Material Design(测试版 5)的 Material Design 工具提示。

我通过这种方式将工具提示附加到按钮:

<button id="{{module.action}}" md-raised-button (click)="onClick($event)" [mdTooltip] [disabled]="buttonDisabledState">
  {{module.text}}
</button>

我有一个输入属性传递给组件:

export class ButtonComponent implements OnInit {
  @Input() module: ButtonModule;
  @Input() mdTooltip;

运行本地服务器时一切顺利，但如果我运行测试套件，我会不断收到此错误:

Can't bind to 'mdTooltip' since it isn't a known property of 'button'. ("th Dealflo Limited.
    -->
    <button id="{{module.action}}" md-raised-button (click)="onClick($event)" [ERROR ->][mdTooltip] [disabled]="buttonDisabledState">
      {{module.text}}
    </button>
    "): ng:///DynamicTestModule/ButtonComponent.html@13:74
    Error: Template parse errors:
    Can't bind to 'mdTooltip' since it isn't a known property of 'button'. ("th Dealflo Limited.
    -->
    <button id="{{module.action}}" md-raised-button (click)="onClick($event)" [ERROR ->][mdTooltip] [disabled]="buttonDisabledState">
      {{module.text}}
    </button>

我对这里的任何想法都持开放态度。

Answer 1

我认为你的按钮与默认的 html5 按钮冲突。默认确实没有工具提示。尝试更改按钮选择器。