From d55001bb9fea60f882be9f2c4f30341a750a00ec Mon Sep 17 00:00:00 2001
From: shachiniM <shachini@orangehrmlive.com>
Date: Mon, 13 May 2024 09:49:20 +0530
Subject: [PATCH] Fix the progress value to 2 decimals

---
 .../LinearProgress/LinearProgress.vue         |  2 +-
 .../__tests__/linearProgress.spec.ts          | 20 ++++++++++++++++++-
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/components/src/core/components/LinearProgress/LinearProgress.vue b/components/src/core/components/LinearProgress/LinearProgress.vue
index d3973fcdb..274f6f0be 100644
--- 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
index d70b723d3..69694a6c1 100644
--- 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%',
+    );
+  });
 });