From f8fd5981636325f88568097801a0456316592de3 Mon Sep 17 00:00:00 2001
From: zy410419243 <zy410419243@gmail.com>
Date: Sat, 13 Apr 2019 20:28:59 +0800
Subject: [PATCH] test: update cases for TagGroup

---
 src/tools/__tests__/TagGroup.test.tsx | 50 +++++++++++++++++++++++++++
 1 file changed, 50 insertions(+)

diff --git a/src/tools/__tests__/TagGroup.test.tsx b/src/tools/__tests__/TagGroup.test.tsx
index e19793a6..fe2433ae 100644
--- a/src/tools/__tests__/TagGroup.test.tsx
+++ b/src/tools/__tests__/TagGroup.test.tsx
@@ -104,4 +104,54 @@ describe('TagGroup', () => {
     wrapper.handleDrag();
     expect(onChange).toBeCalled();
   });
+
+  it('when typing in Input, onChange should be called', () => {
+    const onChange = jest.fn();
+    const wrapper = mount(
+      <TagGroup
+        onChange={onChange}
+        data={{
+          tag: {
+            editable: true,
+            input: 'test',
+          },
+        }}
+      />,
+    );
+    wrapper.find('Input').simulate('change', { target: { value: '1' } });
+    expect(onChange).toHaveBeenCalled();
+  });
+
+  it('stopPropagation should work', () => {
+    const stopPropagation = jest.fn();
+    const wrapper: any = mount(
+      <TagGroup
+        data={{
+          tag: {
+            editable: true,
+            input: 'test',
+          },
+        }}
+      />,
+    ).instance();
+    wrapper.handleDragStart({ stopPropagation });
+    expect(stopPropagation).toHaveBeenCalled();
+  });
+
+  it('when blur, onChange should be called', () => {
+    const onChange = jest.fn();
+    const wrapper = mount(
+      <TagGroup
+        onChange={onChange}
+        data={{
+          tag: {
+            editable: true,
+            input: 'test',
+          },
+        }}
+      />,
+    );
+    wrapper.find('Input').simulate('blur');
+    expect(onChange).toHaveBeenCalled();
+  });
 });