import React from 'react'; import { render, mount } from 'enzyme'; import { Col, Row } from '..'; jest.mock('enquire.js', () => { let that; let unmatchFun; return { unregister: jest.fn(), register: (media, options) => { if (media === '(max-width: 575px)') { that = this; options.match.call(that); unmatchFun = options.unmatch; } }, callunmatch() { unmatchFun.call(that); }, }; }); describe('Grid', () => { it('should render Col', () => { const wrapper = render(); expect(wrapper).toMatchSnapshot(); }); it('should render Row', () => { const wrapper = render(); expect(wrapper).toMatchSnapshot(); }); it('when typeof getGutter is object', () => { const wrapper = mount(); expect(wrapper.instance().getGutter()).toBe(8); wrapper.unmount(); }); it('renders wrapped Col correctly', () => { const MyCol = () => ; const wrapper = render(
, ); expect(wrapper).toMatchSnapshot(); }); it('when component has been unmounted, componentWillUnmount should be called', () => { const wrapper = mount(); const willUnmount = jest.spyOn(wrapper.instance(), 'componentWillUnmount'); wrapper.unmount(); expect(willUnmount).toHaveBeenCalled(); }); it('should work correct when gutter is object', () => { // eslint-disable-next-line global-require const enquire = require('enquire.js'); const wrapper = mount(); expect(wrapper.find('div').prop('style')).toEqual({ marginLeft: -10, marginRight: -10, }); enquire.callunmatch(); expect( wrapper .update() .find('div') .prop('style'), ).toEqual(undefined); wrapper.unmount(); expect(enquire.unregister).toHaveBeenCalled(); }); });