chore: add tests to hex2rgba function

Author: MateuszRostkowski

src/utils/hex2rgba.test.ts

@@ -0,0 +1,56 @@
+import { hex2rgba } from './hex2rgba'
+
+describe('hex2rgba', () => {
+  // Test wrong hex code
+  it('should handle wrong hex code - 1', () => {
+    const hex = '#test'
+    const expected = 'rgba(0, 0, 0, 0.75)'
+    const result = hex2rgba(hex)
+    expect(result).toEqual(expected)
+  })
+
+  it('should handle wrong hex code - 2', () => {
+    const hex = 'test'
+    const expected = 'rgba(0, 0, 0, 0.75)'
+    const result = hex2rgba(hex)
+    expect(result).toEqual(expected)
+  })
+
+  it('should handle wrong hex code - 3', () => {
+    const hex = '#<32'
+    const expected = 'rgba(0, 0, 0, 0.75)'
+    const result = hex2rgba(hex)
+    expect(result).toEqual(expected)
+  })
+
+  // Check if function correctly converts hex code to rgba
+  it('should convert a 3-digit hex code to rgba format', () => {
+    const hex = '#abc'
+    const expected = 'rgba(170,187,204,0.75)'
+    const result = hex2rgba(hex)
+    expect(result).toEqual(expected)
+  })
+
+  it('should convert a 6-digit hex code to rgba format', () => {
+    const hex = '#abcdef'
+    const expected = 'rgba(171,205,239,0.75)'
+    const result = hex2rgba(hex)
+    expect(result).toEqual(expected)
+  })
+
+  it('should convert a 3-digit hex code with custom alpha value to rgba format', () => {
+    const hex = '#abc'
+    const alpha = 0.5
+    const expected = 'rgba(170,187,204,0.5)'
+    const result = hex2rgba(hex, alpha)
+    expect(result).toEqual(expected)
+  })
+
+  it('should convert a 6-digit hex code with custom alpha value to rgba format', () => {
+    const hex = '#abcdef'
+    const alpha = 0.25
+    const expected = 'rgba(171,205,239,0.25)'
+    const result = hex2rgba(hex, alpha)
+    expect(result).toEqual(expected)
+  })
+})

src/utils/hex2rgba.ts

@@ -1,11 +1,20 @@
 export const hex2rgba = (hex: string, alpha = 0.75) => {
+  if (!hex || !hex.startsWith('#') || (hex.length !== 4 && hex.length !== 7)) {
+    return `rgba(0, 0, 0, ${alpha})`
+  }
   const newHex =
     hex.length === 4
       ? hex.split('').reduce((prev, curr) => {
           return prev + curr + curr
         })
       : hex
-  // @ts-expect-error: object is possibly null
-  const [r, g, b] = newHex.match(/\w\w/g).map((x) => parseInt(x, 16))
+
+  const hexRegex = newHex.match(/\w\w/g)
+
+  if (hexRegex?.some((x) => !x) || hexRegex?.length !== 3) {
+    return `rgba(0, 0, 0, ${alpha})`
+  }
+
+  const [r, g, b] = hexRegex?.map((x) => parseInt(x, 16)) ?? [0, 0, 0]
   return `rgba(${r},${g},${b},${alpha})`
 }