Merge pull request #725 from Lemoncode/feature/#723-gauge-tests-and-change-typography

Tests added to gauge component and fixed wrong typography

Author: brauliodiez

public/rich-components/gauge.svg

@@ -98,7 +98,7 @@ export const Gauge = forwardRef<any, ShapeProps>((props, ref) => {
         y={center - fontSizeScaled / 2}
         width={center + 10}
         text={displayValue}
-        fontFamily="Arial, sans-serif"
+        fontFamily={BASIC_SHAPE.DEFAULT_FONT_FAMILY}
         fontSize={fontSizeScaled}
         align="center"
         fill={textColor}

src/common/components/mock-components/front-rich-components/gauge/gauge.tsx

@@ -0,0 +1,46 @@
+import {
+  extractNumbersAsTwoDigitString,
+  endsWhithPercentageSymbol,
+} from './gauge.utils';
+
+describe('extractNumersAsTwoDigitString', () => {
+  it('should return 0 when input contains no numbers', () => {
+    const input = 'abc';
+    const result = extractNumbersAsTwoDigitString(input);
+    expect(result).toBe('0');
+  });
+  it('should return 100 when input is 100', () => {
+    const input = '100';
+    const result = extractNumbersAsTwoDigitString(input);
+    expect(result).toBe('100');
+  });
+  it('should return one number when input is one number', () => {
+    const input = '1';
+    const result = extractNumbersAsTwoDigitString(input);
+    expect(result).toBe('1');
+  });
+  it('should return two numbers when input is two numbers', () => {
+    const input = '12';
+    const result = extractNumbersAsTwoDigitString(input);
+    expect(result).toBe('12');
+  });
+
+  it('should return two first numbers when input contains different characters', () => {
+    const input = 'abc123de$f';
+    const result = extractNumbersAsTwoDigitString(input);
+    expect(result).toBe('12');
+  });
+});
+
+describe('endsWhithPercentageSymbol', () => {
+  it('should return false when input does not end with %', () => {
+    const input = '%abc';
+    const result = endsWhithPercentageSymbol(input);
+    expect(result).toBe(false);
+  });
+  it('should return true when input ends with %', () => {
+    const input = 'abc%';
+    const result = endsWhithPercentageSymbol(input);
+    expect(result).toBe(true);
+  });
+});