Fix: Stacked bar goal line issue(fixes #304) (#305)

Co-authored-by: Veera Jagarlamudi <[email protected]>

src/main/js/controls/Bar/helpers/goalLineHelpers.js

@@ -182,7 +182,9 @@ const getYAxisRangePosition = (scale) => (bounds) =>
  * @returns {number} Height of the region for Y axes
  */
 const getRegionHeight = (regionPath, bounds, scale, config) => {
-    const upperBound = utils.getNumber(regionPath.attr(constants.Y_AXIS));
+    const upperBound = bounds.end
+        ? round2Decimals(scale[getRegionAxis(bounds)](bounds.end))
+        : 0;
     const lowerBound = bounds.start
         ? round2Decimals(scale[getRegionAxis(bounds)](bounds.start)) +
           constants.DEFAULT_GOAL_LINE_STROKE_WIDTH

src/test/unit/controls/Bar/BarRegions-spec.js

@@ -386,6 +386,24 @@ describe("Bar - Region", () => {
                 toNumber(regionElement.getAttribute("height"))
             ).toBeGreaterThan(constants.PADDING.top);
         });
+        it("Sets region height correctly, when start and end are same", () => {
+            data = utils.deepClone(getInput(valuesDefault));
+            data.regions = [
+                {
+                    axis: constants.Y_AXIS,
+                    start: 10,
+                    end: 10,
+                    x: 2
+                }
+            ];
+            bar = new Bar(data);
+            graphDefault.loadContent(bar);
+            const regionElement = fetchElementByClass(
+                barGraphContainer,
+                styles.region
+            );
+            expect(toNumber(regionElement.getAttribute("height"))).toBe(5);
+        });
         it("Creates a goal bar when start and end are same", () => {
             data = utils.deepClone(getInput(valuesDefault));
             data.regions = [