blob: 90c7cf5d8b4880576e61f594c73187b23280aec0 (
plain)
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 React from 'react';
import { ClipLoader } from 'react-spinners';
import { mount } from 'enzyme';
import SpinnerContainer from 'utils/SpinnerContainer.jsx';
import {COLOR_BLUE} from 'utils/GlobalConstants';
describe('SpinnerContainer', () => {
it('render spinner - visible', () => {
const spinner = mount(
<SpinnerContainer loading={true}>
<div className='test-div'>Testing Spinner Child</div>
<div className='test-div'>Testing Spinner Child</div>
</SpinnerContainer>
);
expect(spinner.props().loading).toEqual(true); // check that the props match
expect(spinner.find(ClipLoader)).toHaveLength(1); // ensure the ClipLoader is mounted
expect(spinner.find(ClipLoader).props().color).toEqual(COLOR_BLUE); // ensure spinner is blue
expect(spinner.find(ClipLoader).props().loading).toEqual(true); // ensure spinner is showing
expect(spinner.find('div.spinner-content')).toHaveLength(1); // ensure the children are grayed out
expect(spinner.find('div.spinner-content').children()).toHaveLength(2); // ensure number of children is accurate
});
it('render spinner - not visible', () => {
const spinner = mount(
<SpinnerContainer loading={false}>
<div className='test-div'>Testing Spinner</div>
</SpinnerContainer>
);
expect(spinner.props().loading).toEqual(false);
expect(spinner.find(ClipLoader)).toHaveLength(1);
expect(spinner.find(ClipLoader).props().loading).toEqual(false); // ensure spinner is not showing
expect(spinner.find('div.spinner-content')).toHaveLength(0);
});
})
|
