refactor(Icon): Refactor Icon tests using enzyme

src/Icon/__tests__/Icon-test.js

@@ -0,0 +1,32 @@
+/* eslint-env mocha */
+import chai, { expect } from 'chai';
+import chaiEnzyme from 'chai-enzyme';
+import { shallow } from 'enzyme';
+import React from 'react';
+import Icon from '../';
+
+chai.use(chaiEnzyme());
+
+describe('Icon', () => {
+    it('should be a <i>', () => {
+        const wrapper = shallow(<Icon name="add" />);
+
+        expect(wrapper)
+            .to.have.tagName('i')
+            .to.have.text('add');
+    });
+
+    it('should have material-icons css class', () => {
+        const wrapper = shallow(<Icon name="add" />);
+
+        expect(wrapper).to.have.className('material-icons');
+    });
+
+    it('should allow custom css classes', () => {
+        const wrapper = shallow(<Icon name="mood" className="my-custom-class" />);
+
+        expect(wrapper)
+            .to.have.className('material-icons')
+            .to.have.className('my-custom-class');
+    });
+});

src/Icon.js → src/Icon/index.js

@@ -1,16 +1,18 @@
 import React, { PropTypes } from 'react';
 import classNames from 'classnames';
 
+const propTypes = {
+    className: PropTypes.string,
+    name: PropTypes.string.isRequired
+};
+
 const Icon = (props) => {
     const { className, name, ...otherProps } = props;
     const classes = classNames('material-icons', className);
 
     return <i className={classes} {...otherProps}>{name}</i>;
 };
 
-Icon.propTypes = {
-    className: PropTypes.string,
-    name: PropTypes.string.isRequired
-};
+Icon.propTypes = propTypes;
 
 export default Icon;