Fix the progress value to 2 decimals

orangehrm · May 13, 2024 · d55001b · d55001b
1 parent 3688050
commit d55001b
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 2 deletions.
diff --git a/components/src/core/components/LinearProgress/LinearProgress.vue b/components/src/core/components/LinearProgress/LinearProgress.vue
@@ -52,7 +52,7 @@ export default defineComponent({
   setup: function(props) {
     const progressPercentage = computed(() => {
       if (props.progressValue > 0)
-        return `${Math.min(props.progressValue, 100)}%`;
+        return `${Math.min(Number(props.progressValue.toFixed(2)), 100)}%`;
       return '0%';
     });
 

diff --git a/components/src/core/components/LinearProgress/__tests__/linearProgress.spec.ts b/components/src/core/components/LinearProgress/__tests__/linearProgress.spec.ts
@@ -14,7 +14,7 @@ describe('LinearProgress.vue', () => {
 
   it('renders OXD LinearProgress with custom value', () => {
     const wrapper = mount(LinearProgress, {
-      props: {progressValue: '60'},
+      props: {progressValue: 60},
     });
     expect(
       wrapper.find('.oxd-linear-progress-inner').attributes('style'),
@@ -93,4 +93,22 @@ describe('LinearProgress.vue', () => {
       '0%',
     );
   });
+
+  it('when the percentage value is having decimal values', () => {
+    const wrapper = mount(LinearProgress, {
+      props: {progressValue: 5.78, showPercentageValue: true},
+    });
+    expect(wrapper.find('.oxd-linear-progress-value').text()).toStrictEqual(
+      '5.78%',
+    );
+  });
+
+  it('when the percentage value is having decimal values than 2 decimals', () => {
+    const wrapper = mount(LinearProgress, {
+      props: {progressValue: 5.7893883, showPercentageValue: true},
+    });
+    expect(wrapper.find('.oxd-linear-progress-value').text()).toStrictEqual(
+      '5.79%',
+    );
+  });
 });