react-native-ui-lib 8.1.1 → 8.1.5

package/src/incubator/toast/__tests__/index.spec.js

@@ -1,64 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react-native';
-import Toast from "../index";
-import { ToastDriver } from "../Toast.driver.new";
-const testID = 'toast';
-const TestCase = props => {
-  return <Toast visible testID={testID} {...props} />;
-};
-const getDriver = props => {
-  const renderTree = render(<TestCase {...props} />);
-  const toastDriver = ToastDriver({
-    renderTree,
-    testID
-  });
-  return {
-    render,
-    toastDriver
-  };
-};
-describe('Sanity checks', () => {
-  it('Should show toast', () => {
-    const {
-      toastDriver
-    } = getDriver();
-    expect(toastDriver.exists()).toBeTruthy();
-  });
-  it('Should dismiss after one second', async () => {
-    jest.useFakeTimers();
-    const TIME = 1000;
-    const dismissFn = jest.fn();
-    const {
-      toastDriver
-    } = getDriver({
-      autoDismiss: TIME,
-      onDismiss: dismissFn
-    });
-    expect(toastDriver.exists()).toBeTruthy();
-    expect(dismissFn).not.toHaveBeenCalled();
-    jest.advanceTimersByTime(TIME);
-    expect(dismissFn).toHaveBeenCalledTimes(1);
-  });
-  it('Should show an Hello World message', () => {
-    const MESSAGE = 'Hello World';
-    const {
-      toastDriver
-    } = getDriver({
-      message: MESSAGE
-    });
-    expect(toastDriver.getMessage().getText()).toEqual(MESSAGE);
-  });
-  it('Should press on action button', () => {
-    const actionFn = jest.fn();
-    const {
-      toastDriver
-    } = getDriver({
-      action: {
-        onPress: actionFn
-      }
-    });
-    expect(actionFn).not.toHaveBeenCalled();
-    toastDriver.getAction().press();
-    expect(actionFn).toHaveBeenCalled();
-  });
-});

package/src/style/__tests__/colors.spec.js

