html - 棱 Angular 分明。从 html 标记中删除属性的构建步骤

标签 html angular testing webpack angular-cli

我们在标记中使用“data-test”属性来查询测试中的元素。例如:

<div data-test='myDiv'></div>

我们不希望此属性出现在生产版本中。到目前为止,我找到了一种解决方法来创建一个指令,该指令在运行时删除生产构建的属性。它肯定会花费一些 CPU 并且似乎值得怀疑。寻找一种在构建时删除属性的方法。欢迎任何想法。

最佳答案

查看这篇关于如何删除 data-cy 的文章编译(使用 webpack 加载器)或运行时(使用指令)期间的属性。您可以对任何 data-* 执行完全相同的步骤属性(并忽略 Cypress 的东西)。只需更换 data-cydata-test 表达你就完成了。
https://medium.com/agilix/angular-and-cypress-data-cy-attributes-d698c01df062
这至少适用于 Angular6+。

关于html - 棱 Angular 分明。从 html 标记中删除属性的构建步骤,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56945990/

相关文章:

html - 在 bootstrap 3 中排序类

html - 让div占据剩余宽度的100%?

html - max-width CSS 媒体查询如何适应缩放?

《英雄》教程中的 Angular RXJS CatchError

angular - 带有 Angular HttpClient 的 RxJs switchMap

testing - ASP.NET Web 应用程序的 Web 测试框架

java - 使用 JMockit 模拟类

html - 滑动按钮 [Ionic]

angular - 如何从 Modal 调用父方法

c# - 如何针对 WPF 编写 specflow