'use strict';

var expect = require('expect.js');
var Slider = require('../index.js');
var React = require('react');
var TestUtils = React.addons.TestUtils;
var Simulate = TestUtils.Simulate;
var $ = require('jquery');

describe('rc-slider', function () {
  this.timeout(5000);
  var div = document.createElement('div');
  document.body.appendChild(div);

  afterEach(function () {
    React.unmountComponentAtNode(div);
  });

  it('should render a simple slider with value correctly!', function () {
    var slider = React.render(
      <Slider className='rc-slider' value={40}/>,
      div
    );
    var node = $(div);
    expect(node.find('.rc-slider').length).to.be(1);
    expect(node.find('.rc-slider-handle').length).to.be(1);
    expect(node.find('.rc-slider-track').length).to.be(1);
    expect(slider.getValue()).to.be(40);
    var trackWidth = node.find('.rc-slider-track')[0].style.width;
    expect(trackWidth).to.eql(node.find('.rc-slider-handle')[0].style.left);
  });

  it('should render a slider with correct numbers of step!', function () {
    var slider = React.render(
      <Slider className='rc-slider' step={20}/>,
      div
    );
    var node = $(div);
    expect(node.find('.rc-slider').length).to.be(1);
    expect(node.find('.rc-slider-handle').length).to.be(1);
    expect(node.find('.rc-slider-track').length).to.be(1);
    expect(node.find('.rc-slider-dot').length).to.be(6);
    expect(slider.getValue()).to.be(0);
  });

  it('should render a slider with marks correctly!', function () {
    var slider = React.render(
      <Slider marks={["一","二","三","四","五"]} index={3} />,
      div
    );
    var node = $(div);
    expect(node.find('.rc-slider').length).to.be(1);
    expect(node.find('.rc-slider-handle').length).to.be(1);
    expect(node.find('.rc-slider-track').length).to.be(1);
    expect(node.find('.rc-slider-dot').length).to.be(slider.props.marks.length);
    expect(node.find('.rc-slider-mark').length).to.be(1);
    expect(node.find('.rc-slider-mark-text').length).to.be(slider.props.marks.length);
    expect(slider.getIndex()).to.be(3);
  });

  it('should mouseDown works!', function (done) {
    var slider = React.render(
      <Slider marks={["一","二","三","四","五"]} />,
      div
    );
    var selectedStep = slider.refs.step3.getDOMNode();
    
    Simulate.mouseDown(selectedStep);

    setTimeout( function() {
      expect(slider.state.active).to.be('active');
      done();
    }, 200);
  });

});