GridContainer full / fluid generates render warning from React (#55) (#…

…56)
digiaonline · Mar 2, 2018 · 9348c54 · 9348c54
1 parent bd04998
commit 9348c54
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/src/components/xy-grid.js b/src/components/xy-grid.js
@@ -20,7 +20,7 @@ export const GridContainer = (props) => {
     generalClassNames(props)
   );
 
-  const passProps = removeProps(props, objectKeys(Grid.propTypes));
+  const passProps = removeProps(props, objectKeys(GridContainer.propTypes));
 
   return <div {...passProps} className={className}/>;
 };

diff --git a/test/components/xy-grid-spec.js b/test/components/xy-grid-spec.js
@@ -1,7 +1,7 @@
 import React from 'react';
-import { render } from 'enzyme';
+import { render, shallow } from 'enzyme';
 import { expect } from 'chai';
-import { GutterTypes, ExtendedBreakpoints } from '../../src/enums'
+import { GutterTypes, ExtendedBreakpoints } from '../../src/enums';
 import { GridContainer, Grid, Cell } from '../../src/components/xy-grid';
 
 describe('GridContainer component', () => {
@@ -27,15 +27,16 @@ describe('GridContainer component', () => {
   });
 
   it('sets fluid', () => {
-    const component = render(<GridContainer fluid/>);
+    const component = shallow(<GridContainer fluid/>);
     expect(component).to.have.className('fluid');
+    expect(component).to.not.have.prop('fluid');
   });
 
   it('sets full', () => {
-    const component = render(<GridContainer full/>);
+    const component = shallow(<GridContainer full/>);
     expect(component).to.have.className('full');
+    expect(component).to.not.have.prop('full');
   });
-
 });
 
 describe('Grid component', () => {