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
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
const Form = requireUnit('core-components/form', {
'lib-app/validations/validations-factory': ValidationFactoryMock,
'core-components/input': Input
'draft-js-export-html': draftJsExportHTML,
'core-components/form-field': FormField
});
describe('Form component', function () {
@ -15,13 +20,13 @@ describe('Form component', function () {
form = TestUtils.renderIntoDocument(
<Form {...props} onSubmit={onSubmit}>
<div>
<Input name="first" value="value1" required/>
<Input name="second" value="value2" required validation="CUSTOM"/>
<FormField name="first" value="value1" required/>
<FormField name="second" value="value2" required validation="CUSTOM"/>
</div>
<Input name="third" value="value3" />
<FormField name="third" value="value3" />
</Form>
);
fields = TestUtils.scryRenderedComponentsWithType(form, Input);
fields = TestUtils.scryRenderedComponentsWithType(form, FormField);
}
function resetStubs() {
@ -117,7 +122,7 @@ describe('Form component', function () {
});
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[1].props.error).to.equal(undefined);
});
@ -138,13 +143,13 @@ describe('Form component', function () {
form = reRenderIntoDocument(
<Form errors={errors}>
<div>
<Input name="first" value="value1" required/>
<Input name="second" value="value2" required validation="CUSTOM"/>
<FormField name="first" value="value1" required/>
<FormField name="second" value="value2" required validation="CUSTOM"/>
</div>
<Input name="third" value="value3" />
<FormField name="third" value="value3" />
</Form>
);
fields = TestUtils.scryRenderedComponentsWithType(form, Input);
fields = TestUtils.scryRenderedComponentsWithType(form, FormField);
}
setErrorsOrRender();
@ -171,6 +176,19 @@ describe('Form component', function () {
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 () {
ValidationFactoryMock.validators.defaultValidatorMock.performValidation = stub().returns('MOCK_ERROR');
ValidationFactoryMock.validators.customValidatorMock.performValidation = stub().returns('MOCK_ERROR_2');