web-ui/src/common/snackbar_notification/snackbar_notification.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

import { shallow } from 'enzyme';
import expect from 'expect';
import React from 'react';
import SnackbarNotification from 'src/common/snackbar_notification/snackbar_notification';
import Snackbar from 'material-ui/Snackbar';
import { red500 } from 'material-ui/styles/colors';

describe('SnackbarNotification', () => {
  let snackbarNotification;

  beforeEach(() => {
    snackbarNotification = shallow(<SnackbarNotification message={'Error Message'} isError />);
  });

  it('renders snackbar with error message', () => {
    expect(snackbarNotification.find(Snackbar).props().message).toEqual('Error Message');
  });

  it('renders snackbar with open as true', () => {
    expect(snackbarNotification.find(Snackbar).props().open).toEqual(true);
  });

  it('renders snackbar with error body style', () => {
    expect(snackbarNotification.find(Snackbar).props().bodyStyle)
      .toEqual({ height: 'auto', backgroundColor: red500 });
  });

  it('renders snackbar with default auto-hide duration', () => {
    expect(snackbarNotification.find(Snackbar).props().autoHideDuration).toEqual(5000);
  });
});