Added test for LineChartCard

This commit is contained in:
Alejandro Celaya 2020-05-30 10:41:46 +02:00
parent a42f5ab13e
commit c5cb0dcb26
2 changed files with 70 additions and 16 deletions

View file

@ -23,22 +23,10 @@ const propTypes = {
};
const steps = [
{
value: 'monthly',
menuText: 'Month',
},
{
value: 'weekly',
menuText: 'Week',
},
{
value: 'daily',
menuText: 'Day',
},
{
value: 'hourly',
menuText: 'Hour',
},
{ value: 'monthly', menuText: 'Month' },
{ value: 'weekly', menuText: 'Week' },
{ value: 'daily', menuText: 'Day' },
{ value: 'hourly', menuText: 'Hour' },
];
const STEP_TO_DATE_FORMAT = {

View file

@ -0,0 +1,66 @@
import React from 'react';
import { shallow } from 'enzyme';
import { CardHeader, DropdownItem } from 'reactstrap';
import { Line } from 'react-chartjs-2';
import LineChartCard from '../../../src/visits/helpers/LineChartCard';
describe('<LineCHartCard />', () => {
let wrapper;
const createWrapper = (visits = [], highlightedVisits = []) => {
wrapper = shallow(<LineChartCard title="Cool title" visits={visits} highlightedVisits={highlightedVisits} />);
return wrapper;
};
afterEach(() => wrapper && wrapper.unmount());
it('renders provided title', () => {
const wrapper = createWrapper();
const header = wrapper.find(CardHeader);
expect(header.html()).toContain('Cool title');
});
it('renders group menu and selects active grouping item', () => {
const wrapper = createWrapper();
const items = wrapper.find(DropdownItem);
expect(items).toHaveLength(4);
expect(items.at(0).prop('children')).toEqual('Month');
expect(items.at(0).prop('active')).toEqual(true);
expect(items.at(1).prop('children')).toEqual('Week');
expect(items.at(1).prop('active')).toEqual(false);
expect(items.at(2).prop('children')).toEqual('Day');
expect(items.at(2).prop('active')).toEqual(false);
expect(items.at(3).prop('children')).toEqual('Hour');
expect(items.at(3).prop('active')).toEqual(false);
});
it('renders chart with expected options', () => {
const wrapper = createWrapper();
const chart = wrapper.find(Line);
expect(chart.prop('options')).toEqual({
maintainAspectRatio: false,
legend: { display: false },
scales: {
yAxes: [
{
ticks: { beginAtZero: true, precision: 0 },
},
],
},
});
});
it.each([
[[{}], [], 1 ],
[[{}], [{}], 2 ],
])('renders chart with expected data', (visits, highlightedVisits, expectedLines) => {
const wrapper = createWrapper(visits, highlightedVisits);
const chart = wrapper.find(Line);
const { datasets } = chart.prop('data');
expect(datasets).toHaveLength(expectedLines);
});
});