CarouselCaptionSpec.js

import React from 'react';
import ReactDOM from 'react-dom';
import ReactTestUtils from 'react-dom/test-utils';

import Carousel from '../src/Carousel';

describe('<Carousel.Caption>', () => {
  it('uses "div" by default', () => {
    let instance = ReactTestUtils.renderIntoDocument(<Carousel.Caption />);

    assert.equal(ReactDOM.findDOMNode(instance).nodeName, 'DIV');
  });

  it('has "carousel-caption" class', () => {
    let instance = ReactTestUtils.renderIntoDocument(
      <Carousel.Caption>Carousel.Caption content</Carousel.Caption>
    );
    assert.equal(ReactDOM.findDOMNode(instance).className, 'carousel-caption');
  });

  it('Should merge additional classes passed in', () => {
    let instance = ReactTestUtils.renderIntoDocument(
      <Carousel.Caption className="bob" />
    );
    assert.ok(ReactDOM.findDOMNode(instance).className.match(/\bbob\b/));
    assert.ok(
      ReactDOM.findDOMNode(instance).className.match(/\bcarousel-caption\b/)
    );
  });

  it('allows custom elements instead of "div"', () => {
    let instance = ReactTestUtils.renderIntoDocument(
      <Carousel.Caption componentClass="section" />
    );

    assert.equal(ReactDOM.findDOMNode(instance).nodeName, 'SECTION');
  });
});