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