summaryrefslogtreecommitdiff
path: root/spec/frontend/gitlab_version_check/index_spec.js
blob: 9e4d50f2cfbb43b5d1143345072961dce08ca5c5 (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
import { createWrapper } from '@vue/test-utils';
import { setHTMLFixture, resetHTMLFixture } from 'helpers/fixtures';
import initGitlabVersionCheck from '~/gitlab_version_check';
import {
  VERSION_CHECK_BADGE_NO_PROP_FIXTURE,
  VERSION_CHECK_BADGE_NO_SEVERITY_FIXTURE,
  VERSION_CHECK_BADGE_FIXTURE,
  VERSION_CHECK_BADGE_FINDER,
  VERSION_BADGE_TEXT,
  SECURITY_PATCH_FIXTURE,
  SECURITY_PATCH_FINDER,
  SECURITY_BATCH_TEXT,
} from './mock_data';

describe('initGitlabVersionCheck', () => {
  let vueApps;

  const createApp = (fixture) => {
    setHTMLFixture(fixture);
    vueApps = initGitlabVersionCheck();
  };

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

  describe.each`
    description                                           | fixture                                                      | finders                                                | componentTexts
    ${'with no version check elements'}                   | ${'<div></div>'}                                             | ${[]}                                                  | ${[]}
    ${'with version check badge el but no prop data'}     | ${VERSION_CHECK_BADGE_NO_PROP_FIXTURE}                       | ${[VERSION_CHECK_BADGE_FINDER]}                        | ${[undefined]}
    ${'with version check badge el but no severity data'} | ${VERSION_CHECK_BADGE_NO_SEVERITY_FIXTURE}                   | ${[VERSION_CHECK_BADGE_FINDER]}                        | ${[undefined]}
    ${'with version check badge el and version data'}     | ${VERSION_CHECK_BADGE_FIXTURE}                               | ${[VERSION_CHECK_BADGE_FINDER]}                        | ${[VERSION_BADGE_TEXT]}
    ${'with security patch el'}                           | ${SECURITY_PATCH_FIXTURE}                                    | ${[SECURITY_PATCH_FINDER]}                             | ${[SECURITY_BATCH_TEXT]}
    ${'with security patch and version badge els'}        | ${`${SECURITY_PATCH_FIXTURE}${VERSION_CHECK_BADGE_FIXTURE}`} | ${[SECURITY_PATCH_FINDER, VERSION_CHECK_BADGE_FINDER]} | ${[SECURITY_BATCH_TEXT, VERSION_BADGE_TEXT]}
  `('$description', ({ fixture, finders, componentTexts }) => {
    beforeEach(() => {
      createApp(fixture);
    });

    it(`correctly renders the Version Check Components`, () => {
      const vueAppInstances = vueApps.map((v) => v && createWrapper(v));
      const renderedComponentTexts = vueAppInstances.map((v, index) =>
        v?.find(finders[index]).text(),
      );

      expect(renderedComponentTexts).toStrictEqual(componentTexts);
    });
  });
});