2018-12-13 13:39:08 +05:30
|
|
|
import DirtySubmitForm from '~/dirty_submit/dirty_submit_form';
|
2019-03-02 22:35:43 +05:30
|
|
|
import { getInputValue, setInputValue, createForm } from './helper';
|
2018-12-13 13:39:08 +05:30
|
|
|
|
|
|
|
function expectToToggleDisableOnDirtyUpdate(submit, input) {
|
2019-03-02 22:35:43 +05:30
|
|
|
const originalValue = getInputValue(input);
|
2018-12-13 13:39:08 +05:30
|
|
|
|
|
|
|
expect(submit.disabled).toBe(true);
|
|
|
|
|
2019-03-02 22:35:43 +05:30
|
|
|
return setInputValue(input, `${originalValue} changes`)
|
2018-12-13 13:39:08 +05:30
|
|
|
.then(() => expect(submit.disabled).toBe(false))
|
2019-03-02 22:35:43 +05:30
|
|
|
.then(() => setInputValue(input, originalValue))
|
2018-12-13 13:39:08 +05:30
|
|
|
.then(() => expect(submit.disabled).toBe(true));
|
|
|
|
}
|
|
|
|
|
|
|
|
describe('DirtySubmitForm', () => {
|
|
|
|
it('disables submit until there are changes', done => {
|
|
|
|
const { form, input, submit } = createForm();
|
|
|
|
|
|
|
|
new DirtySubmitForm(form); // eslint-disable-line no-new
|
|
|
|
|
|
|
|
return expectToToggleDisableOnDirtyUpdate(submit, input)
|
|
|
|
.then(done)
|
|
|
|
.catch(done.fail);
|
|
|
|
});
|
|
|
|
|
|
|
|
it('disables submit until there are changes when initializing with a falsy value', done => {
|
|
|
|
const { form, input, submit } = createForm();
|
|
|
|
input.value = '';
|
|
|
|
|
|
|
|
new DirtySubmitForm(form); // eslint-disable-line no-new
|
|
|
|
|
|
|
|
return expectToToggleDisableOnDirtyUpdate(submit, input)
|
|
|
|
.then(done)
|
|
|
|
.catch(done.fail);
|
|
|
|
});
|
2019-03-02 22:35:43 +05:30
|
|
|
|
|
|
|
it('disables submit until there are changes for radio inputs', done => {
|
|
|
|
const { form, input, submit } = createForm('radio');
|
|
|
|
|
|
|
|
new DirtySubmitForm(form); // eslint-disable-line no-new
|
|
|
|
|
|
|
|
return expectToToggleDisableOnDirtyUpdate(submit, input)
|
|
|
|
.then(done)
|
|
|
|
.catch(done.fail);
|
|
|
|
});
|
|
|
|
|
|
|
|
it('disables submit until there are changes for checkbox inputs', done => {
|
|
|
|
const { form, input, submit } = createForm('checkbox');
|
|
|
|
|
|
|
|
new DirtySubmitForm(form); // eslint-disable-line no-new
|
|
|
|
|
|
|
|
return expectToToggleDisableOnDirtyUpdate(submit, input)
|
|
|
|
.then(done)
|
|
|
|
.catch(done.fail);
|
|
|
|
});
|
2018-12-13 13:39:08 +05:30
|
|
|
});
|