spec/frontend/google_cloud/components/google_cloud_menu_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

import { mountExtended } from 'helpers/vue_test_utils_helper';
import GoogleCloudMenu from '~/google_cloud/components/google_cloud_menu.vue';

describe('google_cloud/components/google_cloud_menu', () => {
  let wrapper;

  const props = {
    active: 'configuration',
    configurationUrl: 'configuration-url',
    deploymentsUrl: 'deployments-url',
    databasesUrl: 'databases-url',
  };

  beforeEach(() => {
    wrapper = mountExtended(GoogleCloudMenu, { propsData: props });
  });

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

  it('contains active configuration link', () => {
    const link = wrapper.findByTestId('configurationLink');
    expect(link.text()).toBe(GoogleCloudMenu.i18n.configuration.title);
    expect(link.attributes('href')).toBe(props.configurationUrl);
    expect(link.element.classList.contains('gl-tab-nav-item-active')).toBe(true);
  });

  it('contains deployments link', () => {
    const link = wrapper.findByTestId('deploymentsLink');
    expect(link.text()).toBe(GoogleCloudMenu.i18n.deployments.title);
    expect(link.attributes('href')).toBe(props.deploymentsUrl);
  });

  it('contains databases link', () => {
    const link = wrapper.findByTestId('databasesLink');
    expect(link.text()).toBe(GoogleCloudMenu.i18n.databases.title);
    expect(link.attributes('href')).toBe(props.databasesUrl);
  });
});