update breadcrumb spread

src/Breadcrumb/Breadcrumb.js

@@ -2,9 +2,8 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { BrowserRouter, Link } from 'react-router-dom';
 
-export const Breadcrumb = props => {
-    const { children } = props;
-    return <ul className='fd-breadcrumb'>{children}</ul>;
+export const Breadcrumb = ({ children, ...props }) => {
+    return <ul className='fd-breadcrumb' {...props}>{children}</ul>;
 };
 
 Breadcrumb.propTypes = {

src/Breadcrumb/Breadcrumb.test.js

@@ -36,8 +36,12 @@ describe('<Breadcrumb />', () => {
     });
 
     describe('Prop spreading', () => {
-        xtest('should allow props to be spread to the Breadcrumb component', () => {
-            // TODO: placeholder for this test description once that functionality is built
+        test('should allow props to be spread to the Breadcrumb component', () => {
+            const element = mount(<Breadcrumb data-sample='Sample' />);
+
+            expect(
+                element.getDOMNode().attributes['data-sample'].value
+            ).toBe('Sample');
         });
 
         test('should allow props to be spread to the BreadcrumbItem component', () => {

src/Breadcrumb/__snapshots__/Breadcrumb.test.js.snap

@@ -2,7 +2,7 @@
 
 exports[`<Breadcrumb /> create breadcrumbs using router links 1`] = `
 <ul
-  className="fd-breadcrumb"
+  className="blue"
 >
   <li
     className="fd-breadcrumb__item blue"