react-forms/packages/react-form-renderer/src/tests/form-renderer/enhanced-on-change.test.js at bdac9ad9827457e2327c6cf330369177a6d3f630 · data-driven-forms/react-forms · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
import enhancedOnChange from '../../use-field-api/enhanced-on-change';

describe('#enhancedOnChange', () => {
  const clearedValue = 'this is deleted value';
  const initial = 'some initial value';
  it('should return value directly if event is not passed', () => {
    const value = 'foo';
    expect(enhancedOnChange({ onChange: (value) => value, clearedValue }, value)).toEqual('foo');
  });

  it('should return event if input is of type checkbox', () => {
    const value = {
      target: {
        type: 'checkbox',
        value: 'not me',
        checked: false,
      },
    };
    expect(enhancedOnChange({ onChange: (value) => value, clearedValue }, value)).toEqual(value);
  });

  it('should return value from event', () => {
    const value = {
      target: {
        value: 'Me',
        checked: 'not me',
      },
    };
    expect(enhancedOnChange({ onChange: (value) => value, clearedValue }, value)).toEqual('Me');
  });

  it('should return boolean events correctly with initialValue set', () => {
    const initial = false;
    const valueFalse = {
      target: {
        checked: false,
        type: 'checkbox',
      },
    };
    expect(enhancedOnChange({ onChange: (value) => value, clearedValue }, valueFalse)).toEqual(valueFalse);

    const valueTrue = {
      target: {
        checked: true,
        type: 'checkbox',
      },
    };
    expect(enhancedOnChange({ onChange: (value) => value, clearedValue }, valueTrue)).toEqual(valueTrue);
  });

  it('should correctly convert array datatype from strings to integers', () => {
    const value = ['1', '2', 3];
    expect(enhancedOnChange({ dataType: 'integer', onChange: (value) => value, clearedValue }, value)).toEqual([1, 2, 3]);
  });

  describe('#setting cleared value', () => {
    it('should not set any delete value after sending empty value', () => {
      const value = undefined;
      expect(enhancedOnChange({ onChange: (value) => value, clearedValue }, value)).toEqual(undefined);
    });

    it('should set delete value after sending empty string value', () => {
      const value = undefined;
      expect(enhancedOnChange({ onChange: (value) => value, clearedValue }, value)).toEqual(clearedValue);
      expect(enhancedOnChange({ onChange: (value) => value, clearedValue }, '')).toEqual(clearedValue);
    });

    it('should not set delete value after sending date', () => {
      const value = new Date(2021, 7, 20);
      expect(enhancedOnChange({ onChange: (value) => value, clearedValue }, value)).toEqual(value);
    });

    it('should not set delete value after sending number 0', () => {
      const value = 0;
      expect(enhancedOnChange({ onChange: (value) => value, clearedValue }, value)).toEqual(value);
    });

    it('should set delete value after sending empty array', () => {
      const value = [];
      expect(enhancedOnChange({ onChange: (value) => value, clearedValue }, value)).toEqual(clearedValue);
    });

    it('should set delete value after sending empty object', () => {
      const value = {};
      expect(enhancedOnChange({ onChange: (value) => value, clearedValue }, value)).toEqual(clearedValue);
    });

    it('should not set delete value after sending array', () => {
      const value = [1, 2, 'foo'];
      expect(enhancedOnChange({ onChange: (value) => value, clearedValue }, value)).toEqual(value);
    });

    it('should not set delete value after sending object', () => {
      const value = { foo: 'bar' };
      expect(enhancedOnChange({ onChange: (value) => value, clearedValue }, value)).toEqual(value);
    });
    it('should keep empty string when clearedValue is empty string', () => {
      const clearedValue = '';
      const value = undefined;
      const onChange = jest.fn();
      enhancedOnChange({ onChange, clearedValue }, value);
      expect(onChange).toHaveBeenCalledWith('');
    });

  });

  describe('#input type file', () => {
    it('should return an object with inputValue and inputFiles keys', () => {
      const value = { target: { value: 'fakepath/file.foo', files: [], type: 'file' } };
      const expectedValue = {
        inputValue: 'fakepath/file.foo',
        inputFiles: [],
      };
      expect(enhancedOnChange({ onChange: (value) => value }, value)).toEqual(expectedValue);
    });
  });
});