如果另一个元素包含特定文本，请单击该元素.使用Protractor进行自动测试

Question

我需要检查3个元素中的哪一个元素包含文本"10%"；但我不确定我是否正确地得到了元素的文本。当我运行代码时，我不会得到错误，但if条件总是false(当它应该为true时也是如此(。

规范中我的javascript代码：

await driver.wait(until.elementIsVisible(await driver.findElement(By.css("tr:nth-child(1) .font-weight-bold-light > span"))), 30000)
await driver.wait(until.elementIsVisible(await driver.findElement(By.css("tr:nth-child(2) .font-weight-bold-light > span"))), 30000)
await driver.wait(until.elementIsVisible(await driver.findElement(By.css("tr:nth-child(3) .font-weight-bold-light > span"))), 30000)
var array = ["tr:nth-child(1) .font-weight-bold-light > span", "tr:nth-child(2) .font-weight-bold-light > span", "tr:nth-child(2) .font-weight-bold-light > span"];
var arrayDelete = ["tr:nth-child(1) img:nth-child(2)", "tr:nth-child(2) img:nth-child(2)", "tr:nth-child(3) img:nth-child(2)"]
for (var k = 0; k<array.length; k++){
  var allOpts = (await driver.findElement(By.css(array[k])));
  await driver.sleep(2000)
  if (allOpts == ('10%')) {
    await driver.sleep(2000)
    await driver.wait(until.elementIsVisible(await driver.findElement(By.css(arrayDelete[k]))), 30000)
    // 11 | click | css=.actions > img:nth-child(2) | 
    await driver.findElement(By.css((arrayDelete[k]))).click()
    // 12 | pause | 1000 | 
    await driver.sleep(5000)
    // 13 | waitForElementVisible | css=.ml-3 | 30000
    await driver.wait(until.elementIsVisible(await driver.findElement(By.css(".ml-3"))), 30000)
    // 14 | click | css=.ml-3 | 
    await driver.findElement(By.css(".ml-3")).click()
    // 15 | pause | 3000 | 
    await driver.sleep(10000)
    // 16 | verifyElementNotPresent | css=td:nth-child(1) | 
    {
      const elements = await driver.findElements(By.css((allOpts)))
      assert(!elements.length)
    }
    console.log(('ho cancellato l obiettivo ')+ k);
  
  } else {
    console.log(('obiettivo ') + k + (' non cancellato, in quanto il suo peso non è 10%'));
  }
}

我试过了所有这些：

if (allOpts == (' 10% ')) 
if (allOpts == ('10%')) 
if (allOpts === (' 10% ')) 
if (allOpts === ('10%')) 
if (allOpts.getText() == (' 10% ')) 
if (allOpts.getText()  == ('10%')) 
if (allOpts.getText()  === (' 10% ')) 
if (allOpts.getText()  === ('10%')) 
if (allOpts.getAttribute("value") == (' 10% ')) 
if (allOpts.getAttribute("value")  == ('10%')) 
if (allOpts.getAttribute("value")  === (' 10% ')) 
if (allOpts.getAttribute("value")  === ('10%'))

这些都不允许运行if条件的主体。

这里是我的html:

<td _ngcontent-lqu-c20="">
  <p _ngcontent-lqu-c20="" class="font-weight-bold-light">
    <!---->
    <span _ngcontent-lqu-c20=""> 10% </span>
  </p>
</td>

Answer 1

您错过了调用getText()来读取web元素上的内容

var allOpts = (await driver.findElement(By.css(array[k])).getText()).trim()

Answer 2

首先，您的语法不是量角器的典型语法(除非您使用的是一些非常旧的版本(。如果这是你使用的工具，请检查他们的文档

第二，在这一行中，您只是声明元素，而不对其进行任何操作

var allOpts = (await driver.findElement(By.css(array[k])));

您应该已经提取了元素的文本。但使用正常语法，它看起来像

var allOpts = await element(by.css(array[k])).getText();

三、不起作用的原因

if (allOpts.getText() == (' 10% '))

是因为这是承诺，你需要通过.then()或await来解决它。除非你深入了解这个过程(我是认真的……在所有细节中(，否则量角器不会走得太远

第四，当你执行.getText()时，你的字符串会被修剪，这意味着在开头和结尾没有空格('10%'而不是' 10% '(

五、当有疑问时，只需console.log()的数值。这是调试问题的最简单方法

最后，不要使用==，而是使用===。在使用量角器的三年里，我从未遇到过必须使用==的情况，但在使用时，我确实遇到了许多因胁迫而产生的困惑

Answer 3

首先需要读取元素的文本，即使用getText()。