Karma / Jasmine測試不通過角度材料工具提示

Question

我正在使用材料設計工具提示和最新版本的角度材料設計（beta 5）。

我通過這種方式將工具提示附加到按鈕：

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

我有一個傳遞給組件的Input屬性：

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按鈕沖突。 默認情況下確實沒有工具提示。 嘗試更改按鈕選擇器。

Answer 2

經過一番調查和嘗試不同的事情，我找到了一個有效的解決方案！ 在這里分享給任何會遇到同樣問題的人。

我試過用這種方式創建一個conditionnal屬性：

[attr.mdTooltip]="module.tooltip? module.mdtooltip : ''"

測試通過但工具提示未顯示。

我嘗試使用來自父組件的輸入，它完美地工作：

[mdTooltip]