feat(PopoverTitle): add component

cbfx · cbfx · commit bdf66237a0d3 · 2016-03-10T01:08:19.000-06:00
diff --git a/lib/PopoverTitle.jsx b/lib/PopoverTitle.jsx
@@ -0,0 +1,37 @@
+import React, { PropTypes } from 'react';
+import classNames from 'classnames';
+
+const propTypes = {};
+
+const defaultProps = {};
+
+class PopoverTitle extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    const {
+      children,
+      className,
+      ...attributes
+    } = this.props;
+
+    const classes = classNames(
+      className,
+      'popover-title'
+    );
+
+    return (
+      <h3 {...attributes}
+        className={classes}>
+        {children}
+      </h3>
+    );
+  }
+}
+
+PopoverTitle.propTypes = propTypes;
+PopoverTitle.defaultProps = defaultProps;
+
+export default PopoverTitle;
diff --git a/lib/index.js b/lib/index.js
@@ -7,6 +7,7 @@ import DropdownItem from './DropdownItem';
 import DropdownMenu from './DropdownMenu';
 import DropdownToggle from './DropdownToggle';
 import Label from './Label';
+import PopoverTitle from './PopoverTitle';
 import TetherContent from './TetherContent';
 import Tooltip from './Tooltip';
 
@@ -20,6 +21,7 @@ export {
   DropdownMenu,
   DropdownToggle,
   Label,
+  PopoverTitle,
   TetherContent,
   Tooltip
 };
diff --git a/test/PopoverTitle.spec.js b/test/PopoverTitle.spec.js
@@ -0,0 +1,13 @@
+/* eslint react/no-multi-comp: 0, react/prop-types: 0 */
+import React from 'react';
+import { shallow, mount } from 'enzyme';
+import { PopoverTitle } from '../lib';
+
+describe('PopoverTitle', () => {
+  it('should render children', () => {
+    const wrapper = shallow(<PopoverTitle>Ello world</PopoverTitle>);
+
+    expect(wrapper.text()).toBe('Ello world');
+    expect(wrapper.hasClass('popover-title')).toBe(true);
+  });
+});
