mirror of
https://github.com/wassname/slider.git
synced 2026-09-09 11:35:22 +08:00
77 lines
2.4 KiB
JavaScript
77 lines
2.4 KiB
JavaScript
'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);
|
|
});
|
|
|
|
});
|