feat(AlertCallContainer): allow props to be passed to outer div

momentum-design · Jun 25, 2019 · 9c2657c · 9c2657c
1 parent 8ba0b07
commit 9c2657c
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/react/src/lib/AlertCallContainer/index.js b/react/src/lib/AlertCallContainer/index.js
@@ -4,10 +4,16 @@ import React from 'react';
 import PropTypes from 'prop-types';
 
 const AlertCallContainer = props => {
-  const {alertList} = props;
+  const {
+    alertList,
+    ...otherProps
+  } = props;
 
   return (
-    <div className='md-alert__container md-alert__container--call'>
+    <div 
+      className='md-alert__container md-alert__container--call'
+      {...otherProps}
+    >
       {alertList}
     </div>
   );

diff --git a/react/src/lib/AlertCallContainer/tests/index.spec.js b/react/src/lib/AlertCallContainer/tests/index.spec.js
@@ -74,4 +74,10 @@ describe('tests for <AlertCallContainer />', () => {
 
     expect(container.find(AlertCall).length).toEqual(2);
   });
+
+  it('should pass otherProps to container', () => {
+    const container = shallow(<AlertCallContainer id='testid'/>);
+
+    expect(container.find('#testid').exists()).toEqual(true);
+  });
 });