Mam problem z testowaniem zdarzenia o nazwie submit
przy użyciu opcji React, TestUtils i Jest.Prześlij formularz zgłoszenia testowego za pomocą polecenia Jest & TestUtils
Mam element, który renderuje element DOM <form>
; ten sam składnik ma również metodę, która obsługuje zdarzenie onSubmit
i loguje instrukcję. Moim celem jest kpić z obsługi onSubmit
i twierdzić, że jest wywoływana.
forma-component.cjsx
module.exports = React.createClass
# Handle form submissions
handleSubmit: (e) ->
console.log 'Make async call'
# Render a form
render: ->
<form onSubmit={@handleSubmit}>
<input type="submit" />
</form>
__tests __/test-form-component.coffee
jest
.dontMock '../form-component'
React = require 'react/addons'
TestUtils = React.addons.TestUtils
FormComponent = require '../form-component'
describe 'FormComponent', ->
it 'creates a log statement upon form submission', ->
# Render a FormComponent into the dom
formInstance = TestUtils.renderIntoDocument(<FormComponent />)
# Mock the `handleSubmit` method
formInstance.handleSubmit = jest.genMockFunction()
# Simulate a `submit` event on the form
TestUtils.Simulate.submit(formInstance)
# TestUtils.Simulate.submit(formInstance.getDOMNode()) ???
# I would have expected the mocked function to have been called
# What gives?!
expect(formInstance.handleSubmit).toBeCalled()
Podobne pytania: