javascript - 为 phantomJS headless 浏览器添加 jQuery 选择器控件

Question

我正在尝试将 jQuery 选择器控件添加到 phantomJS headless 浏览器以进行测试。

可能吗？

到目前为止，我们已经覆盖了检查以查看控件是否存在，并且没有尝试操作值和测试 onChange 事件。

我想要运行的测试是这样的:

//arrange
//OnChange results in values being stored in cookies
$('#TestControl').val(cookieValue).trigger('change');

//act
var result = $.cookie(cookieName);

//assert
expect(result).toBe(cookieValue);

问题是我不知道如何实际创建 $('#TestControl')

Answer 1

要在 phantomJS/jasmine 中创建 DOM 元素，您可以执行以下操作:

var TestControl = $('<input id="TestControl"/>');
$(document.body).append(TestControl);

但是，最好在 html 中定义标记。 jasmine-jquery 的 fixture 模块允许您加载测试所使用的 HTML 内容。总体工作流程如下:

在 myfixture.html 文件中:

<div id="my-fixture"><input id="TestControl"/></div>

在您的测试中:

loadFixtures('myfixture.html')
$('#TestControl').val(cookieValue).trigger('change')
expect($('#my-fixture')).to...