Add optional className prop (#25)

Author: lgeiger

src/index.js

@@ -71,7 +71,7 @@ function inlineBundleToReact(bundle, key) {
 function Ansi(props) {
   return React.createElement(
     'code',
-    {},
+    {className: props.className},
     props.linkify
       ? ansiToInlineStyle(props.children)
         .map(linkifyBundle)
@@ -82,6 +82,7 @@ function Ansi(props) {
 
 Ansi.propTypes = {
   children: PropTypes.string,
+  className: PropTypes.string
 };
 
 module.exports = Ansi;

test/index-spec.js

@@ -21,6 +21,13 @@ describe('Ansi', () => {
     expect(el.html()).to.equal('<code><span>hello </span><span style="color:rgb(0, 187, 0);">world</span></code>');
   });
 
+  it('can have className', () => {
+    const el = enzyme.shallow(React.createElement(Ansi, {className: 'my-class'}, `hello world`));
+    expect(el).to.not.be.null;
+    expect(el.text()).to.equal('hello world');
+    expect(el.html()).to.equal('<code class="my-class"><span>hello world</span></code>');
+  });
+
   it('can nest', () => {
     const el = enzyme.shallow(React.createElement(Ansi, null, `hello ${GREEN_FG}wo${YELLOW_BG}rl${RESET}d`));
     expect(el).to.not.be.null;
@@ -33,20 +40,20 @@ describe('Ansi', () => {
     expect(el).to.not.be.null;
     expect(el.text()).to.equal('that sentence\nwill make you pause');
   });
-  
+
   it('can linkify', () => {
     const el = enzyme.shallow(React.createElement(Ansi, {linkify: true}, 'this is a link: https://nteract.io/'));
     expect(el).to.not.be.null;
     expect(el.text()).to.equal('this is a link: https://nteract.io/');
     expect(el.html()).to.equal('<code><span>this is a link: <a href="https://nteract.io/" target="_blank">https://nteract.io/</a></span></code>');
   });
-  
+
   it('can distinguish URL-ish text', () => {
     const el = enzyme.shallow(React.createElement(Ansi, {linkify: true}, '<transport.model.TransportInfo'));
     expect(el).to.not.be.null;
     expect(el.text()).to.equal('<transport.model.TransportInfo');
   });
-  
+
   it('can distinguish URL-ish text', () => {
     const el = enzyme.shallow(React.createElement(Ansi, {linkify: true}, "<module 'something' from '/usr/local/lib/python2.7/dist-packages/something/__init__.pyc'>"));
     expect(el).to.not.be.null;