BigW Consortium Gitlab

line_highlighter_spec.js 8.04 KB
Newer Older
1
/* eslint-disable space-before-function-paren, no-var, no-param-reassign, quotes, prefer-template, no-else-return, new-cap, dot-notation, no-return-assign, comma-dangle, no-new, one-var, one-var-declaration-per-line, jasmine/no-spec-dupes, no-underscore-dangle, max-len */
2
/* global LineHighlighter */
Fatih Acet committed
3

4
import '~/line_highlighter';
Fatih Acet committed
5 6 7 8

(function() {
  describe('LineHighlighter', function() {
    var clickLine;
9
    preloadFixtures('static/line_highlighter.html.raw');
10
    clickLine = function(number, eventData = {}) {
Fatih Acet committed
11
      if ($.isEmptyObject(eventData)) {
12
        return $("#L" + number).click();
Fatih Acet committed
13
      } else {
14 15
        const e = $.Event('click', eventData);
        return $("#L" + number).trigger(e);
Fatih Acet committed
16 17 18
      }
    };
    beforeEach(function() {
19
      loadFixtures('static/line_highlighter.html.raw');
Fatih Acet committed
20 21 22 23 24 25 26 27 28 29 30 31
      this["class"] = new LineHighlighter();
      this.css = this["class"].highlightClass;
      return this.spies = {
        __setLocationHash__: spyOn(this["class"], '__setLocationHash__').and.callFake(function() {})
      };
    });
    describe('behavior', function() {
      it('highlights one line given in the URL hash', function() {
        new LineHighlighter('#L13');
        return expect($('#LC13')).toHaveClass(this.css);
      });
      it('highlights a range of lines given in the URL hash', function() {
32
        var line, results;
Fatih Acet committed
33 34 35
        new LineHighlighter('#L5-25');
        expect($("." + this.css).length).toBe(21);
        results = [];
36
        for (line = 5; line <= 25; line += 1) {
Fatih Acet committed
37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60
          results.push(expect($("#LC" + line)).toHaveClass(this.css));
        }
        return results;
      });
      it('scrolls to the first highlighted line on initial load', function() {
        var spy;
        spy = spyOn($, 'scrollTo');
        new LineHighlighter('#L5-25');
        return expect(spy).toHaveBeenCalledWith('#L5', jasmine.anything());
      });
      it('discards click events', function() {
        var spy;
        spy = spyOnEvent('a[data-line-number]', 'click');
        clickLine(13);
        return expect(spy).toHaveBeenPrevented();
      });
      return it('handles garbage input from the hash', function() {
        var func;
        func = function() {
          return new LineHighlighter('#blob-content-holder');
        };
        return expect(func).not.toThrow();
      });
    });
61
    describe('clickHandler', function() {
Fatih Acet committed
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 111 112 113 114 115 116
      it('handles clicking on a child icon element', function() {
        var spy;
        spy = spyOn(this["class"], 'setHash').and.callThrough();
        $('#L13 i').mousedown().click();
        expect(spy).toHaveBeenCalledWith(13);
        return expect($('#LC13')).toHaveClass(this.css);
      });
      describe('without shiftKey', function() {
        it('highlights one line when clicked', function() {
          clickLine(13);
          return expect($('#LC13')).toHaveClass(this.css);
        });
        it('unhighlights previously highlighted lines', function() {
          clickLine(13);
          clickLine(20);
          expect($('#LC13')).not.toHaveClass(this.css);
          return expect($('#LC20')).toHaveClass(this.css);
        });
        return it('sets the hash', function() {
          var spy;
          spy = spyOn(this["class"], 'setHash').and.callThrough();
          clickLine(13);
          return expect(spy).toHaveBeenCalledWith(13);
        });
      });
      return describe('with shiftKey', function() {
        it('sets the hash', function() {
          var spy;
          spy = spyOn(this["class"], 'setHash').and.callThrough();
          clickLine(13);
          clickLine(20, {
            shiftKey: true
          });
          expect(spy).toHaveBeenCalledWith(13);
          return expect(spy).toHaveBeenCalledWith(13, 20);
        });
        describe('without existing highlight', function() {
          it('highlights the clicked line', function() {
            clickLine(13, {
              shiftKey: true
            });
            expect($('#LC13')).toHaveClass(this.css);
            return expect($("." + this.css).length).toBe(1);
          });
          return it('sets the hash', function() {
            var spy;
            spy = spyOn(this["class"], 'setHash');
            clickLine(13, {
              shiftKey: true
            });
            return expect(spy).toHaveBeenCalledWith(13);
          });
        });
        describe('with existing single-line highlight', function() {
          it('uses existing line as last line when target is lesser', function() {
117
            var line, results;
Fatih Acet committed
118 119 120 121 122 123
            clickLine(20);
            clickLine(15, {
              shiftKey: true
            });
            expect($("." + this.css).length).toBe(6);
            results = [];
124
            for (line = 15; line <= 20; line += 1) {
Fatih Acet committed
125 126 127 128 129
              results.push(expect($("#LC" + line)).toHaveClass(this.css));
            }
            return results;
          });
          return it('uses existing line as first line when target is greater', function() {
130
            var line, results;
Fatih Acet committed
131 132 133 134 135 136
            clickLine(5);
            clickLine(10, {
              shiftKey: true
            });
            expect($("." + this.css).length).toBe(6);
            results = [];
137
            for (line = 5; line <= 10; line += 1) {
Fatih Acet committed
138 139 140 141 142 143 144 145 146 147 148 149 150 151 152
              results.push(expect($("#LC" + line)).toHaveClass(this.css));
            }
            return results;
          });
        });
        return describe('with existing multi-line highlight', function() {
          beforeEach(function() {
            clickLine(10, {
              shiftKey: true
            });
            return clickLine(13, {
              shiftKey: true
            });
          });
          it('uses target as first line when it is less than existing first line', function() {
153
            var line, results;
Fatih Acet committed
154 155 156 157 158
            clickLine(5, {
              shiftKey: true
            });
            expect($("." + this.css).length).toBe(6);
            results = [];
159
            for (line = 5; line <= 10; line += 1) {
Fatih Acet committed
160 161 162 163 164
              results.push(expect($("#LC" + line)).toHaveClass(this.css));
            }
            return results;
          });
          return it('uses target as last line when it is greater than existing first line', function() {
165
            var line, results;
Fatih Acet committed
166 167 168 169 170
            clickLine(15, {
              shiftKey: true
            });
            expect($("." + this.css).length).toBe(6);
            results = [];
171
            for (line = 10; line <= 15; line += 1) {
Fatih Acet committed
172 173 174 175 176 177 178
              results.push(expect($("#LC" + line)).toHaveClass(this.css));
            }
            return results;
          });
        });
      });
    });
179
    describe('hashToRange', function() {
Fatih Acet committed
180 181 182 183 184 185 186 187 188 189 190 191 192
      beforeEach(function() {
        return this.subject = this["class"].hashToRange;
      });
      it('extracts a single line number from the hash', function() {
        return expect(this.subject('#L5')).toEqual([5, null]);
      });
      it('extracts a range of line numbers from the hash', function() {
        return expect(this.subject('#L5-15')).toEqual([5, 15]);
      });
      return it('returns [null, null] when the hash is not a line number', function() {
        return expect(this.subject('#foo')).toEqual([null, null]);
      });
    });
193
    describe('highlightLine', function() {
Fatih Acet committed
194 195 196 197 198 199 200 201 202 203 204 205
      beforeEach(function() {
        return this.subject = this["class"].highlightLine;
      });
      it('highlights the specified line', function() {
        this.subject(13);
        return expect($('#LC13')).toHaveClass(this.css);
      });
      return it('accepts a String-based number', function() {
        this.subject('13');
        return expect($('#LC13')).toHaveClass(this.css);
      });
    });
206
    return describe('setHash', function() {
Fatih Acet committed
207 208 209 210 211 212 213 214 215 216 217 218 219
      beforeEach(function() {
        return this.subject = this["class"].setHash;
      });
      it('sets the location hash for a single line', function() {
        this.subject(5);
        return expect(this.spies.__setLocationHash__).toHaveBeenCalledWith('#L5');
      });
      return it('sets the location hash for a range', function() {
        this.subject(5, 15);
        return expect(this.spies.__setLocationHash__).toHaveBeenCalledWith('#L5-15');
      });
    });
  });
220
}).call(window);