src/components/Table/Table.test.jsx
import React from 'react';import { mount } from 'enzyme'; import Table from './Table'; describe('Render Table without data', () => { const tableData = { columns: [], data: [], }; const wrapper = mount(<Table {...tableData} />);Similar blocks of code found in 2 locations. Consider refactoring. it('Should be rendered an empty without columns and data', () => { expect(wrapper.find('table').length).toEqual(1); expect(wrapper.find('tbody tr').length).toEqual(0); expect(wrapper.find('thead tr th').length).toEqual(0); }); it('Should be rendered no data alert message', () => { expect(wrapper.find('div.no-data').text()).toEqual('Warning! No data'); }); const tableData2 = { columns: [{ name: 'first' }, { name: 'second' }, { name: 'third' }], data: [], }; it('Should be rendered head with 4 columns', () => { const wrapper2 = mount(<Table {...tableData2} />); expect(wrapper2.find('table').length).toEqual(1); expect(wrapper2.find('tbody tr').length).toEqual(0); expect(wrapper2.find('thead tr th').length).toEqual(4); });}); describe('Render Table with data', () => {Similar blocks of code found in 2 locations. Consider refactoring. const tableData = { columns: [{ name: 'first' }, { name: 'second' }, { name: 'third' }], data: [ { id: 101, first: 1, second: 2, third: 3, }, { id: 102, first: 4, second: 5, third: 6, }, { id: 103, first: 5, second: 6, third: 7, }, ], }; const wrapper = mount(<Table {...tableData} />); it('Shouldn\'t be rendered no data message', () => { expect(wrapper.find('div.no-data').length).toEqual(0); }); Similar blocks of code found in 2 locations. Consider refactoring. it('Should be rendered with 4 columns and 3 rows', () => { expect(wrapper.find('table').length).toEqual(1); expect(wrapper.find('tbody tr').length).toEqual(3); expect(wrapper.find('thead tr th').length).toEqual(4); });});