如何使用量角器在第三方軟件包中進行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