Peter Holmberg 7 лет назад
Родитель
Сommit
1f533ddfe2

+ 9 - 9
public/app/plugins/panel/gauge/Threshold.test.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { shallow } from 'enzyme';
-import Thresholds from './Thresholds';
+import Thresholds, { BasicGaugeColor } from './Thresholds';
 import { OptionsProps } from './module';
 import { PanelOptionsProps } from '../../../types';
 
@@ -16,9 +16,9 @@ const setup = (propOverrides?: object) => {
 };
 
 const thresholds = [
-  { index: 0, label: 'Min', value: 0, canRemove: false, color: 'rgba(50, 172, 45, 0.97)' },
+  { index: 0, label: 'Min', value: 0, canRemove: false, color: BasicGaugeColor.Green },
   { index: 1, label: '', value: 50, canRemove: true, color: 'rgba(237, 129, 40, 0.89)' },
-  { index: 2, label: 'Max', value: 100, canRemove: false },
+  { index: 2, label: 'Max', value: 100, canRemove: false, color: BasicGaugeColor.Red },
 ];
 
 describe('Add threshold', () => {
@@ -28,9 +28,9 @@ describe('Add threshold', () => {
     instance.onAddThreshold(1);
 
     expect(instance.state.thresholds).toEqual([
-      { index: 0, label: 'Min', value: 0, canRemove: false, color: 'rgba(50, 172, 45, 0.97)' },
-      { index: 1, label: '', value: 50, canRemove: true, color: 'rgba(237, 129, 40, 0.89)' },
-      { index: 2, label: 'Max', value: 100, canRemove: false },
+      { index: 0, label: 'Min', value: 0, canRemove: false, color: BasicGaugeColor.Green },
+      { index: 1, label: '', value: 50, canRemove: true, color: 'rgba(131, 123, 52, 0.99)' },
+      { index: 2, label: 'Max', value: 100, canRemove: false, color: BasicGaugeColor.Red },
     ]);
   });
 
@@ -42,10 +42,10 @@ describe('Add threshold', () => {
     instance.onAddThreshold(1);
 
     expect(instance.state.thresholds).toEqual([
-      { index: 0, label: 'Min', value: 0, canRemove: false, color: 'rgba(50, 172, 45, 0.97)' },
-      { index: 1, label: '', value: 25, canRemove: true, color: 'rgba(237, 129, 40, 0.89)' },
+      { index: 0, label: 'Min', value: 0, canRemove: false, color: BasicGaugeColor.Green },
+      { index: 1, label: '', value: 25, canRemove: true, color: 'rgba(144, 151, 43, 0.93)' },
       { index: 2, label: '', value: 50, canRemove: true, color: 'rgba(237, 129, 40, 0.89)' },
-      { index: 3, label: 'Max', value: 100, canRemove: false },
+      { index: 3, label: 'Max', value: 100, canRemove: false, color: BasicGaugeColor.Red },
     ]);
   });
 });

+ 1 - 1
public/app/plugins/panel/gauge/Thresholds.tsx

@@ -9,7 +9,7 @@ interface State {
   thresholds: Threshold[];
 }
 
-enum BasicGaugeColor {
+export enum BasicGaugeColor {
   Green = 'rgba(50, 172, 45, 0.97)',
   Orange = 'rgba(237, 129, 40, 0.89)',
   Red = 'rgb(212, 74, 58)',