Question

129

How do I test a form submit in Jasmine?

rated 0 times [ 132] [ 3] / answers: 1 / hits: 19488 / 13 Years ago, wed, september 14, 2011, 12:00:00

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.

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

...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?

Thanks!

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

ervindouglasm

Add To Favorites

Follow

Total Points: 451

Total Questions: 103

Total Answers: 102

Location: Turkmenistan

Member since Thu, Dec 1, 2022

1 Year ago

ervindouglasm questions

1 Decode a Uint8Array into a JSON

Tue, Jul 20, 21, 00:00, 3 Years ago

1 bootstrap table: filter control not working

Wed, Jan 6, 21, 00:00, 3 Years ago

1 How to print a specific element in Vue 3?

Fri, Nov 13, 20, 00:00, 4 Years ago

1 How do I use v-on=$listeners except for @click?

Tue, Oct 6, 20, 00:00, 4 Years ago

1 How to integrate azure b2c with react

Tue, Aug 25, 20, 00:00, 4 Years ago

View All

answered 13 Years ago lidialyrick · Accepted Answer

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();

});

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

Hope it helps!