Add unit tests for jsonpretty big number rendering

Author: GnaneshKunal

redisinsight/ui/src/components/json-viewer/components/json-pretty/JsonPretty.spec.tsx

@@ -1,4 +1,5 @@
 import React from 'react'
+import JSONBigInt from 'json-bigint'
 import { render, screen } from 'uiSrc/utils/test-utils'
 
 import JsonPretty from './JsonPretty'
@@ -24,4 +25,16 @@ describe('JsonPretty', () => {
 
     expect(screen.getByTestId('json-primitive-component')).toBeInTheDocument()
   })
+
+  it('should render json primitive component with big number', () => {
+    const json = JSONBigInt({ useNativeBigInt: true }).parse('1234567890123456789012345678901234567890}')
+    render(<JsonPretty data={json} />)
+    expect(screen.getByTestId('json-primitive-component')).toBeInTheDocument()
+  })
+
+  it('should render json primitive component with big float', () => {
+    const json = JSONBigInt({ useNativeBigInt: false }).parse('1234567890123456789012345678901234567890.1234567890123456789012345678901234567890')
+    render(<JsonPretty data={json} />)
+    expect(screen.getByTestId('json-primitive-component')).toBeInTheDocument()
+  })
 })