import React from 'react';
import $ from 'teaspoon';

import ControlLabel from '../src/ControlLabel';
import FormGroup from '../src/FormGroup';

import { shouldWarn } from './helpers';

describe('<ControlLabel>', () => {
  it('should render correctly', () => {
    expect(
      $(
        <ControlLabel htmlFor="foo" className="my-control-label">
          Label
        </ControlLabel>
      )
        .shallowRender()
        .single('label.control-label.my-control-label[htmlFor="foo"]')
          .text()
    ).to.equal('Label');
  });

  it('should respect srOnly', () => {
    $(
      <ControlLabel srOnly>
        Label
      </ControlLabel>
    )
      .shallowRender()
      .single('label.control-label.sr-only');
  });

  it('should use controlId for htmlFor', () => {
    $(
      <FormGroup controlId="foo">
        <ControlLabel>Label</ControlLabel>
      </FormGroup>
    )
      .render()
      .single('label.control-label[htmlFor="foo"]');
  });

  it('should prefer explicit htmlFor', () => {
    shouldWarn('ignored');

    $(
      <FormGroup controlId="foo">
        <ControlLabel htmlFor="bar">
          Label
        </ControlLabel>
      </FormGroup>
    )
      .render()
      .single('label.control-label[htmlFor="bar"]');
  });
});