tyler.durden
/
opensupports
mirror of https://github.com/opensupports/opensupports.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Ivan - Create Ticket Form - Fix form tests [skip ci]

This commit is contained in:
ivan 2016-08-19 13:24:36 -03:00
parent d88dd59ab5
commit 2c0e7546ed
1 changed files with 29 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
client/src/core-components/__tests__/form-test.js
View File

@ -1,11 +1,16 @@
// MOCKS // MOCKS
const ValidationFactoryMock = require('lib-app/__mocks__/validations/validation-factory-mock'); const ValidationFactoryMock = require('lib-app/__mocks__/validations/validation-factory-mock');
const Input = ReactMock(); const FormField = ReactMock();
const {EditorState} = require('draft-js');
const draftJsExportHTML = {
stateToHTML: stub().returns('HTML_CODE')
};
// COMPONENT // COMPONENT
const Form = requireUnit('core-components/form', { const Form = requireUnit('core-components/form', {
'lib-app/validations/validations-factory': ValidationFactoryMock, 'lib-app/validations/validations-factory': ValidationFactoryMock,
'core-components/input': Input 'draft-js-export-html': draftJsExportHTML,
'core-components/form-field': FormField
}); });
describe('Form component', function () { describe('Form component', function () {
@ -15,13 +20,13 @@ describe('Form component', function () {
form = TestUtils.renderIntoDocument( form = TestUtils.renderIntoDocument(
<Form {...props} onSubmit={onSubmit}> <Form {...props} onSubmit={onSubmit}>
<div> <div>
<Input name="first" value="value1" required/> <FormField name="first" value="value1" required/>
<Input name="second" value="value2" required validation="CUSTOM"/> <FormField name="second" value="value2" required validation="CUSTOM"/>
</div> </div>
<Input name="third" value="value3" /> <FormField name="third" value="value3" />
</Form> </Form>
); );
fields = TestUtils.scryRenderedComponentsWithType(form, Input); fields = TestUtils.scryRenderedComponentsWithType(form, FormField);
} }
function resetStubs() { function resetStubs() {
@ -117,7 +122,7 @@ describe('Form component', function () {
}); });
afterEach(resetStubs); afterEach(resetStubs);
it('should pass the errors to inputs', function () { it('should pass the errors to fields', function () {
expect(fields[0].props.error).to.equal('MOCK_ERROR_CONTROLLED'); expect(fields[0].props.error).to.equal('MOCK_ERROR_CONTROLLED');
expect(fields[1].props.error).to.equal(undefined); expect(fields[1].props.error).to.equal(undefined);
}); });
@ -138,13 +143,13 @@ describe('Form component', function () {
form = reRenderIntoDocument( form = reRenderIntoDocument(
<Form errors={errors}> <Form errors={errors}>
<div> <div>
<Input name="first" value="value1" required/> <FormField name="first" value="value1" required/>
<Input name="second" value="value2" required validation="CUSTOM"/> <FormField name="second" value="value2" required validation="CUSTOM"/>
</div> </div>
<Input name="third" value="value3" /> <FormField name="third" value="value3" />
</Form> </Form>
); );
fields = TestUtils.scryRenderedComponentsWithType(form, Input); fields = TestUtils.scryRenderedComponentsWithType(form, FormField);
} }
setErrorsOrRender(); setErrorsOrRender();
@ -171,6 +176,19 @@ describe('Form component', function () {
expect(form.props.onSubmit).to.have.been.calledWith(form.state.form); expect(form.props.onSubmit).to.have.been.calledWith(form.state.form);
}); });
it('should tranform EditorState to HTML usign draft-js-export-html library', function () {
draftJsExportHTML.stateToHTML.reset();
form.state.form.first = EditorState.createEmpty();
TestUtils.Simulate.submit(ReactDOM.findDOMNode(form));
expect(draftJsExportHTML.stateToHTML).to.have.been.calledWith(form.state.form.first.getCurrentContent());
expect(form.props.onSubmit).to.have.been.calledWith({
first: 'HTML_CODE',
second: 'value2',
third: 'value3'
});
});
it('should validate all fields and not call onSubmit if there are errors', function () { it('should validate all fields and not call onSubmit if there are errors', function () {
ValidationFactoryMock.validators.defaultValidatorMock.performValidation = stub().returns('MOCK_ERROR'); ValidationFactoryMock.validators.defaultValidatorMock.performValidation = stub().returns('MOCK_ERROR');
ValidationFactoryMock.validators.customValidatorMock.performValidation = stub().returns('MOCK_ERROR_2'); ValidationFactoryMock.validators.customValidatorMock.performValidation = stub().returns('MOCK_ERROR_2');