如何使用 Protractor 对第三方包中的数据进行 E2E 测试 - Angular

【问题标题】：How to E2E test data within third party package with Protractor - Angular如何使用 Protractor 对第三方包中的数据进行 E2E 测试 - Angular
【发布时间】：2019-02-18 15:50:36
【问题描述】：

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

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

被检查的html是这样的

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

感谢任何帮助。

【问题讨论】：

标签： html angular testing protractor e2e-testing

【解决方案1】：

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

你可以做的是使用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

【讨论】：

感谢您的帮助，我认为这将与 css 选择器完美配合，假设我可以获取顶部唯一 ID 并从那里向下钻取。