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

Question

我想知道是否有可能在根html元素级别将唯一标识符添加到第三方包。 例如，我通过NPM使用软件包myDatePicker。

我可以在实际的html元素中添加一个ID标签，但是嵌套在该元素中的是一个和两个元素，为了端到端测试目的，我需要在其中添加ID。 我们正在使用量角器进行测试。

检查的html看起来像这样

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

任何帮助表示赞赏。

Answer 1

我不建议您进入第三方源代码，因为您当时依赖该特定版本，这只会引起问题。

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

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

另一种方法是选择By.model，以便您不依赖于HTML / CSS结构，而是依赖于Angular。 示例是element(by.model('selectionDayTxt'))

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

所有选择器 -> https://www.protractortest.org/#/api?view=ProtractorBy