summaryrefslogtreecommitdiff
path: root/spec/javascripts/lib/utils/text_utility_spec.js
blob: f1a975ba962425530f4c2c2a1139f69b504d184e (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
import '~/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);
      textArea.focus();
    });

    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}* `);
      });
    });
  });
});