Karma/Jasmine測試未通過角度材質工具提示

我正在使用角材設計（測試版5）的最新版材質材料設計工具提示。Karma/Jasmine測試未通過角度材質工具提示

我的提示附加到一個按鈕，這樣說：

<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/[email protected]: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>

我對任何想法都開放這裏。

來源

2017-05-23 Jean-Baptiste

我認爲你的按鈕與默認的html5按鈕衝突。默認沒有工具提示。嘗試改變你的按鈕選擇器。

來源

2017-05-23 13:59:15

我用乾淨的安裝角度和材料的設計和測試都通過嘗試..我認爲它是從未來的我不規則的建築。當我找到它時，我會環視它併發布解決方案。 –

因此，經過一些調查和嘗試不同的事情，我來到一個工作解決方案！對於任何會遇到相同問題的人員，在此共享。

我嘗試使用創建conditionnal屬性是這樣的：

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

測試通過，但該提示不顯示。

我嘗試使用單獨從父組件來輸入，並且它完美工作：

[mdTooltip]

來源

2017-05-23 15:36:43

Karma/Jasmine測試未通過角度材質工具提示

回答

相關問題