fix(test): Fix CommentInput test cases

Author: chinesedfan

__tests__/tests/components/CommentInput.js

@@ -13,21 +13,21 @@ describe('<CommentInput />', () => {
     onSubmit: () => {},
   };
 
-  it('should render styled TextInput and styled TouchableOpacity if user has push permissions and issue is not locked', () => {
+  it('should render styled TextInput and send Icon if user has push permissions and issue is not locked', () => {
     const wrapper = shallow(<CommentInput {...defaultProps} />);
 
     expect(wrapper.find('Styled(TextInput)').length).toEqual(1);
-    expect(wrapper.find('Styled(TouchableOpacity)').length).toEqual(1);
+    expect(wrapper.find('Styled(Icon)[name="send"]').length).toEqual(1);
   });
 
-  it('should not render styled Text and Icon if user has push permissions and issue is not locked', () => {
+  it('should not render styled Text and lock Icon if user has push permissions and issue is not locked', () => {
     const wrapper = shallow(<CommentInput {...defaultProps} />);
 
     expect(wrapper.find('Styled(Text)').length).toEqual(0);
     expect(wrapper.find('Icon').length).toEqual(0);
   });
 
-  it('should not render styled TextInput and styled TouchableOpacity if user does not have push permissions and issue is locked', () => {
+  it('should not render styled TextInput and send Icon if user does not have push permissions and issue is locked', () => {
     const wrapper = shallow(
       <CommentInput
         {...defaultProps}
@@ -37,10 +37,10 @@ describe('<CommentInput />', () => {
     );
 
     expect(wrapper.find('Styled(TextInput)').length).toEqual(0);
-    expect(wrapper.find('Styled(TouchableOpacity)').length).toEqual(0);
+    expect(wrapper.find('Styled(Icon)[name="send"]').length).toEqual(0);
   });
 
-  it('should render styled Text and Icon if user does not have push permissions and issue is locked', () => {
+  it('should render styled Text and lock Icon if user does not have push permissions and issue is locked', () => {
     const wrapper = shallow(
       <CommentInput
         {...defaultProps}
@@ -53,16 +53,16 @@ describe('<CommentInput />', () => {
     expect(wrapper.find('Icon').length).toEqual(1);
   });
 
-  it('should render styled TextInput and styled TouchableOpacity if user has push permissions and issue is locked', () => {
+  it('should render styled TextInput and send Icon if user has push permissions and issue is locked', () => {
     const wrapper = shallow(
       <CommentInput {...defaultProps} issueLocked={true} />
     );
 
     expect(wrapper.find('Styled(TextInput)').length).toEqual(1);
-    expect(wrapper.find('Styled(TouchableOpacity)').length).toEqual(1);
+    expect(wrapper.find('Styled(Icon)[name="send"]').length).toEqual(1);
   });
 
-  it('should not render styled Text and Icon if user has push permissions and issue is locked', () => {
+  it('should not render styled Text and lock Icon if user has push permissions and issue is locked', () => {
     const wrapper = shallow(
       <CommentInput {...defaultProps} issueLocked={true} />
     );
@@ -71,7 +71,7 @@ describe('<CommentInput />', () => {
     expect(wrapper.find('Icon').length).toEqual(0);
   });
 
-  it('should not render styled Text and Icon if user does not have push permissions and issue is not locked', () => {
+  it('should not render styled Text and lock Icon if user does not have push permissions and issue is not locked', () => {
     const wrapper = shallow(
       <CommentInput {...defaultProps} userHasPushPermission={false} />
     );
@@ -80,13 +80,13 @@ describe('<CommentInput />', () => {
     expect(wrapper.find('Icon').length).toEqual(0);
   });
 
-  it('should render styled TextInput and styled TouchableOpacity if user does not have push permissions and issue is not locked', () => {
+  it('should render styled TextInput and send Icon if user does not have push permissions and issue is not locked', () => {
     const wrapper = shallow(
       <CommentInput {...defaultProps} userHasPushPermission={false} />
     );
 
     expect(wrapper.find('Styled(TextInput)').length).toEqual(1);
-    expect(wrapper.find('Styled(TouchableOpacity)').length).toEqual(1);
+    expect(wrapper.find('Styled(Icon)[name="send"]').length).toEqual(1);
   });
 
   it('should update the state text if value is changed', () => {
@@ -108,7 +108,10 @@ describe('<CommentInput />', () => {
 
     wrapper.find('Styled(TextInput)').simulate('changeText', 'Changed text');
 
-    wrapper.find('Styled(TouchableOpacity)').simulate('press');
+    wrapper
+      .find('Styled(Icon)[name="send"]')
+      .parent()
+      .simulate('press');
 
     expect(handleSubmitSpy).toHaveBeenCalled();
   });