RI-6919: Enhance JSON input for RDI Dry run (#5074)

Author: pawelangelow

redisinsight/ui/src/pages/rdi/pipeline-management/components/jobs-panel/Panel.spec.tsx

@@ -43,6 +43,12 @@ describe('JobsPanel', () => {
     expect(render(<JobsPanel {...instance(mockedProps)} />)).toBeTruthy()
   })
 
+  it('should have default value', () => {
+    render(<JobsPanel {...instance(mockedProps)} />)
+
+    expect(screen.getByTestId('input-value')).toHaveValue('{\n}')
+  })
+
   it('should call onClose', () => {
     const mockOnClose = jest.fn()
     render(<JobsPanel {...instance(mockedProps)} onClose={mockOnClose} />)
@@ -54,7 +60,7 @@ describe('JobsPanel', () => {
   it('should render run btn with proper properties', () => {
     render(<JobsPanel {...instance(mockedProps)} />)
 
-    expect(screen.getByTestId('dry-run-btn')).toBeDisabled()
+    expect(screen.getByTestId('dry-run-btn')).not.toBeDisabled()
 
     // set invalid json value
     fireEvent.change(screen.getByTestId('input-value'), {

redisinsight/ui/src/pages/rdi/pipeline-management/components/jobs-panel/Panel.tsx

@@ -62,7 +62,7 @@ const DryRunJobPanel = (props: Props) => {
   const [selectedTab, changeSelectedTab] = useState<PipelineJobsTabs>(
     PipelineJobsTabs.Transformations,
   )
-  const [input, setInput] = useState<string>('')
+  const [input, setInput] = useState<string>('{\n}')
   const [isFormValid, setIsFormValid] = useState<boolean>(false)
   const [targetOptions, setTargetOptions] = useState<RiSelectOption[]>([])
   const [selectedTarget, setSelectedTarget] = useState<string>()
@@ -224,7 +224,7 @@ const DryRunJobPanel = (props: Props) => {
         </div>
         <div className={styles.body}>
           <Text className={styles.text}>
-            Add input data to test the transformation logic.
+            Add input data in JSON format to test the transformation logic.
           </Text>
           <div className={styles.codeLabel}>
             <Text>Input</Text>