在jasmine-phantomjs test中调用html元素上的click（）函数

问题描述

我用Karma和PhantomJS运行我的测试：

I run my tests with Karma and PhantomJS:

在该测试中，我想点击段落（p）获取我的事件反馈：

In the that test I want to click on the paragraph (p) to get my event-feedback:

// given 
var element = appendToBody("<p id='hello-p'>Hello Hello World!</p>");

element.addEventListener('click', function(event) {
    console.log("1");
});

// when
var p = document.getElementById("hello-p");

console.log(p);
// LOG: <p id="hello-p">Hello Hello World!</p>
console.log(p.id);
// LOG: 'hello-p'

p.click(); // calling click

我最终收到此消息：

问：为什么p可能未定义？

Q: why p could be undefined?

推荐答案

好的。
因为基于webkit的PhantomJS，我必须创建/发送这样的事件：

Ok.Bacause PhantomJS based on webkit, I have to create/send event like this:

  var cle = document.createEvent("MouseEvent");
  cle.initEvent("click", true, true);
  var elem = document.getElementById('hello-p');
  elem.dispatchEvent(cle);

这篇关于在jasmine-phantomjs test中调用html元素上的click（）函数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！