我们在标记中使用“data-test”属性来查询测试中的元素。例如:
<div data-test='myDiv'></div>
我们不希望此属性出现在生产版本中。到目前为止,我找到了一种解决方法来创建一个指令,该指令在运行时删除生产构建的属性。它肯定会花费一些 CPU 并且似乎值得怀疑。寻找一种在构建时删除属性的方法。欢迎任何想法。
最佳答案
查看这篇关于如何删除 data-cy
的文章编译(使用 webpack 加载器)或运行时(使用指令)期间的属性。您可以对任何 data-*
执行完全相同的步骤属性(并忽略 Cypress 的东西)。只需更换 data-cy
用 data-test
表达你就完成了。
https://medium.com/agilix/angular-and-cypress-data-cy-attributes-d698c01df062
这至少适用于 Angular6+。
关于html - 棱 Angular 分明。从 html 标记中删除属性的构建步骤,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56945990/