javascript - 用于单击/聚焦/选项卡的 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->2->3->4 制表符。我手动测试了我的两个组件。一个成功，另一个失败。

我见过一些我喜欢的测试工具，但我找不到测试这个功能的工具。我知道 js 本身不能像那样测试标签，我要求太多了吗？如果可以，那我可以用什么js测试库自动测试呢？我不想每次更改 js 时都手动测试它。

Answer 1

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

无法模拟从一个字段到另一个字段的跳转。2

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

我希望这可以帮助别人。