@@ -1,313 +0,0 @@
-import uut from '../colors';
-import LogService from '../../services/LogService';
-
-const SYSTEM_COLORS = ['grey', 'white', 'black'];
-const GetColorsByHexOptions = {validColors: SYSTEM_COLORS};
-
-describe('style/Colors', () => {
-  describe('rgba', () => {
-    const logServiceSpy = jest.spyOn(LogService, 'error');
-
-    it('should add alpha to hex color value', () => {
-      expect(uut.rgba(uut.green30, 0.7)).toBe('rgba(0, 168, 126, 0.7)');
-      expect(uut.rgba(uut.red10, 0.7)).toBe('rgba(213, 39, 18, 0.7)');
-      expect(uut.rgba(uut.green30, 0.25)).toBe('rgba(0, 168, 126, 0.25)');
-      // expect(uut.rgba('#ff2442', 0.05)).toBe(`${'#ff2442'}0D`);
-      // expect(uut.rgba(uut.blue20, 1)).toBe(`${uut.blue20}FF`);
-      // expect(uut.rgba(uut.blue20)).toBe(`${uut.blue20}FF`);
-      // expect(uut.rgba(uut.blue20, 2)).toBe(`${uut.blue20}`);
-      // expect(uut.rgba(uut.blue20, -2)).toBe(`${uut.blue20}`);
-      // expect(uut.rgba(uut.blue20, '12ddsav')).toBe(`${uut.blue20}`);
-    });
-
-    it('should add alpha to rgb color value', () => {
-      expect(uut.rgba(101, 200, 136, 0.7)).toBe('rgba(101, 200, 136, 0.7)');
-      expect(uut.rgba(207, 38, 47, 0.7)).toBe('rgba(207, 38, 47, 0.7)');
-      expect(uut.rgba(101, 200, 136, 0.25)).toBe('rgba(101, 200, 136, 0.25)');
-    });
-
-    it('should add alpha to 3 digits hex color value', () => {
-      expect(uut.rgba('#333', 0.7)).toBe('rgba(51, 51, 51, 0.7)');
-      expect(uut.rgba('#333', 0.1)).toBe('rgba(51, 51, 51, 0.1)');
-      expect(uut.rgba('#DEF', 0.25)).toBe('rgba(221, 238, 255, 0.25)');
-      expect(uut.rgba('#F24', 1)).toBe('rgba(255, 34, 68, 1)');
-    });
-
-    it('should handle wrong number of params', () => {
-      expect(uut.rgba(101, 136, 0.7)).toBe(undefined);
-      expect(uut.rgba(undefined, 0.2)).toBe(undefined);
-      expect(logServiceSpy).toHaveBeenNthCalledWith(2, 'Colors.rgba fail due to invalid arguments');
-    });
-
-    it('should handle invalid rgb code', () => {
-      expect(() => uut.rgba(-12, 128, 136, 0.7)).toThrow(new Error('-12 is invalid rgb code, please use number between 0-255'));
-      expect(() => uut.rgba(12, 128, 256, 0.7)).toThrow(new Error('256 is invalid rgb code, please use number between 0-255'));
-    });
-
-    it('should handle invalid hex code', () => {
-      expect(() => uut.rgba('#ff22445', 0.7)).toThrow(new Error('#ff22445 is invalid hex color'));
-      expect(() => uut.rgba('ff2244', 0.7)).toThrow(new Error('ff2244 is invalid hex color'));
-      expect(() => uut.rgba('#ff244', 0.7)).toThrow(new Error('#ff244 is invalid hex color'));
-    });
-  });
-
-  describe('isEmpty', () => {
-    it('should return true if color is undefined', () => {
-      expect(uut.isEmpty(undefined)).toBe(true);
-      expect(uut.isEmpty(null)).toBe(true);
-    });
-
-    it('should return true if color is transparent', () => {
-      expect(uut.isEmpty('transparent')).toBe(true);
-    });
-
-    it('should return false if color is valid', () => {
-      expect(uut.isEmpty('#fff')).toBe(false);
-      expect(uut.isEmpty(uut.green20)).toBe(false);
-    });
-  });
-
-  describe('getColorTint', () => {
-    it('should return back transparent if transparent was passed', () => {
-      expect(uut.getColorTint('transparent', '40')).toEqual('transparent');
-    });
-
-    it('should return color with a specific tint', () => {
-      expect(uut.getColorTint(uut.green30, '40')).toEqual(uut.green40);
-      expect(uut.getColorTint(uut.blue20, '60')).toEqual(uut.blue60);
-      expect(uut.getColorTint(uut.blue20, 60)).toEqual(uut.blue60);
-    });
-
-    it('should return same color if tintLevel param is undefined or NaN', () => {
-      expect(uut.getColorTint('#F1BE0B')).toEqual('#F1BE0B');
-      expect(uut.getColorTint('#F1BE0B', '2a4')).toEqual('#F1BE0B');
-    });
-
-    it('should return undefined if color param is undefined', () => {
-      expect(uut.getColorTint(undefined, 10)).toEqual(undefined);
-    });
-
-    it('should handle a color which exists in uiLib but doesn\'t have predefined tints', () => {
-      expect(uut.getColorTint('#000000', 60)).toEqual('#808080');
-    });
-
-    it('should handle color that does not exist in `uilib`', () => {
-      expect(uut.getColorTint('#F1BE0B', 10)).toEqual('#8D7006'); //
-      expect(uut.getColorTint('#F1BE0B', 20)).toEqual('#BE9609'); //
-      expect(uut.getColorTint('#F1BE0B', 30)).toEqual('#F1BE0B'); //
-      expect(uut.getColorTint('#F1BE0B', 40)).toEqual('#F6CC37'); //
-      expect(uut.getColorTint('#F1BE0B', 50)).toEqual('#F8D868'); //
-      expect(uut.getColorTint('#F1BE0B', 60)).toEqual('#FAE599'); //
-      expect(uut.getColorTint('#F1BE0B', 70)).toEqual('#FDF1C9'); //
-      expect(uut.getColorTint('#F1BE0B', 80)).toEqual('#FFFEFA'); //
-    });
-
-    it('should round down tint level to the nearest one', () => {
-      expect(uut.getColorTint('#F1BE0B', 75)).toEqual('#FDF1C9');
-      expect(uut.getColorTint('#F1BE0B', 25)).toEqual('#BE9609');
-      expect(uut.getColorTint('#F1BE0B', 35)).toEqual('#F1BE0B');
-    });
-
-    it('should handle out of range tint levels and round them to the nearest one in range', () => {
-      expect(uut.getColorTint('#F1BE0B', 3)).toEqual('#8D7006');
-      expect(uut.getColorTint('#F1BE0B', 95)).toEqual('#FFFEFA');
-    });
-  });
-
-  describe('generateColorPalette', () => {
-    const baseColor = '#3F88C5';
-    const tints = ['#193852', '#255379', '#316EA1', '#3F88C5', '#66A0D1', '#8DB9DD', '#B5D1E9', '#DCE9F4'];
-    const baseColorLight = '#DCE9F4';
-    const tintsLight = ['#1A3851', '#265278', '#326D9F', '#4187C3', '#68A0CF', '#8EB8DC', '#B5D1E8', '#DCE9F4'];
-    const saturationLevels = [-10, -10, -20, -20, -25, -25, -25, -25, -20, -10];
-    const tintsSaturationLevels = [
-      '#1E384D',
-      '#2D5271',
-      '#466C8C',
-      '#3F88C5',
-      '#7F9EB8',
-      '#A0B7CB',
-      '#C1D0DD',
-      '#E2E9EE'
-    ];
-    // const tintsSaturationLevelsDarkest = ['#162837', '#223F58', '#385770', '#486E90', '#3F88C5', '#7C9CB6', '#9AB2C6', '#B7C9D7', '#D3DFE9', '#F0F5F9'];
-    // const tintsAddDarkestTints = ['#12283B', '#1C405E', '#275881', '#3270A5', '#3F88C5', '#629ED0', '#86B4DA', '#A9CAE5', '#CCDFF0', '#EFF5FA'];
-
-    it('should memoize calls for generateColorPalette', () => {
-      uut.getColorTint(baseColor, 20);
-      uut.getColorTint(baseColor, 50);
-      uut.getColorTint(baseColor, 70);
-      const cachedPalette = uut.generateColorPalette.cache.get(baseColor);
-      expect(cachedPalette).toBeDefined();
-      expect(cachedPalette.includes(baseColor)).toBe(true);
-    });
-
-    it('should generateColorPalette return 8 tints with 10 lightness increment', () => {
-      const palette = uut.generateColorPalette(baseColor);
-      expect(palette.length).toBe(8);
-      expect(palette).toContain(baseColor);
-      expect(palette).toEqual(tints);
-    });
-
-    it('should generateColorPalette with adjustLightness option false', () => {
-      const palette = uut.generateColorPalette(baseColor, {adjustLightness: false});
-      expect(palette.length).toBe(8);
-      expect(palette).toContain(baseColor);
-      expect(palette).toEqual(tints);
-    });
-
-    it('should generateColorPalette with adjustSaturation option false', () => {
-      const palette = uut.generateColorPalette(baseColorLight, {adjustSaturation: false});
-      expect(palette.length).toBe(8);
-      expect(palette).toContain(baseColorLight);
-      expect(palette).toEqual(tintsLight);
-    });
-
-    it('should generateColorPalette with adjustSaturation option true and saturationLevels 8 array', () => {
-      const palette = uut.generateColorPalette(baseColor, {adjustSaturation: true, saturationLevels});
-      expect(palette.length).toBe(8);
-      expect(palette).toContain(baseColor); // adjusting baseColor tint as well
-      expect(palette).toEqual(tintsSaturationLevels);
-    });
-
-    // it('should generateColorPalette with adjustSaturation option true and saturationLevels 10 array and addDarkestTints true', () => {
-    //   const options = {adjustSaturation: true, saturationLevels, addDarkestTints: true};
-    //   const palette = uut.generateColorPalette(baseColor, options);
-    //   expect(palette.length).toBe(10);
-    //   expect(palette).toContain(baseColor); // adjusting baseColor tint as well
-    //   expect(palette).toEqual(tintsSaturationLevelsDarkest);
-    // });
-
-    it('should generateColorPalette with avoidReverseOnDark option false not reverse on light mode (default)', () => {
-      const palette = uut.generateColorPalette(baseColor, {avoidReverseOnDark: false});
-      expect(palette.length).toBe(8);
-      expect(palette).toContain(baseColor);
-      expect(palette).toEqual(tints);
-    });
-
-    it('should generateColorPalette with avoidReverseOnDark option true not reverse on light mode', () => {
-      const palette = uut.generateColorPalette(baseColor, {avoidReverseOnDark: true});
-      expect(palette.length).toBe(8);
-      expect(palette).toContain(baseColor);
-      expect(palette).toEqual(tints);
-    });
-
-    it('should generateColorPalette with addDarkestTints option false return 8 tints with 10 lightness increment (default)', () => {
-      const palette = uut.generateColorPalette(baseColor, {addDarkestTints: false});
-      expect(palette.length).toBe(8);
-      expect(palette).toContain(baseColor);
-      expect(palette).toEqual(tints);
-    });
-
-    // it('should generateColorPalette with addDarkestTints option true return 10 tints with 9 lightness increment', () => {
-    //   const palette = uut.generateColorPalette(baseColor, {addDarkestTints: true});
-    //   expect(palette.length).toBe(10);
-    //   expect(palette).toContain(baseColor);
-    //   expect(palette).toEqual(tintsAddDarkestTints);
-    // });
-  });
-
-  describe('generateDesignTokens', () => {
-    it('should generate design tokens from dark color for light theme', () => {
-      const primaryColor = '#860D86';
-      expect(uut.isDark(primaryColor)).toEqual(true);
-      expect(uut.generateDesignTokens(primaryColor)).toEqual({
-        $backgroundPrimaryHeavy: primaryColor,
-        $backgroundPrimaryLight: '#FFFAFF',
-        $backgroundPrimaryMedium: '#FACCFA',
-        $iconPrimary: primaryColor,
-        $iconPrimaryLight: '#F16FF1',
-        $outlinePrimary: primaryColor,
-        $textPrimary: primaryColor
-      });
-    });
-
-    it('should generate design tokens from light color for light theme', () => {
-      const primaryColor = '#E9BEE7';
-      expect(uut.isDark(primaryColor)).toEqual(false);
-      expect(uut.generateDesignTokens(primaryColor)).toEqual({
-        $backgroundPrimaryHeavy: '#A4379F',
-        $backgroundPrimaryLight: '#F6E4F5',
-        $backgroundPrimaryMedium: '#E9BEE7',
-        $iconPrimary: '#A4379F',
-        $iconPrimaryLight: '#CF72CB',
-        $outlinePrimary: '#A4379F',
-        $textPrimary: '#A4379F'
-      });
-    });
-
-    it('should generate design tokens from dark color for dark theme', () => {
-      const primaryColor = '#860D86';
-      expect(uut.isDark(primaryColor)).toEqual(true);
-      expect(uut.generateDesignTokens(primaryColor, true)).toEqual({
-        $backgroundPrimaryHeavy: '#F69DF6',
-        $backgroundPrimaryLight: '#860D86',
-        $backgroundPrimaryMedium: '#B512B5',
-        $iconPrimary: '#F69DF6',
-        $iconPrimaryLight: '#ED40ED',
-        $outlinePrimary: '#F69DF6',
-        $textPrimary: '#F69DF6'
-      });
-    });
-
-    it('should generate design tokens from light color for dark theme', () => {
-      const primaryColor = '#E9BEE7';
-      expect(uut.isDark(primaryColor)).toEqual(false);
-      expect(uut.generateDesignTokens(primaryColor, true)).toEqual({
-        $backgroundPrimaryHeavy: primaryColor,
-        $backgroundPrimaryLight: '#581E55',
-        $backgroundPrimaryMedium: '#7E2B7A',
-        $iconPrimary: primaryColor,
-        $iconPrimaryLight: '#C24CBD',
-        $outlinePrimary: primaryColor,
-        $textPrimary: primaryColor
-      });
-    });
-  });
-
-  describe('isDesignToken', () => {
-    it('should return true if the color passed is design token', () => {
-      expect(uut.isDesignToken({semantic: ['$textDefault'], toString: () => {}})).toEqual(true);
-      expect(uut.isDesignToken({resource_paths: ['@color/textNeutral'], toString: () => {}})).toEqual(true);
-      expect(uut.isDesignToken({test: 'fail', toString: () => {}})).toEqual(false);
-      expect(uut.isDesignToken(uut.red10)).toEqual(false);
-    });
-  });
-
-  describe('getSystemColorByHex', () => {
-    it('should return the system color, if the color is included in the validColors array', () => {
-      expect(uut.getSystemColorByHex('#FFFFFF', GetColorsByHexOptions)).toEqual('white');
-      expect(uut.getSystemColorByHex('#000000', GetColorsByHexOptions)).toEqual('black');
-      expect(uut.getSystemColorByHex('#0F62E6', {validColors: [...SYSTEM_COLORS, 'blue']})).toEqual('blue30');
-      expect(uut.getSystemColorByHex('#FB6413', {validColors: [...SYSTEM_COLORS, 'orange']})).toEqual('orange30');
-    });
-
-    it('should return undefined if the color is not included in validColors', () => {
-      expect(uut.getSystemColorByHex('#0F62E6', GetColorsByHexOptions)).toEqual(undefined);
-      expect(uut.getSystemColorByHex('#00A87E', GetColorsByHexOptions)).toEqual(undefined);
-    });
-
-    it('without validColors array the function will return the first system color name match the color', () => {
-      expect(uut.getSystemColorByHex('#0F62E6')).toEqual('blue30');
-      expect(uut.getSystemColorByHex('#00A87E')).toEqual('green30');
-    });
-
-    it('should return undefined for color that does not exist in our colors palette.', () => {
-      uut.anotherViolet = '#5A48F5';
-      expect(uut.getSystemColorByHex('#5A48F5')).toEqual('violet30');
-      expect(uut.getSystemColorByHex('#5A48F5', GetColorsByHexOptions)).toEqual(undefined);
-      expect(uut.getSystemColorByHex('#5A48F5', {validColors: [...SYSTEM_COLORS, 'anotherViolet']})).toEqual('anotherViolet');
-    });
-  });
-
-  describe('getColor', () => {
-    it('should return the right color depends on the scheme type passed', () => {
-      expect(uut.getColor('$backgroundPrimaryHeavy', 'light')).toBe('#5A48F5');
-      expect(uut.getColor('$backgroundPrimaryHeavy', 'dark')).toBe('#B2ABFF');
-    });
-
-    it('should return the right color based on the default scheme type', () => {
-      expect(uut.getColor('$backgroundPrimaryHeavy')).toBe('#5A48F5');
-    });
-  });
-});

