307 lines
11 KiB
JavaScript
307 lines
11 KiB
JavaScript
import * as textUtils from '~/lib/utils/text_utility';
|
|
|
|
describe('text_utility', () => {
|
|
describe('addDelimiter', () => {
|
|
it('should add a delimiter to the given string', () => {
|
|
expect(textUtils.addDelimiter('1234')).toEqual('1,234');
|
|
expect(textUtils.addDelimiter('222222')).toEqual('222,222');
|
|
});
|
|
|
|
it('should not add a delimiter if string contains no numbers', () => {
|
|
expect(textUtils.addDelimiter('aaaa')).toEqual('aaaa');
|
|
});
|
|
});
|
|
|
|
describe('highCountTrim', () => {
|
|
it('returns 99+ for count >= 100', () => {
|
|
expect(textUtils.highCountTrim(105)).toBe('99+');
|
|
expect(textUtils.highCountTrim(100)).toBe('99+');
|
|
});
|
|
|
|
it('returns exact number for count < 100', () => {
|
|
expect(textUtils.highCountTrim(45)).toBe(45);
|
|
});
|
|
});
|
|
|
|
describe('humanize', () => {
|
|
it('should remove underscores and uppercase the first letter', () => {
|
|
expect(textUtils.humanize('foo_bar')).toEqual('Foo bar');
|
|
});
|
|
it('should remove underscores and dashes and uppercase the first letter', () => {
|
|
expect(textUtils.humanize('foo_bar-foo', '[_-]')).toEqual('Foo bar foo');
|
|
});
|
|
});
|
|
|
|
describe('dasherize', () => {
|
|
it('should replace underscores with dashes', () => {
|
|
expect(textUtils.dasherize('foo_bar_foo')).toEqual('foo-bar-foo');
|
|
});
|
|
});
|
|
|
|
describe('capitalizeFirstCharacter', () => {
|
|
it('returns string with first letter capitalized', () => {
|
|
expect(textUtils.capitalizeFirstCharacter('gitlab')).toEqual('Gitlab');
|
|
});
|
|
});
|
|
|
|
describe('slugify', () => {
|
|
it('should remove accents and convert to lower case', () => {
|
|
expect(textUtils.slugify('João')).toEqual('jo-o');
|
|
});
|
|
it('should replaces whitespaces with hyphens and convert to lower case', () => {
|
|
expect(textUtils.slugify('My Input String')).toEqual('my-input-string');
|
|
});
|
|
it('should remove trailing whitespace and replace whitespaces within string with a hyphen', () => {
|
|
expect(textUtils.slugify(' a new project ')).toEqual('a-new-project');
|
|
});
|
|
it('should only remove non-allowed special characters', () => {
|
|
expect(textUtils.slugify('test!_pro-ject~')).toEqual('test-_pro-ject');
|
|
});
|
|
it('should squash multiple hypens', () => {
|
|
expect(textUtils.slugify('test!!!!_pro-ject~')).toEqual('test-_pro-ject');
|
|
});
|
|
it('should return empty string if only non-allowed characters', () => {
|
|
expect(textUtils.slugify('здрасти')).toEqual('');
|
|
});
|
|
it('should squash multiple separators', () => {
|
|
expect(textUtils.slugify('Test:-)')).toEqual('test');
|
|
});
|
|
it('should trim any separators from the beginning and end of the slug', () => {
|
|
expect(textUtils.slugify('-Test:-)-')).toEqual('test');
|
|
});
|
|
});
|
|
|
|
describe('stripHtml', () => {
|
|
it('replaces html tag with the default replacement', () => {
|
|
expect(textUtils.stripHtml('This is a text with <p>html</p>.')).toEqual(
|
|
'This is a text with html.',
|
|
);
|
|
});
|
|
|
|
it('replaces html tags with the provided replacement', () => {
|
|
expect(textUtils.stripHtml('This is a text with <p>html</p>.', ' ')).toEqual(
|
|
'This is a text with html .',
|
|
);
|
|
});
|
|
|
|
it('passes through with null string input', () => {
|
|
expect(textUtils.stripHtml(null, ' ')).toEqual(null);
|
|
});
|
|
|
|
it('passes through with undefined string input', () => {
|
|
expect(textUtils.stripHtml(undefined, ' ')).toEqual(undefined);
|
|
});
|
|
});
|
|
|
|
describe('convertToCamelCase', () => {
|
|
it.each`
|
|
txt | result
|
|
${'a_snake_cased_string'} | ${'aSnakeCasedString'}
|
|
${'_leading_underscore'} | ${'_leadingUnderscore'}
|
|
${'__leading_underscores'} | ${'__leadingUnderscores'}
|
|
${'trailing_underscore_'} | ${'trailingUnderscore_'}
|
|
${'trailing_underscores__'} | ${'trailingUnderscores__'}
|
|
`('converts string "$txt" to "$result"', ({ txt, result }) => {
|
|
expect(textUtils.convertToCamelCase(txt)).toBe(result);
|
|
});
|
|
|
|
it.each`
|
|
txt
|
|
${'__withoutMiddleUnderscores__'}
|
|
${''}
|
|
${'with spaces'}
|
|
${'with\nnew\r\nlines'}
|
|
${'_'}
|
|
${'___'}
|
|
`('does not modify string "$txt"', ({ txt }) => {
|
|
expect(textUtils.convertToCamelCase(txt)).toBe(txt);
|
|
});
|
|
});
|
|
|
|
describe('convertToSnakeCase', () => {
|
|
it.each`
|
|
txt | result
|
|
${'snakeCase'} | ${'snake_case'}
|
|
${'snake Case'} | ${'snake_case'}
|
|
${'snake case'} | ${'snake_case'}
|
|
${'snake_case'} | ${'snake_case'}
|
|
${'snakeCasesnake Case'} | ${'snake_casesnake_case'}
|
|
${'123'} | ${'123'}
|
|
${'123 456'} | ${'123_456'}
|
|
`('converts string $txt to $result string', ({ txt, result }) => {
|
|
expect(textUtils.convertToSnakeCase(txt)).toEqual(result);
|
|
});
|
|
});
|
|
|
|
describe('convertToSentenceCase', () => {
|
|
it('converts Sentence Case to Sentence case', () => {
|
|
expect(textUtils.convertToSentenceCase('Hello World')).toBe('Hello world');
|
|
});
|
|
});
|
|
|
|
describe('convertToTitleCase', () => {
|
|
it('converts sentence case to Sentence Case', () => {
|
|
expect(textUtils.convertToTitleCase('hello world')).toBe('Hello World');
|
|
});
|
|
});
|
|
|
|
describe('truncate', () => {
|
|
it('returns the original string when str length is less than maxLength', () => {
|
|
const str = 'less than 20 chars';
|
|
expect(textUtils.truncate(str, 20)).toEqual(str);
|
|
});
|
|
|
|
it('returns truncated string when str length is more than maxLength', () => {
|
|
const str = 'more than 10 chars';
|
|
expect(textUtils.truncate(str, 10)).toEqual(`${str.substring(0, 10 - 1)}…`);
|
|
});
|
|
|
|
it('returns the original string when rendered width is exactly equal to maxWidth', () => {
|
|
const str = 'Exactly 16 chars';
|
|
expect(textUtils.truncate(str, 16)).toEqual(str);
|
|
});
|
|
});
|
|
|
|
describe('truncateWidth', () => {
|
|
const clientWidthDescriptor = Object.getOwnPropertyDescriptor(Element.prototype, 'clientWidth');
|
|
|
|
beforeAll(() => {
|
|
// Mock measured width of ' ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'
|
|
Object.defineProperty(Element.prototype, 'clientWidth', {
|
|
value: 431,
|
|
writable: false,
|
|
});
|
|
});
|
|
|
|
afterAll(() => {
|
|
Object.defineProperty(Element.prototype, 'clientWidth', clientWidthDescriptor);
|
|
});
|
|
|
|
it('returns the original string when rendered width is less than maxWidth', () => {
|
|
const str = '< 80px';
|
|
expect(textUtils.truncateWidth(str)).toEqual(str);
|
|
});
|
|
|
|
it('returns truncated string when rendered width is more than maxWidth', () => {
|
|
const str = 'This is wider than 80px';
|
|
expect(textUtils.truncateWidth(str)).toEqual(`${str.substring(0, 10)}…`);
|
|
});
|
|
|
|
it('returns the original string when rendered width is exactly equal to maxWidth', () => {
|
|
const str = 'Exactly 159.62962962962965px';
|
|
expect(textUtils.truncateWidth(str, { maxWidth: 159.62962962962965, fontSize: 10 })).toEqual(
|
|
str,
|
|
);
|
|
});
|
|
});
|
|
|
|
describe('truncateSha', () => {
|
|
it('shortens SHAs to 8 characters', () => {
|
|
expect(textUtils.truncateSha('verylongsha')).toBe('verylong');
|
|
});
|
|
|
|
it('leaves short SHAs as is', () => {
|
|
expect(textUtils.truncateSha('shortsha')).toBe('shortsha');
|
|
});
|
|
});
|
|
|
|
describe('splitCamelCase', () => {
|
|
it('separates a PascalCase word to two', () => {
|
|
expect(textUtils.splitCamelCase('HelloWorld')).toBe('Hello World');
|
|
});
|
|
});
|
|
|
|
describe('getFirstCharacterCapitalized', () => {
|
|
it('returns the first character capitalized, if first character is alphabetic', () => {
|
|
expect(textUtils.getFirstCharacterCapitalized('loremIpsumDolar')).toEqual('L');
|
|
expect(textUtils.getFirstCharacterCapitalized('Sit amit !')).toEqual('S');
|
|
});
|
|
|
|
it('returns the first character, if first character is non-alphabetic', () => {
|
|
expect(textUtils.getFirstCharacterCapitalized(' lorem')).toEqual(' ');
|
|
expect(textUtils.getFirstCharacterCapitalized('%#!')).toEqual('%');
|
|
});
|
|
|
|
it('returns an empty string, if string is falsey', () => {
|
|
expect(textUtils.getFirstCharacterCapitalized('')).toEqual('');
|
|
expect(textUtils.getFirstCharacterCapitalized(null)).toEqual('');
|
|
});
|
|
});
|
|
|
|
describe('truncatePathMiddleToLength', () => {
|
|
it('does not truncate text', () => {
|
|
expect(textUtils.truncatePathMiddleToLength('app/test', 50)).toEqual('app/test');
|
|
});
|
|
|
|
it('truncates middle of the path', () => {
|
|
expect(textUtils.truncatePathMiddleToLength('app/test/diff', 13)).toEqual('app/…/diff');
|
|
});
|
|
|
|
it('truncates multiple times in the middle of the path', () => {
|
|
expect(textUtils.truncatePathMiddleToLength('app/test/merge_request/diff', 13)).toEqual(
|
|
'app/…/…/diff',
|
|
);
|
|
});
|
|
|
|
describe('given a path too long for the maxWidth', () => {
|
|
it.each`
|
|
path | maxWidth | result
|
|
${'aa/bb/cc'} | ${1} | ${'…'}
|
|
${'aa/bb/cc'} | ${2} | ${'…'}
|
|
${'aa/bb/cc'} | ${3} | ${'…/…'}
|
|
${'aa/bb/cc'} | ${4} | ${'…/…'}
|
|
${'aa/bb/cc'} | ${5} | ${'…/…/…'}
|
|
`('truncates ($path, $maxWidth) to $result', ({ path, maxWidth, result }) => {
|
|
expect(result.length).toBeLessThanOrEqual(maxWidth);
|
|
expect(textUtils.truncatePathMiddleToLength(path, maxWidth)).toEqual(result);
|
|
});
|
|
});
|
|
});
|
|
|
|
describe('slugifyWithUnderscore', () => {
|
|
it('should replaces whitespaces with underscore and convert to lower case', () => {
|
|
expect(textUtils.slugifyWithUnderscore('My Input String')).toEqual('my_input_string');
|
|
});
|
|
});
|
|
|
|
describe('truncateNamespace', () => {
|
|
it(`should return the root namespace if the namespace only includes one level`, () => {
|
|
expect(textUtils.truncateNamespace('a / b')).toBe('a');
|
|
});
|
|
|
|
it(`should return the first 2 namespaces if the namespace includes exactly 2 levels`, () => {
|
|
expect(textUtils.truncateNamespace('a / b / c')).toBe('a / b');
|
|
});
|
|
|
|
it(`should return the first and last namespaces, separated by "...", if the namespace includes more than 2 levels`, () => {
|
|
expect(textUtils.truncateNamespace('a / b / c / d')).toBe('a / ... / c');
|
|
expect(textUtils.truncateNamespace('a / b / c / d / e / f / g / h / i')).toBe('a / ... / h');
|
|
});
|
|
|
|
it(`should return an empty string for invalid inputs`, () => {
|
|
[undefined, null, 4, {}, true, new Date()].forEach(input => {
|
|
expect(textUtils.truncateNamespace(input)).toBe('');
|
|
});
|
|
});
|
|
|
|
it(`should not alter strings that aren't formatted as namespaces`, () => {
|
|
['', ' ', '\t', 'a', 'a \\ b'].forEach(input => {
|
|
expect(textUtils.truncateNamespace(input)).toBe(input);
|
|
});
|
|
});
|
|
});
|
|
|
|
describe('hasContent', () => {
|
|
it.each`
|
|
txt | result
|
|
${null} | ${false}
|
|
${undefined} | ${false}
|
|
${{ an: 'object' }} | ${false}
|
|
${''} | ${false}
|
|
${' \t\r\n'} | ${false}
|
|
${'hello'} | ${true}
|
|
`('returns $result for input $txt', ({ result, txt }) => {
|
|
expect(textUtils.hasContent(txt)).toEqual(result);
|
|
});
|
|
});
|
|
});
|