woocommerce/plugins/woocommerce-admin/client/analytics/components/report-chart/test/index.js

66 lines
1.4 KiB
JavaScript
Raw Normal View History

/** @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' );
} );
} );