如何测试 Jasmine 中提交的表单？

Question

我有一个表单，它在最终发布到它的 ACTION URL 之前执行一些广泛的 Javascript 操作。我正在编写一些 Jasmine 单元测试，并希望确保提交表单时发生 Javascript 内容。但是，我绝对不希望在进行单元测试时页面转到 ACTION URL。

我在这里看到了一个似乎不错的建议： http://groups.google.com/group/jasmine -js/browse_thread/thread/a010eced8db17c1a?pli=1

...但是，由于我对 Jasmine 相当陌生，我不确定如何实现它，但在网络上找不到任何相关示例。有谁有一些示例代码我可以看一下来完成我所需要的吗？

谢谢！

Answer 1

也许这个代码片段可以帮助你......

it('calls ajax post on export button click', function() {
  view.render();
  var form = $('#export_images_xml_form');
  var submitCallback = jasmine.createSpy().andReturn(false);
  form.submit(submitCallback);

  $('#export_images_xml_button').click();

  expect(form.attr('action')).toEqual('/export');
  expect($('#export_images_xml_form input').attr('value')).toEqual('22,33,44');
  expect(submitCallback).toHaveBeenCalled();
});

我所做的基本上是停止给定表单的每次提交，在关联的回调中返回 false （请参阅submitCallback 行为）。

然后我还可以测试回调已被调用...

希望它有帮助！

Answer 2

如果您不想测试是否调用了 submit，则无需创建间谍。使用普通的jQuery，你也可以达到不提交表单的效果。我将以下代码放在所有测试之外，这样它就适用于文件中的所有测试。

$('form').on('submit', function() {
    return false;
});