如何点击一个包含变量的link变成"href"属性？

Question

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

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" 标签都具有与您在上面看到的相同的结构，并且 "a" 标签在 href 属性中具有适当的 id。主要问题在于这段代码：

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

因为它 returns

(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 return .方法如下 -

.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 + '"]');

希望对您有所帮助。

如何点击一个包含变量的link变成"href"属性？

How to click on a link which contains a variable into "href" attribute?

javascript

selenium

selenium-webdriver

webdriver-io

webdriverjs