如何点击包含变量的链接到“href”属性？

Question

我正在使用Selenium + WebdriverIO编写验收测试。 我有一些问题 - 我无法点击此链接

client.click('a[href=#admin/'+ transactionId + ']')

transactionId - 它是一个包含事务ID的变量。 我的HTML代码：

 <div class="ui-data-table">
<thead>...</thead>
<tbody>
<tr><td class="tac">
  <span class="tooltip" title="Transaction"><i class="icon-transaction"></i></span>


</td>
<td class="tac no-break">Today 10:23</td>
<td class="break-all"></td>
<td class="tac">
    N/A
</td>
<td>Artem</td>
<td class="tac">
  <span class="tooltip" title="Pending">

    <i class="icon-clock"></i>


  </span>
</td>
<td class="break-all">Artem Arsenowitch</td>
<td class="tac">
    <a href="#admin/aceb3f65-4078-4f47-8850-95ac9135fad3"><i class="icon-arrow-circle-right"></i></a>
</td></tr>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
</tbody>
</div>

每个“tr”标签都具有与您在上面看到的相同的结构，以及在href属性中具有适当id的“a”标签。 主要问题在于此代码：

('a[href=#admin/'+ transactionId + ']')

因为它返回

(a[href=#admin/undefined]) 

Girish Sortur感谢您的回答，但我发现只有一个使用此代码的解决方案：

.getAttribute("p.tac", "transaction-id")
        .then(function(attr){
          transactionId = attr;
          transactionURL = 'a[href="#admin/'+ transactionId + '"]';
        })
        .click('a[href="#admin"]')
        .waitForExist("div.ui-data-table", 10000).then(function(){
          client.click(transactionURL)//That is working now
        })

Answer 1

仅使用Selenium，您应首先找到该元素，然后单击它，因为click()方法不接受参数。 这是你如何做到的 -

driver.findElement(by.xpath('a[href="#admin/'+ transactionId + '"]')).click();

但是，如果您使用webdriver-io和selenium，请确保首先生成您的transactionId，然后单击它，因为异步javascript快速执行而无需等待transaction-id返回。 这是如何做 -

.waitForExist("p.tac", 10000)
.getAttribute("p.tac", "transaction-id")
.then(function(attr){ 
    transactionId = attr; 
})
.click('a[href="#admin"]').waitForExist("div.ui-data-table", 10000)
.waitForVisible('a[href="#admin/'+ transactionId + '"]', 10000)
.click('a[href="#admin/'+ transactionId + '"]');

希望这可以帮助。