Javascript Clicking/Focusing/Tabbing 的前端测试工具

Javascript Frontend Testing Facility for Clicking/Focusing/Tabbing

最近我们发布了一项破坏整个网站的更改。我厌倦了我们的 javascript 没有测试设施。我们自己做 xtag 组件,我们有一堆 js 函数。我在使用像 Jasmine 这样的测试工具时遇到的问题之一是我想测试聚焦、单击和 Tab 键。

示例:

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

(在我得到任何评论之前,我们不能有我所知道的单例 xtag 组件。)

我要测试的是从 1->2->3->4 正确切换。我手动测试了我的两个组件。一个成功,一个失败。

我看过一些我喜欢的测试工具,但我找不到可以测试此功能的工具。我知道 js 本身不能像那样测试 tabbing,我是不是要求太多了?如果可以,那么用什么js测试库可以自动测试呢?不想每次改js都要手动测试

亲爱的未来读者:1(强制性 xkcd 参考)

无法模拟从一个字段到另一字段的制表符。2

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

我希望这对某人有所帮助。