feat(card): support data attributes (#514)

Author: montezume

src/components/card/card.js

@@ -1,10 +1,12 @@
 import PropTypes from 'prop-types';
 import React from 'react';
 import { css } from '@emotion/core';
+import filterDataAttributes from '../../utils/filter-data-attributes';
 import vars from '../../../materials/custom-properties';
 
 const Card = props => (
   <div
+    {...filterDataAttributes(props)}
     css={[
       css`
         display: flex;

src/components/card/card.spec.js

@@ -6,3 +6,8 @@ it('should render children', () => {
   const { container } = render(<Card>Bread</Card>);
   expect(container).toHaveTextContent('Bread');
 });
+
+it('should pass data attributes', () => {
+  const { container } = render(<Card data-testid="hefe">Bread</Card>);
+  expect(container.querySelector("[data-testid='hefe']")).toBeInTheDocument();
+});