summaryrefslogtreecommitdiff
path: root/spec/frontend/jira_connect/subscriptions/components/user_link_spec.js
blob: b98a36269a322e328e57bf5ea3f3c84868d455d1 (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
import { GlSprintf } from '@gitlab/ui';
import UserLink from '~/jira_connect/subscriptions/components/user_link.vue';
import { shallowMountExtended } from 'helpers/vue_test_utils_helper';
import waitForPromises from 'helpers/wait_for_promises';

jest.mock('~/jira_connect/subscriptions/utils', () => ({
  getGitlabSignInURL: jest.fn().mockImplementation((path) => Promise.resolve(path)),
}));

describe('SubscriptionsList', () => {
  let wrapper;

  const createComponent = (propsData = {}, { provide } = {}) => {
    wrapper = shallowMountExtended(UserLink, {
      propsData,
      provide,
      stubs: {
        GlSprintf,
      },
    });
  };

  const findSignInLink = () => wrapper.findByTestId('sign-in-link');
  const findGitlabUserLink = () => wrapper.findByTestId('gitlab-user-link');
  const findSprintf = () => wrapper.findComponent(GlSprintf);

  afterEach(() => {
    wrapper.destroy();
  });

  describe.each`
    userSignedIn | hasSubscriptions | expectGlSprintf | expectGlLink
    ${true}      | ${false}         | ${true}         | ${false}
    ${false}     | ${true}          | ${false}        | ${true}
    ${true}      | ${true}          | ${true}         | ${false}
    ${false}     | ${false}         | ${false}        | ${false}
  `(
    'when `userSignedIn` is $userSignedIn and `hasSubscriptions` is $hasSubscriptions',
    ({ userSignedIn, hasSubscriptions, expectGlSprintf, expectGlLink }) => {
      it('renders template correctly', () => {
        createComponent({
          userSignedIn,
          hasSubscriptions,
        });

        expect(findSprintf().exists()).toBe(expectGlSprintf);
        expect(findSignInLink().exists()).toBe(expectGlLink);
      });
    },
  );

  describe('sign in link', () => {
    it('renders with correct href', async () => {
      const mockUsersPath = '/user';
      createComponent(
        {
          userSignedIn: false,
          hasSubscriptions: true,
        },
        { provide: { usersPath: mockUsersPath } },
      );

      await waitForPromises();

      expect(findSignInLink().exists()).toBe(true);
      expect(findSignInLink().attributes('href')).toBe(mockUsersPath);
    });
  });

  describe('gitlab user link', () => {
    window.gon = { current_username: 'root' };

    beforeEach(() => {
      createComponent(
        {
          userSignedIn: true,
          hasSubscriptions: true,
        },
        { provide: { gitlabUserPath: '/root' } },
      );
    });

    it('renders with correct href', () => {
      expect(findGitlabUserLink().attributes('href')).toBe('/root');
    });

    it('contains GitLab user handle', () => {
      expect(findGitlabUserLink().text()).toBe('@root');
    });
  });
});