import React from 'react';
import TestUtils from 'react-addons-test-utils';
import Atellier from '../lib/Atellier.jsx';

describe('Atellier', () => {

  class TestComponent extends React.Component {
    render() {
      return <h1>Test Component</h1>;
    }
  };

  let components = [
    {
      componentName: 'test component',
      component: TestComponent
    }
  ];

  let renderAtellier = (components=components) => {
    return TestUtils.renderIntoDocument(
      <Atellier components={components} />
    );
  };

  it('should render atellier', () => {
    let atellier = renderAtellier();

    let div = TestUtils.findRenderedDOMComponentWithClass(
      atellier, 'atellier'
    );

    expect(div).toBeTruthy();
  });

  it('should set stagedComponent state', () => {
    let atellier = renderAtellier();

    atellier._handleSelectComponent(components[0]);

    expect(atellier.state.stagedComponent).toBeTruthy();
  });

});