refine #78

packages/react-bootstrap-table2-example/stories/index.js

@@ -9,7 +9,7 @@ import BasicTable from 'examples/basic';
 import BorderlessTable from 'examples/basic/borderless-table';
 import StripHoverCondensedTable from 'examples/basic/striped-hover-condensed-table';
 import NoDataTable from 'examples/basic/no-data-table';
-import TableWithCaption from 'examples/basic/table-with-caption';
+import CaptionTable from 'examples/basic/caption-table';
 
 // work on columns
 import NestedDataTable from 'examples/columns/nested-data-table';
@@ -63,7 +63,7 @@ storiesOf('Basic Table', module)
  .add('striped, hover, condensed table', () => <StripHoverCondensedTable />)
  .add('borderless table', () => <BorderlessTable />)
  .add('Indication For Empty Table', () => <NoDataTable />)
- .add('Table with caption', () => <TableWithCaption />);
+ .add('Table with caption', () => <CaptionTable />);
 
 storiesOf('Work on Columns', module)
  .add('Display Nested Data', () => <NestedDataTable />)

packages/react-bootstrap-table2/test/bootstrap-table.test.js

@@ -2,6 +2,7 @@ import React from 'react';
 import sinon from 'sinon';
 import { shallow } from 'enzyme';
 
+import Caption from '../src/caption';
 import Header from '../src/header';
 import Body from '../src/body';
 import BootstrapTable from '../src/bootstrap-table';
@@ -91,10 +92,19 @@ describe('BootstrapTable', () => {
 
  describe('when table should have a caption', () => {
  beforeEach(() => {
- wrapper = shallow(<BootstrapTable caption={<span className="table-caption">test</span>} keyField="id" columns={ columns } data={ data } bordered={ false } />);
+ wrapper = shallow(
+ <BootstrapTable
+ caption={ <span className="table-caption">test</span> }
+ keyField="id"
+ columns={ columns }
+ data={ data }
+ bordered={ false }
+ />
+ );
  });
 
- it('should render caption', () => {
+ it('should render caption correctly', () => {
+ expect(wrapper.find(Caption).length).toBe(1);
  expect(wrapper.find('.table-caption').length).toBe(1);
  });
  });