如何在Jasmine中测试表单提交？ [英] How do I test a form submit in Jasmine?

问题描述

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

I have a form that does some extensive Javascript stuff before finally POSTing to it's ACTION URL. I am writing some Jasmine unit tests and want to make sure the Javascript stuff happens when the form is submitted. However, I definitely don't want the page to go to the ACTION URL while I am unit testing.

我看到了一个好的建议：
http://groups.google.com/group/ jasmine-js / browse_thread / thread / a010eced8db17c1a？pli = 1

I saw what seemed like a good suggestion here: http://groups.google.com/group/jasmine-js/browse_thread/thread/a010eced8db17c1a?pli=1

...但是，由于我对Jasmine相当新，我不确定如何实施它，在网上找不到任何相关的例子。有没有人有一些我可以看到的示例代码可以实现我的需要？

...but, as I am fairly new to Jasmine, I am unsure how to implement it and cannot find any pertinent examples on the web. Does anyone have some sample code I could look at that would accomplish what I need?

谢谢！

推荐答案

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

Maybe this code snippet can help you...

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行为） ）。

What I do is basically stopping every submit for given form returning false in the associated callback (see submitCallback behavior).

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

Then I can also test callback has been called...

希望它有所帮助！

这篇关于如何在Jasmine中测试表单提交？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！