spec/javascripts/blob/balsamiq/balsamiq_viewer_integration_spec.js


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

/* eslint-disable import/no-unresolved */

import BalsamiqViewer from '~/blob/balsamiq/balsamiq_viewer';
import bmprPath from '../../fixtures/blob/balsamiq/test.bmpr';

describe('Balsamiq integration spec', () => {
  let container;
  let endpoint;
  let balsamiqViewer;

  preloadFixtures('static/balsamiq_viewer.html.raw');

  beforeEach(() => {
    loadFixtures('static/balsamiq_viewer.html.raw');

    container = document.getElementById('js-balsamiq-viewer');
    balsamiqViewer = new BalsamiqViewer(container);
  });

  describe('successful response', () => {
    beforeEach((done) => {
      endpoint = bmprPath;

      balsamiqViewer.loadFile(endpoint).then(done).catch(done.fail);
    });

    it('does not show loading icon', () => {
      expect(document.querySelector('.loading')).toBeNull();
    });

    it('renders the balsamiq previews', () => {
      expect(document.querySelectorAll('.previews .preview').length).not.toEqual(0);
    });
  });

  describe('error getting file', () => {
    beforeEach((done) => {
      endpoint = 'invalid/path/to/file.bmpr';

      balsamiqViewer.loadFile(endpoint).then(done.fail, null).catch(done);
    });

    it('does not show loading icon', () => {
      expect(document.querySelector('.loading')).toBeNull();
    });

    it('does not render the balsamiq previews', () => {
      expect(document.querySelectorAll('.previews .preview').length).toEqual(0);
    });
  });
});