66 lines
1.4 KiB
JavaScript
66 lines
1.4 KiB
JavaScript
/** @format */
|
|
/**
|
|
* External dependencies
|
|
*/
|
|
import { mount } from 'enzyme';
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
import { ReportChart } from '../';
|
|
import { getChartMode, getSelectedFilter } from '../utils';
|
|
|
|
const path = '/analytics/revenue';
|
|
const data = {
|
|
data: {
|
|
intervals: [],
|
|
},
|
|
isEmpty: false,
|
|
isError: false,
|
|
isRequesting: false,
|
|
};
|
|
const selectedChart = {
|
|
key: 'gross_revenue',
|
|
label: 'Gross Revenue',
|
|
type: 'currency',
|
|
};
|
|
|
|
describe( 'ReportChart', () => {
|
|
test( 'should set the time-comparison mode prop by default', () => {
|
|
const reportChart = mount(
|
|
<ReportChart
|
|
path={ path }
|
|
primaryData={ data }
|
|
query={ {} }
|
|
secondaryData={ data }
|
|
selectedChart={ selectedChart }
|
|
/>
|
|
);
|
|
const chart = reportChart.find( 'Chart' );
|
|
|
|
expect( chart.props().mode ).toEqual( 'time-comparison' );
|
|
} );
|
|
|
|
test( 'should set the mode prop depending on the active filter', () => {
|
|
const filters = [
|
|
{
|
|
param: 'filter',
|
|
showFilters: () => true,
|
|
filters: [
|
|
{
|
|
value: 'lorem-ipsum',
|
|
chartMode: 'item-comparison',
|
|
settings: {
|
|
param: 'filter2',
|
|
},
|
|
},
|
|
],
|
|
},
|
|
];
|
|
const query = { filter: 'lorem-ipsum', filter2: 'ipsum-lorem' };
|
|
const selectedFilter = getSelectedFilter( filters, query );
|
|
const mode = getChartMode( selectedFilter, query );
|
|
expect( mode ).toEqual( 'item-comparison' );
|
|
} );
|
|
} );
|