vitalif
/
react-toolbox
1
0
Fork 0
Code Issues Pull Requests Releases 12 Wiki Activity

Refactor progressbar test

old
Javi Velasco 2015-09-08 10:08:37 +02:00
parent 74907a4517
commit 7151545cf4
1 changed files with 20 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
components/progress_bar/__test__/index.spec.jsx
View File

@ -3,59 +3,59 @@ const utils = require('../../utils/testing');
const ProgressBar = require('../index');
describe('ProgressBar', function () {
let progressBar;
describe('#calculateRatio', function () {
before(function () {
this.progressBar = utils.renderComponent(ProgressBar, {min: 100, max: 300});
progressBar = utils.renderComponent(ProgressBar, {min: 100, max: 300});
});
it('calculates the right ratio', function () {
expect(this.progressBar.calculateRatio(150)).toEqual(0.25);
expect(progressBar.calculateRatio(150)).toEqual(0.25);
});
it('gets 0 when value is less than min', function () {
expect(this.progressBar.calculateRatio(10)).toEqual(0);
expect(progressBar.calculateRatio(10)).toEqual(0);
});
it('gets 1 when value is more than max', function () {
expect(this.progressBar.calculateRatio(400)).toEqual(1);
expect(progressBar.calculateRatio(400)).toEqual(1);
});
});
describe('#render', function () {
let buffer, value, wrapper, circle, strokeLength;
it('renders the value and buffer bars when it is linear', function () {
const progressBarWrapper = utils.shallowRenderComponent(ProgressBar).props.children;
expect(progressBarWrapper.props.children.length).toEqual(2);
expect(progressBarWrapper.props.children[0].ref).toEqual('buffer');
expect(progressBarWrapper.props.children[1].ref).toEqual('value');
wrapper = utils.shallowRenderComponent(ProgressBar).props.children;
expect(wrapper.props.children.length).toEqual(2);
expect(wrapper.props.children[0].ref).toEqual('buffer');
expect(wrapper.props.children[1].ref).toEqual('value');
});
it('renders the value and buffer bars when it is linear', function () {
const progressBar = utils.shallowRenderComponent(ProgressBar, {
mode: 'determinate', value: 30, buffer: 60
});
const buffer = (progressBar.props.children.props.children[0]);
const value = (progressBar.props.children.props.children[1]);
progressBar = utils.shallowRenderComponent(ProgressBar, {mode: 'determinate', value: 30, buffer: 60});
buffer = (progressBar.props.children.props.children[0]);
value = (progressBar.props.children.props.children[1]);
expect(buffer.props.style.transform).toEqual(`scaleX(${0.6})`);
expect(value.props.style.transform).toEqual(`scaleX(${0.3})`);
});
it('renders the svg circle when it is circular', function () {
const progressBar = utils.shallowRenderComponent(ProgressBar, {type: 'circular'});
progressBar = utils.shallowRenderComponent(ProgressBar, {type: 'circular'});
expect(progressBar.props.children.type).toEqual('svg');
expect(progressBar.props.children.props.children.type).toEqual('circle');
});
it('renders the proper circle length style when it is circular and determinate', function () {
const progressBar = utils.shallowRenderComponent(ProgressBar, {
type: 'circular', mode: 'determinate', value: 30});
const circle = progressBar.props.children.props.children;
const strokeLength = 2 * Math.PI * circle.props.r * 0.3;
progressBar = utils.shallowRenderComponent(ProgressBar, {type: 'circular', mode: 'determinate', value: 30});
circle = progressBar.props.children.props.children;
strokeLength = 2 * Math.PI * circle.props.r * 0.3;
expect(circle.props.style.strokeDasharray).toEqual(`${strokeLength}, 400`);
});
it('contains mode and className in its className', function () {
const progressBar = utils.shallowRenderComponent(ProgressBar, {
mode: 'determinate', className: 'tight'});
progressBar = utils.shallowRenderComponent(ProgressBar, {mode: 'determinate', className: 'tight'});
expect(progressBar.props.className).toContain('determinate');
expect(progressBar.props.className).toContain('tight');
});