Merge branch '39861-follow-up-from-enable-multiple-queries-per-prometheus-graph' into 'master'

Resolve "Follow-up from "Enable multiple queries per Prometheus graph""

Closes #39861

See merge request gitlab-org/gitlab-ce!15363

1 files changed, 17 insertions, 0 deletions

diff --git a/spec/javascripts/monitoring/graph_path_spec.js b/spec/javascripts/monitoring/graph_path_spec.js
index 8ece913ada8..c83bd19345f 100644
--- a/spec/javascripts/monitoring/graph_path_spec.js
+++ b/spec/javascripts/monitoring/graph_path_spec.js
@@ -32,4 +32,21 @@ describe('Monitoring Paths', () => {
     expect(metricLine.getAttribute('stroke')).toBe('#1f78d1');
     expect(metricLine.getAttribute('d')).toBe(firstTimeSeries.linePath);
   });
+
+  describe('Computed properties', () => {
+    it('strokeDashArray', () => {
+      const component = createComponent({
+        generatedLinePath: firstTimeSeries.linePath,
+        generatedAreaPath: firstTimeSeries.areaPath,
+        lineColor: firstTimeSeries.lineColor,
+        areaColor: firstTimeSeries.areaColor,
+      });
+
+      component.lineStyle = 'dashed';
+      expect(component.strokeDashArray).toBe('3, 1');
+
+      component.lineStyle = 'dotted';
+      expect(component.strokeDashArray).toBe('1, 1');
+    });
+  });
 });