fix(CDataTable): missing select perPageItems initial value

Author: xidedix

src/table/CDataTable.js

@@ -451,10 +451,8 @@ const CDataTable = props => {
               className="form-control"
               onChange={paginationChange}
               aria-label="changes number of visible items"
+              value={perPageItems}
             >
-              <option value="" disabled hidden>
-                {perPageItems}
-              </option>
               { paginationSelect.values.map((number, key)=>{
                 return (
                   <option

src/table/tests/CDataTable.test.js

@@ -7,7 +7,7 @@ import CDataTable from '../CDataTable'
 
 configure({ adapter: new Adapter() })
 
-describe('CPopover', () => {
+describe('CDataTable', () => {
     it('renders basic wrapper correctly', () => {
         const component = renderer.create(<CDataTable/>);
         let tree = component.toJSON();
@@ -73,4 +73,4 @@ describe('CPopover', () => {
     let tree = componentCustomized.toJSON();
     expect(tree).toMatchSnapshot()
   })
-})
+})

src/table/tests/__snapshots__/CDataTable.test.js.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`CPopover renders basic wrapper correctly 1`] = `
+exports[`CDataTable renders basic wrapper correctly 1`] = `
 Array [
   <div />,
   <div
@@ -44,7 +44,7 @@ Array [
 ]
 `;
 
-exports[`CPopover renders customized wrapper correctly 1`] = `
+exports[`CDataTable renders customized wrapper correctly 1`] = `
 Array [
   <div>
     <div
@@ -83,14 +83,8 @@ Array [
             aria-label="changes number of visible items"
             className="form-control"
             onChange={[Function]}
+            value={3}
           >
-            <option
-              disabled={true}
-              hidden={true}
-              value=""
-            >
-              3
-            </option>
             <option
               val={5}
             >