mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-07 09:26:06 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

fix: percent={(3 / 9) * 100} steps={9} shows 2 (#28530)

Browse Source 
* 🐛  fix bug: percent={(3 / 9) * 100} steps={9} shows 2

* ✅ add test for last commit

* ✨ update jest snapshot

* ✅ add test
This commit is contained in:
gaoryrt 2020-12-29 12:20:11 +08:00 committed by GitHub
parent 5098ca8b60
commit d769795aa0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/progress/Steps.tsx
View File

@ -20,7 +20,7 @@ const Steps: React.FC<StepsProps> = props => {
prefixCls,
children,
} = props;
const current = Math.floor(steps * (percent / 100));
const current = Math.round(steps * (percent / 100));
const stepWidth = size === 'small' ? 2 : 14;
const styledSteps = [];
for (let i = 0; i < steps; i += 1) {

4
components/progress/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1415,7 +1415,7 @@ Array [
style="width:14px;height:8px"
/>
<div
class="ant-progress-steps-item"
class="ant-progress-steps-item ant-progress-steps-item-active"
style="width:14px;height:8px"
/>
<div
@ -1442,7 +1442,7 @@ Array [
style="width:14px;height:8px"
/>
<div
class="ant-progress-steps-item"
class="ant-progress-steps-item ant-progress-steps-item-active"
style="width:14px;height:8px"
/>
<div

9
components/progress/__tests__/index.test.js
View File

@ -175,6 +175,15 @@ describe('Progress', () => {
);
});
it('should display correct step', () => {
const wrapper = mount(<Progress steps={9} percent={22.22} />);
expect(wrapper.find('.ant-progress-steps-item-active').length).toBe(2);
wrapper.setProps({ percent: 33.33 });
expect(wrapper.find('.ant-progress-steps-item-active').length).toBe(3);
wrapper.setProps({ percent: 44.44 });
expect(wrapper.find('.ant-progress-steps-item-active').length).toBe(4);
});
it('steps should have default percent 0', () => {
const wrapper = mount(<ProgressSteps />);
expect(wrapper.render()).toMatchSnapshot();