用于点击/聚焦/标签的Javascript前端测试工具

Question

最近我们发布了一个打破了整个网站的变化。我厌倦了没有为我们的javascript测试设施。我们制作了自己的xtag组件，并且我们有一堆js函数。我在测试设备如Jasmine时遇到的一个问题是我想测试聚焦，点击和标签。

示例：

<input tabindex="1" />
<custom-xtag-component tabindex="3"></custom-xtag-component>
<input tabindex="2" />
<input tabindex="4" />

（在我得到任何评论之前，我们不能拥有我所知道的单件xtag组件。）

我想测试的是正确选择1-＆gt; 2-＆gt; 3-＆gt; 4。我手动测试了我的两个组件。一个成功，另一个失败。

我见过一些我喜欢的测试设备，但是我找不到测试这个功能的设备。我知道js本身不能测试这样的标签，我问的太多了吗？如果可以，那么我可以使用js测试库自动测试吗？我不想每次更改js时手动测试它。

Answer 1

来自未来的读者：1（强制性的xkcd参考）

无法模拟从一个字段到另一个字段的标签。2

因此，测试此方法的最佳方法是确保自定义gs-element将tabindex正确移动到其中的输入。为了使标签正常工作（或任何其他用户操作），您必须执行某些操作。可以测试行动的先决条件，行动本身不能。

我希望这有助于某人。