Polymer 聚合物:如何测试;随叫随到”;在摩卡?
我有一个组件,当在手机上点击时,它会隐藏一个覆盖并显示一个描述(就像桌面上的鼠标悬停一样) 到目前为止,对于桌面,我一直在使用myElement.fire(“mouseenter”)在我的组件上测试鼠标事件,例如Polymer 聚合物:如何测试;随叫随到”;在摩卡?,polymer,mocha.js,sinon,Polymer,Mocha.js,Sinon,我有一个组件,当在手机上点击时,它会隐藏一个覆盖并显示一个描述(就像桌面上的鼠标悬停一样) 到目前为止,对于桌面,我一直在使用myElement.fire(“mouseenter”)在我的组件上测试鼠标事件,例如mouseenter: 但是,在尝试测试mobile时,当我执行类似于myElement.fire(“tap”)的操作时,我的测试中似乎不会触发我的tap事件: 下面是我在JSFIDLE中的代码的简化版本。我还验证了该演示在移动设备上有效: 我会在什么情况下开火?换句话说,我将如何模拟对
mouseenter
:
但是,在尝试测试mobile时,当我执行类似于myElement.fire(“tap”)的操作时,我的测试中似乎不会触发我的tap
事件:
下面是我在JSFIDLE中的代码的简化版本。我还验证了该演示在移动设备上有效:
我会在什么情况下开火?换句话说,我将如何模拟对元素的轻敲
我正在使用这些测试框架:
"chai": "^3.2.0",
"mocha": "^2.2.5",
"sinon": "^1.15.4",
"sinon-chai": "^2.8.0",
"supertest": "^1.0.1",
"web-component-tester": "^3.4.2"
您需要创建一个自定义事件实例
myElement.fire(new CustomEvent('tap'));
谢谢你,冈特!CustomEvent从何而来?我是否需要添加这一点,因为“tap”是由polymer创建的,而不是浏览器本身?polymer生成的所有事件都是CustomEvent P.S.我必须将
fire
更改为dispatchEvent
,并且成功了!一件奇怪的事情是,它返回的事件很奇怪,看起来不像我使用桌面浏览器和移动浏览器时得到的事件。
"chai": "^3.2.0",
"mocha": "^2.2.5",
"sinon": "^1.15.4",
"sinon-chai": "^2.8.0",
"supertest": "^1.0.1",
"web-component-tester": "^3.4.2"
myElement.fire(new CustomEvent('tap'));