package/src/style/__tests__/scheme.spec.js

@@ -1,119 +0,0 @@
-let Scheme;
-describe('Scheme', () => {
-  beforeEach(() => {
-    jest.resetModules();
-    Scheme = require('../scheme').default;
-  });
-
-  describe('initial values', () => {
-    it('should initial schemes be empty objects', () => {
-      expect(Scheme.schemes).toEqual({dark: {}, light: {}});
-    });
-
-    it('should initial current scheme type be "light"', () => {
-      expect(Scheme.currentScheme).toBe('light');
-    });
-
-    it('should retrieve actual scheme type (defaulting to "light")', () => {
-      expect(Scheme.getSchemeType()).toBe('light');
-    });
-  });
-
-  describe('setScheme', () => {
-    it('should initially be light', () => {
-      expect(Scheme.getSchemeType()).toBe('light');
-    });
-    it('should override default scheme', () => {
-      Scheme.setScheme('dark');
-      expect(Scheme.getSchemeType()).toBe('dark');
-    });
-
-    it('should throw on invalid scheme color', () => {
-      expect(() => Scheme.setScheme('yellow')).toThrow(`yellow is invalid colorScheme, please use 'light' | 'dark' | 'default'`);
-    });
-  });
-
-  describe('getScheme/loadScheme', () => {
-    beforeEach(() => {
-      Scheme.loadSchemes({
-        dark: {
-          a: 'black',
-          b: 'black'
-        },
-        light: {
-          a: 'white',
-          b: 'white'
-        }
-      });
-    });
-
-    it('should return scheme by current scheme type (initially by light)', () => {
-      expect(Scheme.getScheme()).toEqual({
-        a: 'white',
-        b: 'white'
-      });
-    });
-
-    it('should return correct scheme after setScheme has changed scheme type', () => {
-      Scheme.setScheme('dark');
-      expect(Scheme.getScheme()).toEqual({
-        a: 'black',
-        b: 'black'
-      });
-    });
-
-    it('should throw on missing color keys', () => {
-      expect(() => Scheme.loadSchemes({
-        dark: {
-          a: 'black',
-          b: 'black'
-        },
-        light: {
-          a: 'white',
-          b: 'white',
-          c: 'white'
-        }
-      })).toThrow(`There is a mismatch in scheme keys: c`);
-    });
-  });
-
-  describe('scheme change listeners', () => {
-    it('should register scheme change listener', () => {
-      const listener = jest.fn();
-      Scheme.addChangeListener(listener);
-      expect(listener).not.toHaveBeenCalled();
-      Scheme.setScheme('dark');
-      expect(listener).toHaveBeenCalledTimes(1);
-    });
-
-    it('should unregister scheme change listener', () => {
-      const listener = jest.fn();
-      Scheme.addChangeListener(listener);
-      Scheme.setScheme('dark');
-      expect(listener).toHaveBeenCalledTimes(1);
-      Scheme.removeChangeListener(listener);
-      Scheme.setScheme('light');
-      expect(listener).toHaveBeenCalledTimes(1);
-    });
-
-    it('should not be triggered if scheme set to the same type', () => {
-      const listener = jest.fn();
-      Scheme.addChangeListener(listener);
-      Scheme.setScheme('dark');
-      expect(listener).toHaveBeenCalledTimes(1);
-      Scheme.setScheme('dark');
-      expect(listener).toHaveBeenCalledTimes(1);
-    });
-  });
-
-  describe('isDarkMode', () => {
-    it('should return false when app is on light mode', () => {
-      expect(Scheme.isDarkMode()).toBe(false);
-    });
-
-    it('should return true when app is on dark mode', () => {
-      Scheme.setScheme('dark');
-      expect(Scheme.isDarkMode()).toBe(true);
-    });
-  });
-});

