如何使用量角器在第三方包中进行 E2E 测试数据 - Angular

Question

我想知道是否可以在根 html 元素级别向第 3 方包添加唯一标识符。例如，我通过 NPM 使用包 myDatePicker。

我可以将 ID 标记添加到实际的 html 元素，但嵌套在该元素内部的是一个以及两个我需要添加 ID 以用于 E2E 测试目的的标记。我们正在使用量角器进行测试。

检查过的html长这样

<my-date-picker ... id="myDatePickerUniqueID" ...>
     <div>
        --><input **'where I want my id field'**>
     </div>
</my-date-picker>

感谢任何帮助。

Answer 1

我不建议深入研究第 3 方源代码，因为您将依赖该特定版本，这只会导致问题。

你可以做的是使用 element(by.css('myDatePickerUniqueID div input'))。

By.css -> https://www.protractortest.org/#/api?view=webdriver.By.css

另一种方法是 select By.model 所以你不依赖于 HTML/CSS 结构，而是 Angular . 例如 element(by.model('selectionDayTxt'))

By.model -> https://www.protractortest.org/#/api?view=ProtractorBy.prototype.model

全部select或 -> https://www.protractortest.org/#/api?view=ProtractorBy

How to E2E test data within third party package with Protractor - Angular