从角度材料中选择组件不要加载在Karma中的选项组件

问题描述:

我在使用Angular 4,Angular Material和Karma时遇到了麻烦。我有一个包含3个固定选项组件(从官方文档中获取)的角度材质选择组件的单个实例的页面。从角度材料中选择组件不要加载在Karma中的选项组件

我用Angular CLI创建了一个新应用程序。当我运行该应用程序时,它工作得很好,但是当我试图用Karma和Testbed编写测试时,选件组件不存在。如果我尝试在页面底部的Karma浏览器中单击Select组件,也是如此。

这里是正在发生的截图:

enter image description here

因为它不可能重现它plunker或codepen,我已经和能重现问题的空项目zip文件: http://s000.tinyupload.com/index.php?file_id=35616718992258616489

在此先感谢您的帮助!

我遇到了同样的问题。我还没有找到真正的解决方案,但我有一个解决方法。

而不是做一个fixture.query(By.css('md-option')),返回null的,我检查MdSelect组件的options属性:对那些感兴趣的话题

this.selectElement = this.fixture.debugElement.query(By.css('md-select'); 
this.optionElement = this.selectEl.componentInstance.options.first; 
... 
expect(this.optionElement.value).toEqual(this.expectedOptionElementValue); 

Open issue