package/src/utils/__tests__/Playground.perf.js

@@ -1,14 +0,0 @@
-import React from 'react';
-import {measurePerformance} from 'reassure';
-import {View} from '../../index';
-
-describe('Playground testing', () => {
-  const TestCase = () => {
-    return <View/>;
-  };
-
-  it('view', async () => {
-    const measurement = await measurePerformance(<TestCase/>);
-    expect(measurement.meanDuration).toBeLessThan(10);
-  });
-});

package/src/utils/__tests__/imageUtils.spec.js

@@ -1,54 +0,0 @@
-import {isSvgUri, isSvg, isBase64ImageContent, getAsset} from '../imageUtils';
-
-const svgImage = {uri: 'https://example.com/image.svg'};
-const randomPngImage = {uri: 'https://picsum.photos/300'};
-const svgString =
-  '<?xml version="1.0" encoding="UTF-8"?><svg data-bbox="4 2.122 17.878 17.878" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" data-type="color"><g><path fill="#116DFF" d="M15.232 2.854a2.5 2.5 0 0 1 3.536 0l2.378 2.378a2.5 2.5 0 0 1 0 3.536L10.5 19.414A2 2 0 0 1 9.086 20H5a1 1 0 0 1-1-1v-4.086a2 2 0 0 1 .586-1.414L15.232 2.854ZM6 18h3.086l7.255-7.255-3.086-3.086L6 14.914V18Zm8.67-11.755 3.085 3.086 1.977-1.977a.5.5 0 0 0 0-.708l-2.378-2.378a.5.5 0 0 0-.708 0L14.67 6.245Z" clip-rule="evenodd" fill-rule="evenodd" data-color="1"/></g></svg>';
-const base64Image =
-  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAApgAAAKYB3X3/OAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAANCSURBVEiJtZZPbBtFFMZ/M7ubXdtdb1xSFyeilBapySVU8h8OoFaooFSqiihIVIpQBKci6KEg9Q6H9kovIHoCIVQJJCKE1ENFjnAgcaSGC6rEnxBwA04Tx43t2FnvDAfjkNibxgHxnWb2e/u992bee7tCa00YFsffekFY+nUzFtjW0LrvjRXrCDIAaPLlW0nHL0SsZtVoaF98mLrx3pdhOqLtYPHChahZcYYO7KvPFxvRl5XPp1sN3adWiD1ZAqD6XYK1b/dvE5IWryTt2udLFedwc1+9kLp+vbbpoDh+6TklxBeAi9TL0taeWpdmZzQDry0AcO+jQ12RyohqqoYoo8RDwJrU+qXkjWtfi8Xxt58BdQuwQs9qC/afLwCw8tnQbqYAPsgxE1S6F3EAIXux2oQFKm0ihMsOF71dHYx+f3NND68ghCu1YIoePPQN1pGRABkJ6Bus96CutRZMydTl+TvuiRW1m3n0eDl0vRPcEysqdXn+jsQPsrHMquGeXEaY4Yk4wxWcY5V/9scqOMOVUFthatyTy8QyqwZ+kDURKoMWxNKr2EeqVKcTNOajqKoBgOE28U4tdQl5p5bwCw7BWquaZSzAPlwjlithJtp3pTImSqQRrb2Z8PHGigD4RZuNX6JYj6wj7O4TFLbCO/Mn/m8R+h6rYSUb3ekokRY6f/YukArN979jcW+V/S8g0eT/N3VN3kTqWbQ428m9/8k0P/1aIhF36PccEl6EhOcAUCrXKZXXWS3XKd2vc/TRBG9O5ELC17MmWubD2nKhUKZa26Ba2+D3P+4/MNCFwg59oWVeYhkzgN/JDR8deKBoD7Y+ljEjGZ0sosXVTvbc6RHirr2reNy1OXd6pJsQ+gqjk8VWFYmHrwBzW/n+uMPFiRwHB2I7ih8ciHFxIkd/3Omk5tCDV1t+2nNu5sxxpDFNx+huNhVT3/zMDz8usXC3ddaHBj1GHj/As08fwTS7Kt1HBTmyN29vdwAw+/wbwLVOJ3uAD1wi/dUH7Qei66PfyuRj4Ik9is+hglfbkbfR3cnZm7chlUWLdwmprtCohX4HUtlOcQjLYCu+fzGJH2QRKvP3UNz8bWk1qMxjGTOMThZ3kvgLI5AzFfo379UAAAAASUVORK5CYII=';
-
-describe('ImageUtils', () => {
-  describe('isSvgUri', () => {
-    it('should return true if the uri is svg', () => {
-      const result = isSvgUri(svgImage);
-      expect(result).toBe(true);
-    });
-    it('should return false if the uri is not svg', () => {
-      const result = isSvgUri(randomPngImage);
-      expect(result).toBe(false);
-    });
-  });
-
-  describe('isSvg', () => {
-    it('should return true if the string is svg', () => {
-      const result = isSvg(svgString);
-      expect(result).toBe(true);
-    });
-    it('should return false if the string is not svg', () => {
-      const result = isSvg('<svg data-bbox="4.../>');
-      expect(result).toBe(false);
-    });
-  });
-
-  describe('isBase64ImageContent', () => {
-    it('should return true if the string is base64', () => {
-      const result = isBase64ImageContent(base64Image);
-      expect(result).toBe(true);
-    });
-    it('should return false if the string is not base64', () => {
-      const result = isBase64ImageContent(svgString);
-      expect(result).toBe(false);
-    });
-  });
-
-  describe('getAsset', () => {
-    it('should return the asset if asset group and asset name exsist', () => {
-      const result = getAsset('search', 'internal.icons');
-      expect(result).toBeDefined();
-    });
-    it('should return the asset if asset group and asset name exsist', () => {
-      const result = getAsset('blah', 'internal.icons');
-      expect(result).toBeUndefined();
-    });
-  });
-});