spec/frontend/milestones/index_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

import { setHTMLFixture, resetHTMLFixture } from 'helpers/fixtures';
import { initShow, MILESTONE_DESCRIPTION_ELEMENT } from '~/milestones/index';
import { renderGFM } from '~/behaviors/markdown/render_gfm';

jest.mock('~/behaviors/markdown/render_gfm');
jest.mock('~/milestones/milestone');
jest.mock('~/right_sidebar');
jest.mock('~/sidebar/mount_milestone_sidebar');

describe('#initShow', () => {
  beforeEach(() => {
    setHTMLFixture(`
      <div class="detail-page-description milestone-detail">
        <div class="description">
          <div class="markdown-code-block">
            <pre class="js-render-mermaid">
              graph TD;
                A-- > B;
                A-- > C;
                B-- > D;
                C-- > D;
            </pre>
          </div>
        </div>
      </div>
    `);
  });

  afterEach(() => {
    resetHTMLFixture();
  });

  it('calls `renderGFM` to ensure that all gitlab-flavoured markdown is rendered on the milestone details page', () => {
    initShow();

    expect(renderGFM).toHaveBeenCalledWith(document.querySelector(MILESTONE_DESCRIPTION_ELEMENT));
  });
});