当我尝试运行ng测试时,我的所有模块和组件都正确加载,但<img>
标记中包含的任何资产都不会呈现,因为它们未在/中提供assets文件夹(就像他们在构建中或使用ng服务开发期间那样)
除此之外,知道如何将全局styles.scss / css文件包含在测试中会很好,因为如果我将CSS放入组件中,我只能渲染这些样式。禁用ViewEncapsulation。
关于最新的angular-cli webpack发布(Beta 15)
非常感谢任何帮助。
答案 0 :(得分:13)
我找到了答案!
默认情况下,angular-cli(webpack)中的karma设置默认情况下不会为您的assets文件夹提供服务,但这很容易添加(一旦筛选完文档)
下面的是我的搜索结果的屏幕截图以及为了让它工作而添加的代码
在左侧,您可以看到我现在正在服务的比利梅斯的图像,如果您查看文件&#39;在json部分,我补充了以下内容:
{ pattern: './src/assets/**', watched: false, included:false, nocache:false, served:true }
我还添加了一个代理属性,用于获取所提供的内容(默认情况下提供给http://localhost:[karma端口号] / base
proxies: {
'/assets/': '/base/src/assets/'
},
通过将/assets/
指定为文件夹代理,karma使用该路径
localhost:[karma port number]/assets
而不是默认值。
我很高兴我能够提出自己的问题,希望这可以帮助一些人开始使用angular-cli!