Question

我正在编写一个单元测试来测试我的网页上的标签顺序，我找不到一种方法来模拟用户键入TAB键以关注下一个可聚焦元素，尽管这似乎是是一件容易的事。

jQuery是允许的，而纯javascript解决方案是首选。任何形式的帮助都表示赞赏。

＆＃13;

// TODO
function triggerTab () {


}

$("#btn-save").focus();
triggerTab();

// Expect the focus is on the cancel button now.
console.log(document.activeElement.id);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<p> some text </p> 
<button id="btn-save"> save </button>
<button id="btn-cancel> cancel </button>

＆＃13;

P.S。在下一个可聚焦元素上调用focus（）是不可接受的，即使你可以编写代码来找出下一个可聚焦元素。所以这条路不是我想要的：

function getAllFocusables () {
    ...
}

var focusables = getAllFocusables(),
    index = focusables.indexOf(document.activeElement);

$(focusables[index+1]).focus();

Answer 1

您无法使用Javascript模拟标准浏览器中的标签键。

如果您使用无头浏览器进行单元测试，例如phantomjs，则可以模拟标签键

var webPage = require('webpage');
var page = webPage.create();

page.sendEvent('keypress', page.event.key.Tab);

有没有办法以编程方式触发TAB键将焦点移动到下一个可聚焦元素？

1 个答案: