spec/frontend/kubernetes_dashboard/components/page_title_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

import { shallowMount } from '@vue/test-utils';
import { GlIcon, GlSprintf } from '@gitlab/ui';
import PageTitle from '~/kubernetes_dashboard/components/page_title.vue';

const agent = {
  name: 'my-agent',
  id: '123',
};

let wrapper;

const createWrapper = () => {
  wrapper = shallowMount(PageTitle, {
    provide: {
      agent,
    },
    stubs: { GlSprintf },
  });
};

const findIcon = () => wrapper.findComponent(GlIcon);

describe('Page title component', () => {
  it('renders Kubernetes agent icon', () => {
    createWrapper();

    expect(findIcon().props('name')).toBe('kubernetes-agent');
  });

  it('renders agent information', () => {
    createWrapper();

    expect(wrapper.text()).toMatchInterpolatedText('Agent my-agent ID #123');
  });
});