redux-form
Version:
A higher order component decorator for forms using Redux and React
250 lines (243 loc) • 6.02 kB
JavaScript
import { stopAsyncValidation } from '../actions';
var describeStopAsyncValidation = function describeStopAsyncValidation(reducer, expect, _ref) {
var fromJS = _ref.fromJS;
return function () {
it('should set asyncError on nested fields on stopAsyncValidation', function () {
var state = reducer(fromJS({
foo: {
values: {
bar: {
myField: 'dirtyValue',
myOtherField: 'otherDirtyValue'
}
},
fields: {
bar: {
myField: {
touched: true
},
myOtherField: {
touched: true
}
}
},
asyncValidating: true
}
}), stopAsyncValidation('foo', {
bar: {
myField: 'Error about myField',
myOtherField: 'Error about myOtherField'
}
}));
expect(state).toEqualMap({
foo: {
values: {
bar: {
myField: 'dirtyValue',
myOtherField: 'otherDirtyValue'
}
},
asyncErrors: {
bar: {
myField: 'Error about myField',
myOtherField: 'Error about myOtherField'
}
},
fields: {
bar: {
myField: {
touched: true
},
myOtherField: {
touched: true
}
}
}
}
});
});
it('should set asyncError on array fields on stopAsyncValidation', function () {
var state = reducer(fromJS({
foo: {
values: {
bar: ['dirtyValue', 'otherDirtyValue']
},
initial: {
bar: ['initialValue', 'otherInitialValue']
},
fields: {
bar: [{
touched: true
}, {
touched: true
}]
},
asyncValidating: true
}
}), stopAsyncValidation('foo', {
bar: ['async error 1', 'async error 2']
}));
expect(state).toEqualMap({
foo: {
values: {
bar: ['dirtyValue', 'otherDirtyValue']
},
initial: {
bar: ['initialValue', 'otherInitialValue']
},
asyncErrors: {
bar: ['async error 1', 'async error 2']
},
fields: {
bar: [{
touched: true
}, {
touched: true
}]
}
}
});
});
it('should unset field async errors on stopAsyncValidation', function () {
var state = reducer(fromJS({
foo: {
values: {
bar: ['dirtyValue', 'otherDirtyValue']
},
initial: {
bar: ['initialValue', 'otherInitialValue']
},
asyncErrors: {
bar: ['async error 1', 'async error 2']
},
fields: {
bar: [{
touched: true
}, {
touched: true
}]
},
asyncValidating: true
}
}), stopAsyncValidation('foo'));
expect(state).toEqualMap({
foo: {
values: {
bar: ['dirtyValue', 'otherDirtyValue']
},
initial: {
bar: ['initialValue', 'otherInitialValue']
},
fields: {
bar: [{
touched: true
}, {
touched: true
}]
}
}
});
});
it('should allow multiple errors on same field', function () {
var state = reducer(fromJS({
foo: {
values: {
cat: 'Garfield',
dog: 'Odie'
},
fields: {
cat: {
touched: true
},
dog: {
touched: true
}
},
asyncValidating: true
}
}), stopAsyncValidation('foo', {
cat: ['Not funny', 'Sleeps too much'],
dog: ['Unhelpful', 'Not house trained']
}));
expect(state).toEqualMap({
foo: {
values: {
cat: 'Garfield',
dog: 'Odie'
},
asyncErrors: {
cat: ['Not funny', 'Sleeps too much'],
dog: ['Unhelpful', 'Not house trained']
},
fields: {
cat: {
touched: true
},
dog: {
touched: true
}
}
}
});
});
it('should unset global errors on stopAsyncValidation', function () {
var state = reducer(fromJS({
foo: {
values: {
myField: 'myValue'
},
fields: {
myField: {
touched: true
}
},
asyncValidating: true,
error: 'Previous global error'
}
}), stopAsyncValidation('foo'));
expect(state).toEqualMap({
foo: {
values: {
myField: 'myValue'
},
fields: {
myField: {
touched: true
}
}
}
});
});
it('should unset asyncValidating on stopAsyncValidation and set global error', function () {
var state = reducer(fromJS({
foo: {
values: {
myField: 'myValue'
},
fields: {
myField: {
touched: true
}
},
asyncValidating: true
}
}), stopAsyncValidation('foo', {
_error: 'This is a global error'
}));
expect(state).toEqualMap({
foo: {
values: {
myField: 'myValue'
},
fields: {
myField: {
touched: true
}
},
error: 'This is a global error'
}
});
});
};
};
export default describeStopAsyncValidation;