javascript - Selenium - 如何通过 id 从 div > 输入发送输入？

Question

所以我遇到了一个问题，我试图在输入字段中输入文本，但我意识到同一个 id 名称有两个相同的 id，我在这里寻求有关如何指定哪个 div 的帮助 ->我想使用的输入。

到目前为止我所做的是:

it('Entering First Name', function (done) {

    browser.driver
        .then(() => browser.wait(EC.visibilityOf(element(by.xpath('//input[@id="pp-cc-first-name-field"]'))), 50000, "Timed out finding 'First Name' element"))
        .then(() => element(by.xpath('//input[@id="pp-cc-first-name-field"]')).sendKeys("hello world")
        .then(() => done());
});

使用此 HTML

所以我不确定在这种情况下我实际上做错了什么，因为现在它没有输入任何内容并且由于超时而失败。我希望向该特定元素输入任何文本。

编辑!

看起来我不得不切换到 iframe，因为后台加载了一个 iframe，这就是我无法在现场实际书写的原因。我不得不使用

browser.switchTo().frame(element(by.xpath("//iframe[@id='cc-integrated-payment-page-frame']")).getWebElement()))

能够在字段内写入。

Answer 1

你们的元素ID不一样，<div>有pp-cc-first-name-field值，和<input> pp-cc-first-name-field值(value)。尝试按如下方式修复:

it('Entering First Name', function (done) {

    browser.driver
        .then(() => browser.wait(EC.visibilityOf(element(by.id('pp-cc-first-name'))), 50000, "Timed out finding 'First Name' element"))
        .then(() => element(by.id('pp-cc-first-name')).sendKeys("hello world")
        .then(() => done());
});