javascript - 如何使用桌面浏览器测试触摸事件？

Question

我想为触摸事件写一些测试用例。在我的代码中，我有以下逻辑来决定它是否在触摸设备上。

if(document.documentElement.ontouchstart !== undefined)
{
 //content that I want to write test cases about
}

现在我想伪造 document.documentElement.ontouchstart 不是 undefined，所以内部逻辑将被执行。

我尝试使用 Sinon.js 的 stub 将空函数分配给 document.documentElement.ontouchstart。但它会抛出错误指示“TypeError:尝试将未定义的属性 ontouchstart 包装为函数”，因为 document.documentElement 在浏览器中没有此类属性。

我真的不想在我的测试中写这样的东西:document.documentElement.ontouchstart = function() {..} 因为它会影响其他测试用例。当然我可以把它原来的值存起来，当测试用例结束的时候恢复这个值。但我想问一下，有没有更优雅的方式来实现呢？

如何让它进入if语句？

Answer 1

使用 Chrome 的设备工具，通过在开发者工具中激活此按钮进行切换。

图片

这使您可以像在移动环境中一样进行调试。