48 lines
1.4 KiB
JavaScript
48 lines
1.4 KiB
JavaScript
/**
|
|
* 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 base = mount( <D3Base drawChart={ noop } getParams={ noop } /> );
|
|
expect( base.render().find( 'svg' ) ).toHaveLength( 1 );
|
|
} );
|
|
|
|
test( 'should render a result of the drawChart prop', () => {
|
|
const drawChart = node => {
|
|
const svg = node.select( 'svg' );
|
|
return svg.append( 'circle' );
|
|
};
|
|
const base = mount( <D3Base drawChart={ drawChart } getParams={ noop } /> );
|
|
expect( base.render().find( 'circle' ) ).toHaveLength( 1 );
|
|
} );
|
|
|
|
test( 'should pass a property of getParams output to drawChart function', () => {
|
|
const getParams = () => ( {
|
|
tagName: 'circle',
|
|
} );
|
|
const drawChart = ( node, params ) => {
|
|
const svg = node.select( 'svg' );
|
|
return svg.append( params.tagName );
|
|
};
|
|
const base = mount( <D3Base drawChart={ drawChart } getParams={ getParams } /> );
|
|
expect( base.render().find( 'circle' ) ).toHaveLength( 1 );
|
|
} );
|
|
} );
|