109 lines
3.3 KiB
JavaScript
109 lines
3.3 KiB
JavaScript
|
require('~/lib/utils/text_utility');
|
||
|
|
|
||
|
|
describe('text_utility', () => {
|
||
|
|
describe('gl.text.getTextWidth', () => {
|
||
|
|
it('returns zero width when no text is passed', () => {
|
||
|
|
expect(gl.text.getTextWidth('')).toBe(0);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('returns zero width when no text is passed and font is passed', () => {
|
||
|
|
expect(gl.text.getTextWidth('', '100px sans-serif')).toBe(0);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('returns width when text is passed', () => {
|
||
|
|
expect(gl.text.getTextWidth('foo') > 0).toBe(true);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('returns bigger width when font is larger', () => {
|
||
|
|
const largeFont = gl.text.getTextWidth('foo', '100px sans-serif');
|
||
|
|
const regular = gl.text.getTextWidth('foo', '10px sans-serif');
|
||
|
|
expect(largeFont > regular).toBe(true);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('gl.text.pluralize', () => {
|
||
|
|
it('returns pluralized', () => {
|
||
|
|
expect(gl.text.pluralize('test', 2)).toBe('tests');
|
||
|
|
});
|
||
|
|
|
||
|
|
it('returns pluralized when count is 0', () => {
|
||
|
|
expect(gl.text.pluralize('test', 0)).toBe('tests');
|
||
|
|
});
|
||
|
|
|
||
|
|
it('does not return pluralized', () => {
|
||
|
|
expect(gl.text.pluralize('test', 1)).toBe('test');
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('gl.text.highCountTrim', () => {
|
||
|
|
it('returns 99+ for count >= 100', () => {
|
||
|
|
expect(gl.text.highCountTrim(105)).toBe('99+');
|
||
|
|
expect(gl.text.highCountTrim(100)).toBe('99+');
|
||
|
|
});
|
||
|
|
|
||
|
|
it('returns exact number for count < 100', () => {
|
||
|
|
expect(gl.text.highCountTrim(45)).toBe(45);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('gl.text.insertText', () => {
|
||
|
|
let textArea;
|
||
|
|
|
||
|
|
beforeAll(() => {
|
||
|
|
textArea = document.createElement('textarea');
|
||
|
|
document.querySelector('body').appendChild(textArea);
|
||
|
|
});
|
||
|
|
|
||
|
|
afterAll(() => {
|
||
|
|
textArea.parentNode.removeChild(textArea);
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('without selection', () => {
|
||
|
|
it('inserts the tag on an empty line', () => {
|
||
|
|
const initialValue = '';
|
||
|
|
|
||
|
|
textArea.value = initialValue;
|
||
|
|
textArea.selectionStart = 0;
|
||
|
|
textArea.selectionEnd = 0;
|
||
|
|
|
||
|
|
gl.text.insertText(textArea, textArea.value, '*', null, '', false);
|
||
|
|
|
||
|
|
expect(textArea.value).toEqual(`${initialValue}* `);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('inserts the tag on a new line if the current one is not empty', () => {
|
||
|
|
const initialValue = 'some text';
|
||
|
|
|
||
|
|
textArea.value = initialValue;
|
||
|
|
textArea.setSelectionRange(initialValue.length, initialValue.length);
|
||
|
|
|
||
|
|
gl.text.insertText(textArea, textArea.value, '*', null, '', false);
|
||
|
|
|
||
|
|
expect(textArea.value).toEqual(`${initialValue}\n* `);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('inserts the tag on the same line if the current line only contains spaces', () => {
|
||
|
|
const initialValue = ' ';
|
||
|
|
|
||
|
|
textArea.value = initialValue;
|
||
|
|
textArea.setSelectionRange(initialValue.length, initialValue.length);
|
||
|
|
|
||
|
|
gl.text.insertText(textArea, textArea.value, '*', null, '', false);
|
||
|
|
|
||
|
|
expect(textArea.value).toEqual(`${initialValue}* `);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('inserts the tag on the same line if the current line only contains tabs', () => {
|
||
|
|
const initialValue = '\t\t\t';
|
||
|
|
|
||
|
|
textArea.value = initialValue;
|
||
|
|
textArea.setSelectionRange(initialValue.length, initialValue.length);
|
||
|
|
|
||
|
|
gl.text.insertText(textArea, textArea.value, '*', null, '', false);
|
||
|
|
|
||
|
|
expect(textArea.value).toEqual(`${initialValue}* `);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
});
|
||
|
|
});
|