prometheus

1
import React from 'react';
2
import { shallow } from 'enzyme';
3
import AlertsContent from './AlertContents';
4

5
describe('AlertsContent', () => {
6
  const defaultProps = {
7
    groups: [],
8
    statsCount: {
9
      inactive: 0,
10
      pending: 0,
11
      firing: 0,
12
    },
13
  };
14
  const wrapper = shallow(<AlertsContent {...defaultProps} />);
15

16
  it('matches a snapshot', () => {
17
    expect(wrapper).toMatchSnapshot();
18
  });
19

20
  [
21
    { selector: '#inactive-toggler', propName: 'inactive' },
22
    { selector: '#pending-toggler', propName: 'pending' },
23
    { selector: '#firing-toggler', propName: 'firing' },
24
  ].forEach((testCase) => {
25
    it(`toggles the ${testCase.propName} checkbox from true to false when clicked and back to true when clicked again`, () => {
26
      expect(wrapper.find(testCase.selector).prop('checked')).toBe(true);
27
      wrapper.find(testCase.selector).simulate('change', { target: { checked: false } });
28
      expect(wrapper.find(testCase.selector).prop('checked')).toBe(false);
29
      wrapper.find(testCase.selector).simulate('change', { target: { checked: true } });
30
      expect(wrapper.find(testCase.selector).prop('checked')).toBe(true);
31
    });
32
  });
33

34
  it('toggles the "annotations" checkbox from false to true when clicked and back to false when clicked again', () => {
35
    expect(wrapper.find('#show-annotations-toggler').prop('checked')).toBe(false);
36
    wrapper.find('#show-annotations-toggler').simulate('change', { target: { checked: true } });
37
    expect(wrapper.find('#show-annotations-toggler').prop('checked')).toBe(true);
38
    wrapper.find('#show-annotations-toggler').simulate('change', { target: { checked: false } });
39
    expect(wrapper.find('#show-annotations-toggler').prop('checked')).toBe(false);
40
  });
41
});
42