Posting a form.

[thimbl]

Having trouble figuring out how to post a form using jsdom and jquery. is this possible?

var form = '

';
$(form).appendTo('body');
$('form').submit();

The above doesn't work for me, should it, or am I doing something wrong?

[tmpvar]

not yet, there are no default actions at this time.

[domenic]

This is probably much easier to implement now that I've implemented the form data algorithm (in FormData-impl.js). However the navigation after the form submission would of course still not work.

[josenobile]

After form is submitted, how to read the response body? For example resourceLoader did not trigger anything after a submitted form in a iframe.

[domenic]

Form submission is not currently implemented, so it is not possible.

[BebeSparkelSparkel]

Any changes with this?

[marvinrabe]

It looks like form submission is partially implemented. It dispatches a HTMLEvent but does not support the submit method.

Minimal reproduction

As a Mocha + Chai test:

import {JSDOM} from 'jsdom'
import {assert} from 'chai'
import sinon from 'sinon'

describe('JSDOM Form', () => {

    it('submit form with button', () => {
        const dom = new JSDOM(`
  <form id="my-form">
    <button type="submit" id="submit-button">Submit Button</button>
  </form>
`, {})
        const listener = sinon.stub()
        dom.window.document.getElementById('my-form').addEventListener('submit', listener)

        dom.window.document.getElementById('submit-button').click()

        assert.isTrue(listener.called)
    })

})

What is expected?

Submit works without any errors.

What happens?

Test succeeds but returns this error:

Error: Not implemented: HTMLFormElement.prototype.submit

[ScubaDaniel]

Is this ever going to be addressed? I can't find a single work-around for "react-testing-library" + Jest that actually makes sense and works.