Added specs for rectTransform for the monitoring_legends componenttests-additional-metrics-dashboard

1 files changed, 20 insertions, 0 deletions

diff --git a/spec/javascripts/monitoring/monitoring_legends_spec.js b/spec/javascripts/monitoring/monitoring_legends_spec.js
index 8358515a652..38988d09152 100644
--- a/spec/javascripts/monitoring/monitoring_legends_spec.js
+++ b/spec/javascripts/monitoring/monitoring_legends_spec.js
@@ -30,6 +30,8 @@ describe('MonitoringLegends', () => {
 
       expect(typeof component.textTransform).toEqual('string');
       expect(component.textTransform.indexOf(120)).not.toEqual(-1);
+      expect(component.textTransform.indexOf('15,')).not.toEqual(-1);
+      expect(component.textTransform.indexOf('rotate(-90)')).not.toEqual(-1);
     });
 
     it('xPosition', () => {
@@ -61,6 +63,24 @@ describe('MonitoringLegends', () => {
 
       expect(component.yPosition).toEqual(240);
     });
+
+    it('rectTransform', () => {
+      const component = createComponent({
+        width: 500,
+        height: 300,
+        margin: measurements.large.margin,
+        measurements: measurements.large,
+        areaColorRgb: '#f0f0f0',
+        legendTitle: 'Title',
+        yAxisLabel: 'Values',
+        metricUsage: 'Value',
+      });
+
+      expect(typeof component.rectTransform).toEqual('string');
+      expect(component.rectTransform.indexOf(120)).not.toEqual(-1);
+      expect(component.rectTransform.indexOf('0,')).not.toEqual(-1);
+      expect(component.rectTransform.indexOf('rotate(-90)')).not.toEqual(-1);
+    });
   });
 
   it('has 2 rect-axis-text rect svg elements', () => {