summaryrefslogtreecommitdiff
path: root/spec/javascripts/lib/utils/text_utility_spec.js
blob: 4200e9431219cef3dcc030e73a41852b5e092fcb (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
110
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}* `);
        });
      });
    });
  });
})();