add tests for icon check

Author: koji

protocol-designer/src/molecules/TextAreaField/__tests__/TextAreaField.test.tsx

@@ -54,4 +54,16 @@ describe('TextAreaField', () => {
 
     expect(screen.getByText('Error: Invalid input')).toBeInTheDocument()
   })
+
+  it('display an icon when tooltip prop is provided', () => {
+    props.tooltipText = 'ot-icon-check'
+    render(props)
+    screen.getByTestId('tooltip-icon')
+  })
+
+  it('display left icon when leftIcon prop is provided', () => {
+    props.leftIcon = 'information'
+    render(props)
+    screen.getByTestId('left-icon')
+  })
 })

protocol-designer/src/molecules/TextAreaField/index.tsx

@@ -168,6 +168,7 @@ export const TextAreaField = forwardRef<
                       name="information"
                       size={SPACING.spacing12}
                       color={COLORS.grey60}
+                      data-testid="tooltip-icon"
                     />
                   </Flex>
                   <Tooltip tooltipProps={tooltipProps}>{tooltipText}</Tooltip>
@@ -186,7 +187,12 @@ export const TextAreaField = forwardRef<
             >
               {leftIcon !== undefined && (
                 <Flex>
-                  <Icon name={leftIcon} color={COLORS.grey60} size="1.25rem" />
+                  <Icon
+                    name={leftIcon}
+                    color={COLORS.grey60}
+                    size="1.25rem"
+                    data-testid="left-icon"
+                  />
                 </Flex>
               )}
               <StyledTextArea