javascript - 在 jasmine-phantomjs 测试中的 html 元素上调用 click() 函数

Question

我使用 Karma 和 PhantomJS 运行测试:

INFO [karma]: Karma v0.12.32 server started at http://localhost:9876/ INFO [launcher]: Starting browser PhantomJS INFO [PhantomJS 1.9.8 (Windows 7)]: Connected on socket kVOvdbbgtIeUQuV8AAAA wit

在该测试中，我想单击段落 (p) 来获取我的事件反馈:

// 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

我最终收到了这样的消息:

TypeError: 'undefined' is not a function (evaluating 'p.click()')

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

Answer 1

好的。 由于 PhantomJS 基于 webkit，我必须像这样创建/发送事件:

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