✅ Add unit tests

x-pack/plugins/lens/public/indexpattern_datasource/operations/definitions/terms/values_input.test.tsx

@@ -8,7 +8,7 @@
 import React from 'react';
 import { act } from 'react-dom/test-utils';
 import { shallow } from 'enzyme';
-import { EuiFieldNumber } from '@elastic/eui';
+import { EuiFieldNumber, EuiFormRow } from '@elastic/eui';
 import { ValuesInput } from './values_input';
 
 jest.mock('react-use/lib/useDebounce', () => (fn: () => void) => fn());
@@ -41,7 +41,7 @@ describe('Values', () => {
     expect(onChangeSpy.mock.calls[0][0]).toBe(7);
   });
 
-  it('should not run onChange function on update when value is out of 1-100 range', () => {
+  it('should not run onChange function on update when value is out of 1-1000 range', () => {
     const onChangeSpy = jest.fn();
     const instance = shallow(<ValuesInput value={5} onChange={onChangeSpy} />);
     act(() => {
@@ -54,4 +54,25 @@ describe('Values', () => {
     expect(onChangeSpy.mock.calls.length).toBe(1);
     expect(onChangeSpy.mock.calls[0][0]).toBe(1000);
   });
+
+  it('should show an error message when the value is out of bounds', () => {
+    const instance = shallow(<ValuesInput value={-5} onChange={jest.fn()} />);
+
+    expect(instance.find(EuiFieldNumber).prop('isInvalid')).toBeTruthy();
+    expect(instance.find(EuiFormRow).prop('error')).toEqual(
+      expect.arrayContaining([expect.stringMatching('Value is lower')])
+    );
+
+    act(() => {
+      instance.find(EuiFieldNumber).prop('onChange')!({
+        currentTarget: { value: '1007' },
+      } as React.ChangeEvent<HTMLInputElement>);
+    });
+    instance.update();
+
+    expect(instance.find(EuiFieldNumber).prop('isInvalid')).toBeTruthy();
+    expect(instance.find(EuiFormRow).prop('error')).toEqual(
+      expect.arrayContaining([expect.stringMatching('Value is higher')])
+    );
+  });
 });