spec/frontend/maintenance_mode_settings/components/app_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
41
42

import { shallowMount } from '@vue/test-utils';
import { GlToggle, GlFormTextarea, GlButton } from '@gitlab/ui';
import MaintenanceModeSettingsApp from '~/maintenance_mode_settings/components/app.vue';

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

  const createComponent = () => {
    wrapper = shallowMount(MaintenanceModeSettingsApp);
  };

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

  const findMaintenanceModeSettingsContainer = () => wrapper.find('article');
  const findGlToggle = () => wrapper.find(GlToggle);
  const findGlFormTextarea = () => wrapper.find(GlFormTextarea);
  const findGlButton = () => wrapper.find(GlButton);

  describe('template', () => {
    beforeEach(() => {
      createComponent();
    });

    it('renders the Maintenance Mode Settings container', () => {
      expect(findMaintenanceModeSettingsContainer().exists()).toBe(true);
    });

    it('renders the GlToggle', () => {
      expect(findGlToggle().exists()).toBe(true);
    });

    it('renders the GlFormTextarea', () => {
      expect(findGlFormTextarea().exists()).toBe(true);
    });

    it('renders the GlButton', () => {
      expect(findGlButton().exists()).toBe(true);
    });
  });
});