woocommerce/plugins/woocommerce-admin/client/components/chart/d3-base/test/index.js

51 lines
1.4 KiB
JavaScript
Raw Normal View History

2018-05-22 13:00:06 +00:00
/**
* External dependencies
*
* @format
*/
import { shallow, mount } from 'enzyme';
import { noop } from 'lodash';
/**
* Internal dependencies
*/
import D3Base from '../index';
describe( 'D3base', () => {
const shallowWithoutLifecycle = arg => shallow( arg, { disableLifecycleMethods: true } );
test( 'should have d3Base class', () => {
const base = shallowWithoutLifecycle( <D3Base drawChart={ noop } getParams={ noop } /> );
expect( base.find( '.d3-base' ) ).toHaveLength( 1 );
} );
test( 'should render an svg', () => {
const getParams = () => ( { width: 100, height: 100 } );
const base = mount( <D3Base drawChart={ noop } getParams={ getParams } /> );
2018-05-22 13:00:06 +00:00
expect( base.render().find( 'svg' ) ).toHaveLength( 1 );
} );
test( 'should render a result of the drawChart prop', () => {
const drawChart = svg => {
2018-05-22 13:00:06 +00:00
return svg.append( 'circle' );
};
const getParams = () => ( {
width: 100,
height: 100,
} );
const base = mount( <D3Base drawChart={ drawChart } getParams={ getParams } /> );
2018-05-22 13:00:06 +00:00
expect( base.render().find( 'circle' ) ).toHaveLength( 1 );
} );
test( 'should pass a property of getParams output to drawChart function', () => {
const getParams = () => ( {
tagName: 'circle',
} );
const drawChart = ( svg, params ) => {
2018-05-22 13:00:06 +00:00
return svg.append( params.tagName );
};
const base = mount( <D3Base drawChart={ drawChart } getParams={ getParams } /> );
expect( base.render().find( 'circle' ) ).toHaveLength( 1 );
} );
} );