vhad/react-bootstrap-table2
1
0
Fork 0
mirror of https://github.com/gosticks/react-bootstrap-table2.git synced 2025-10-16 11:55:39 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Allen/feature 9 (#10)

Browse Source 
Fix #9
This commit is contained in:
Allen 2017-08-20 01:43:24 -05:00 committed by GitHub
parent 5b7a891b25
commit 6b7d1f9aa2
3 changed files with 73 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
package.json
View File

@ -45,6 +45,7 @@
"webpack-dev-server": "^2.7.1"
},
"dependencies": {
"classnames": "^2.2.5",
"prop-types": "^15.5.10",
"react": "^15.6.1",
"react-dom": "^15.6.1"

30
packages/react-bootstrap-table2/src/bootstrap-table.js vendored
View File

@ -1,5 +1,6 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import cs from 'classnames';
import Header from './header';
import Body from './body';
@ -12,10 +13,25 @@ class BootstrapTable extends storeBase(Component) {
}
render() {
const { columns, keyField } = this.props;
const {
columns,
keyField,
striped,
hover,
bordered,
condensed
} = this.props;
const tableClass = cs('table', {
'table-striped': striped,
'table-hover': hover,
'table-bordered': bordered,
'table-condensed': condensed
});
return (
<div className="react-bootstrap-table-container">
<table className="table">
<table className={ tableClass }>
<Header columns={ columns } />
<Body
data={ this.data }
@ -31,7 +47,15 @@ class BootstrapTable extends storeBase(Component) {
BootstrapTable.propTypes = {
keyField: PropTypes.string.isRequired,
data: PropTypes.array.isRequired,
columns: PropTypes.array.isRequired
columns: PropTypes.array.isRequired,
striped: PropTypes.bool
};
BootstrapTable.defaultProps = {
striped: false,
bordered: true,
hover: false,
condensed: false
};
export default BootstrapTable;

46
packages/react-bootstrap-table2/test/bootstrap-table.test.js vendored
View File

@ -30,10 +30,54 @@ describe('BootstrapTable', () => {
it('should render successfully', () => {
expect(wrapper.length).toBe(1);
expect(wrapper.find('table').length).toBe(1);
expect(wrapper.find('table.table').length).toBe(1);
expect(wrapper.find(Header).length).toBe(1);
expect(wrapper.find(Body).length).toBe(1);
expect(wrapper.find('.react-bootstrap-table-container').length).toBe(1);
});
it('should have table-bordered class as default', () => {
expect(wrapper.find('table.table-bordered').length).toBe(1);
});
});
describe('when hover is true', () => {
beforeEach(() => {
wrapper = shallow(<BootstrapTable keyField="id" columns={ columns } data={ data } hover />);
});
it('should have table-hover class on table', () => {
expect(wrapper.find('table.table-hover').length).toBe(1);
});
});
describe('when striped is true', () => {
beforeEach(() => {
wrapper = shallow(<BootstrapTable keyField="id" columns={ columns } data={ data } striped />);
});
it('should have table-striped class on table', () => {
expect(wrapper.find('table.table-striped').length).toBe(1);
});
});
describe('when condensed is true', () => {
beforeEach(() => {
wrapper = shallow(<BootstrapTable keyField="id" columns={ columns } data={ data } condensed />);
});
it('should have table-condensed class on table', () => {
expect(wrapper.find('table.table-condensed').length).toBe(1);
});
});
describe('when bordered is false', () => {
beforeEach(() => {
wrapper = shallow(<BootstrapTable keyField="id" columns={ columns } data={ data } bordered={ false } />);
});
it('should not have table-condensed class on table', () => {
expect(wrapper.find('table.table-condensed').length).toBe(0);
});
});
});