feat(Label): add component

cbfx · cbfx · commit 28d3edf965f4 · 2016-03-09T21:45:20.000-06:00
diff --git a/lib/Label.jsx b/lib/Label.jsx
@@ -0,0 +1,47 @@
+import React, { PropTypes } from 'react';
+import classNames from 'classnames';
+
+const propTypes = {
+  color: PropTypes.string,
+  pill: PropTypes.bool
+};
+
+const defaultProps = {
+  color: 'default',
+  pill: false
+};
+
+class Label extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    const {
+      children,
+      className,
+      color,
+      pill,
+      ...attributes
+    } = this.props;
+
+    const classes = classNames(
+      className,
+      'label',
+      'label-' + color,
+      pill ? 'label-pill' : false
+    );
+
+    return (
+      <span {...attributes}
+        className={classes}>
+        {children}
+      </span>
+    );
+  }
+}
+
+Label.propTypes = propTypes;
+Label.defaultProps = defaultProps;
+
+export default Label;
diff --git a/test/Label.spec.js b/test/Label.spec.js
@@ -0,0 +1,24 @@
+/* eslint react/no-multi-comp: 0, react/prop-types: 0 */
+import React from 'react';
+import { shallow } from 'enzyme';
+import { Label } from '../lib';
+
+describe('Label', () => {
+  it('should render children', () => {
+    const wrapper = shallow(<Label>Yo!</Label>);
+
+    expect(wrapper.text()).toBe('Yo!');
+  });
+
+  it('should render labels with default color', () => {
+    const wrapper = shallow(<Label>Default Label</Label>);
+
+    expect(wrapper.hasClass('label-default')).toBe(true);
+  });
+
+  it('should render Labels with other colors', () => {
+    const wrapper = shallow(<Label color="danger">Danger Label</Label>);
+
+    expect(wrapper.hasClass('label-danger')).toBe(true);
+  });
+});
