Merge pull request #17 from materialr/feature/extra-props

feat: add extra props that are passed in

src/index.jsx

@@ -53,7 +53,19 @@ class Button extends React.Component {
   render() {
     const {
       getClassNames,
-      props: { children, disabled, onClick, type },
+      props: {
+        children,
+        className,
+        dense,
+        disabled,
+        onClick,
+        outlined,
+        raised,
+        ripple,
+        type,
+        unelevated,
+        ...props
+      },
     } = this;
     return (
       <button
@@ -62,6 +74,7 @@ class Button extends React.Component {
         onClick={onClick}
         ref={(elementRoot) => { this.elementRoot = elementRoot; }}
         type={type}
+        {...props}
       >
         {children}
       </button>

src/index.test.jsx

@@ -184,3 +184,16 @@ test('Makes no change when the ripple prop doesn\'t change', () => {
   expect(actualDestroy).toBe(expectedDestroy);
   expect(actualMDCRipple).toBe(expectedMDCRipple);
 });
+
+test('Adds extra properties that are passed in', () => {
+  const DATA_QA = 'DATA_QA';
+  const wrapper = shallow(
+    <Button data-qa={DATA_QA}>{CHILDREN}</Button>,
+    { disableLifecycleMethods: true },
+  );
+  const expected = DATA_QA;
+
+  const actual = wrapper.props()['data-qa'];
+
+  expect(actual).toBe(expected);
+});