archive-gh-me/react-circular-progressbar
1
0
Fork 0
mirror of https://github.com/kevinsqi/react-circular-progressbar.git synced 2026-01-18 15:55:06 +00:00
Code Issues Projects Releases Wiki Activity

add tests for background and classes props

Browse Source
This commit is contained in:
Kevin Qi 2018-06-24 13:51:31 -07:00
parent c2f459a996
commit 084dc3ca5a
1 changed files with 64 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
test/components/CircularProgressbar.spec.js
View File

@ -130,4 +130,68 @@ describe('CircularProgressbar props', () => {
'#444444',
);
});
it('background does not render when null', () => {
const wrapper = shallow(
<CircularProgressbar
percentage={50}
/>
);
assert(!wrapper.find('.CircularProgressbar-background').exists());
});
it('background', () => {
const wrapper = shallow(
<CircularProgressbar
percentage={50}
background
/>
);
assert(wrapper.find('.CircularProgressbar-background').exists());
assert.equal(wrapper.find('.CircularProgressbar-background').type(), 'circle');
assert.equal(wrapper.find('.CircularProgressbar-background').prop('r'), 50);
});
it('classes defaults', () => {
const wrapper = shallow(
<CircularProgressbar
percentage={50}
text="50"
/>
);
assert.equal(wrapper.find('.CircularProgressbar').type(), 'svg');
assert.equal(wrapper.find('.CircularProgressbar-path').type(), 'path');
assert.equal(wrapper.find('.CircularProgressbar-trail').type(), 'path');
assert.equal(wrapper.find('.CircularProgressbar-text').type(), 'text');
});
it('classes', () => {
const wrapper = shallow(
<CircularProgressbar
percentage={50}
text="50"
background
classes={{
root: 'someRootClass',
path: 'somePathClass',
trail: 'someTrailClass',
text: 'someTextClass',
background: 'someBackgroundClass',
}}
/>
);
// Assert default classes don't exist
assert(!wrapper.find('.CircularProgressbar').exists());
assert(!wrapper.find('.CircularProgressbar-path').exists());
assert(!wrapper.find('.CircularProgressbar-trail').exists());
assert(!wrapper.find('.CircularProgressbar-text').exists());
assert(!wrapper.find('.CircularProgressbar-background').exists());
// Assert override classes do exist
assert.equal(wrapper.find('.someRootClass').type(), 'svg');
assert.equal(wrapper.find('.somePathClass').type(), 'path');
assert.equal(wrapper.find('.someTrailClass').type(), 'path');
assert.equal(wrapper.find('.someTextClass').type(), 'text');
assert.equal(wrapper.find('.someBackgroundClass').type(), 'circle');
});
});