單擊帶有href屬性的元素是否始終可以工作

Question

我正在編寫一套自動化的UI測試。 我有一組測試來驗證導航欄中的鏈接是否正常工作，它們花費了很長的時間，因為每個測試加載2頁，並且導航欄中有很多鏈接。 我想知道是否有必要實際單擊鏈接？

其中一個鏈接看起來像這樣，它們基本相同，都包含在<li>元素列表中：

<a href="/projects/7d9162e5-e59c-452e-b9f5-684a2e0f2924/home" data-reactid=".0.2.0.0.0.$0.0">
  <span class="icon icon-home" data-reactid=".0.2.0.0.0.$0.0.0"></span>
  <span class="label" data-reactid=".0.2.0.0.0.$0.0.1">Home</span>
</a>

我可以從href屬性中獲取內容，並以編程方式請求頁面（不要將其加載到瀏覽器中）來斷言href是正確的，這將大大加快速度。

一個元素是否有可能具有按預期指向頁面的href屬性，但是出於某種原因，單擊該元素可能會中斷？

Answer 1

這可能是您正在尋找的解決方案：

<a href="#" onclick="return false;">Link to Page</a>

每次單擊鏈接但實際上不轉到該鏈接時，該代碼會將href屬性作為文本附加到正文中。 返回false； 該代碼的一部分阻止了瀏覽器對該鏈接執行默認操作。 確切的內容可以這樣寫：

$("a").click(function(e) {
   $("body").append($(this).attr("href"));
   e.preventDefault();
}

Answer 2

通過使用href內容，即使navbar鏈接不起作用，您也可能會冒自動化通過測試的風險。 可能是導航欄鏈接被錯誤地禁用，但是由於該鏈接仍然存在於DOM中，因此您的自動化將無法捕獲它。

只是我的10美分...