react-native-ui-lib/src/utils/__tests__/textUtils.spec.js

<p align="center"> <img src="https://user-images.githubusercontent.com/1780255/105469025-56759000-5ca0-11eb-993d-3568c1fd54f4.png" height="250px" style="display:block"/> </p> <p align="center">UI Toolset & Components Library for React Native</p> <p a

import {getTextPartsByHighlight, getArrayPartsByHighlight} from '../textUtils';

describe('Text', () => {
  describe('getTextPartsByHighlight', () => {
    it('should return the whole string as a single part when highlight string is undefined', () => {
      const result = getTextPartsByHighlight('Playground Screen', undefined);
      expect(result).toEqual([{string: 'Playground Screen', shouldHighlight: false}]);
    });
    it('should return the whole string as a single part when highlight string is empty', () => {
      const result = getTextPartsByHighlight('Playground Screen', '');
      expect(result).toEqual([{string: 'Playground Screen', shouldHighlight: false}]);
    });
    it('should return the whole string as a single part when highlight string dont match', () => {
      const result = getTextPartsByHighlight('Playground Screen', 'aaa');
      expect(result).toEqual([{string: 'Playground Screen', shouldHighlight: false}]);
    });
    it('should break text to parts according to highlight string', () => {
      const result = getTextPartsByHighlight('Playground Screen', 'Scr');
      expect(result).toEqual([
        {string: 'Playground ', shouldHighlight: false},
        {string: 'Scr', shouldHighlight: true},
        {string: 'een', shouldHighlight: false}
      ]);
    });

    it('should handle case when highlight repeats more than once', () => {
      const result = getTextPartsByHighlight('Dancing in the Dark', 'Da');
      expect(result).toEqual([
        {string: 'Da', shouldHighlight: true},
        {string: 'ncing in the ', shouldHighlight: false},
        {string: 'Da', shouldHighlight: true},
        {string: 'rk', shouldHighlight: false}
      ]);
    });

    it('should be case-insensitive', () => {
      const result = getTextPartsByHighlight('Dancing in the Dark', 'da');
      expect(result).toEqual([
        {string: 'Da', shouldHighlight: true},
        {string: 'ncing in the ', shouldHighlight: false},
        {string: 'Da', shouldHighlight: true},
        {string: 'rk', shouldHighlight: false}
      ]);
    });

    it('Should handle special characters @', () => {
      const result = getTextPartsByHighlight('@ancing in the @ark', '@a');
      expect(result).toEqual([
        {string: '@a', shouldHighlight: true},
        {string: 'ncing in the ', shouldHighlight: false},
        {string: '@a', shouldHighlight: true},
        {string: 'rk', shouldHighlight: false}
      ]);
    });

    it('Should handle special characters !', () => {
      const result = getTextPartsByHighlight('!ancing in the !ark', '!a');
      expect(result).toEqual([
        {string: '!a', shouldHighlight: true},
        {string: 'ncing in the ', shouldHighlight: false},
        {string: '!a', shouldHighlight: true},
        {string: 'rk', shouldHighlight: false}
      ]);
    });

    it('Should handle special characters starts with @', () => {
      const result = getTextPartsByHighlight('uilib@wix.com', '@wix');
      expect(result).toEqual([
        {string: 'uilib', shouldHighlight: false},
        {string: '@wix', shouldHighlight: true},
        {string: '.com', shouldHighlight: false}
      ]);
    });

    it('Should handle empty string.', () => {
      const result = getTextPartsByHighlight('@ancing in the @ark', '');
      expect(result).toEqual([{string: '@ancing in the @ark', shouldHighlight: false}]);
    });

    it('Should handle full string.', () => {
      const result = getTextPartsByHighlight('Dancing in the Dark', 'Dancing in the Dark');
      expect(result).toEqual([{string: 'Dancing in the Dark', shouldHighlight: true}]);
    });

    it('Should handle longer string.', () => {
      const result = getTextPartsByHighlight('Dancing in the Dark', 'Dancing in the Darker');
      expect(result).toEqual([{string: 'Dancing in the Dark', shouldHighlight: false}]);
    });
  });

  describe('getArrayPartsByHighlight', () => {
    it('should return the whole string as a single part when highlight array is empty', () => {
      const result = getArrayPartsByHighlight('Playground Screen', []);
      expect(result).toEqual([{string: 'Playground Screen', shouldHighlight: false}]);
    });
    it('should return the whole string as a single part when highlight string is empty', () => {
      const result = getArrayPartsByHighlight('Playground Screen', ['']);
      expect(result).toEqual([{string: 'Playground Screen', shouldHighlight: false}]);
    });
    it('should return the whole string as a single part when highlight string dont match', () => {
      const result = getArrayPartsByHighlight('Playground Screen', ['aaa']);
      expect(result).toEqual([{string: 'Playground Screen', shouldHighlight: false}]);
    });
    it('should break text to parts according to highlight string', () => {
      const result = getArrayPartsByHighlight('Playground Screen', ['Scr']);
      expect(result).toEqual([
        {string: 'Playground ', shouldHighlight: false},
        {string: 'Scr', shouldHighlight: true},
        {string: 'een', shouldHighlight: false}
      ]);
    });

    it('highlight repeats more than once should color the first match', () => {
      const result = getArrayPartsByHighlight('Dancing in the Dark', ['Da']);
      expect(result).toEqual([
        {string: 'Da', shouldHighlight: true},
        {string: 'ncing in the Dark', shouldHighlight: false}
      ]);
    });

    it('should be case-insensitive', () => {
      const result = getArrayPartsByHighlight('Dancing in the Dark', ['da']);
      expect(result).toEqual([
        {string: 'Da', shouldHighlight: true},
        {string: 'ncing in the Dark', shouldHighlight: false}
      ]);
    });

    it('Should handle special characters @', () => {
      const result = getArrayPartsByHighlight('@ancing in the @ark', ['@a']);
      expect(result).toEqual([
        {string: '@a', shouldHighlight: true},
        {string: 'ncing in the @ark', shouldHighlight: false}
      ]);
    });

    it('Should handle special characters !', () => {
      const result = getArrayPartsByHighlight('!ancing in the !ark', ['!a']);
      expect(result).toEqual([
        {string: '!a', shouldHighlight: true},
        {string: 'ncing in the !ark', shouldHighlight: false}
      ]);
    });

    it('Should handle special characters starts with @', () => {
      const result = getArrayPartsByHighlight('uilib@wix.com', ['@wix']);
      expect(result).toEqual([
        {string: 'uilib', shouldHighlight: false},
        {string: '@wix', shouldHighlight: true},
        {string: '.com', shouldHighlight: false}
      ]);
    });

    it('Should handle full string.', () => {
      const result = getArrayPartsByHighlight('Dancing in the Dark', ['Dancing in the Dark']);
      expect(result).toEqual([{string: 'Dancing in the Dark', shouldHighlight: true}]);
    });

    it('Should handle longer string.', () => {
      const result = getArrayPartsByHighlight('Dancing in the Dark', ['Dancing in the Darker']);
      expect(result).toEqual([{string: 'Dancing in the Dark', shouldHighlight: false}]);
    });
  });
});