test: update test case

Author: kagawagao

__tests__/plots/bubble.spec.tsx

@@ -1,10 +1,55 @@
 import { mount } from '@vue/test-utils'
 import BulletChart from '../../src/plots/bullet'
 
+const props: any = {
+  data: [
+    {
+      title: '满意度',
+      ranges: [100],
+      measures: [80],
+      target: 85,
+    },
+  ],
+  measureField: 'measures',
+  rangeField: 'ranges',
+  targetField: 'target',
+  xField: 'title',
+  style: {
+    range: {
+      color: '#5B8FF9',
+    },
+    measure: {
+      color: '#5B8FF9',
+    },
+    target: {
+      color: '#5B8FF9',
+    },
+  },
+  xAxis: {
+    line: null,
+  },
+  yAxis: false,
+  // 自定义 legend
+  legend: {
+    custom: true,
+    position: 'left',
+    items: [
+      {
+        value: '实际值',
+        name: '实际值',
+        marker: { symbol: 'square', style: { fill: '#5B8FF9', r: 5 } },
+      },
+      {
+        value: '目标值',
+        name: '目标值',
+        marker: { symbol: 'line', style: { stroke: '#5B8FF9', r: 5 } },
+      },
+    ],
+  },
+}
+
 describe('BulletChart', () => {
   test('should render without crashed', () => {
-    mount(BulletChart, {
-      props: {},
-    })
+    mount(() => <BulletChart {...props} />)
   })
 })

__tests__/plots/bullet.spec.tsx

@@ -1,10 +1,8 @@
 import { mount } from '@vue/test-utils'
-import Chart from '../../src/plots/funnel'
+import FunnelChart from '../../src/plots/funnel'
 
-describe('Chart', () => {
+describe('FunnelChart', () => {
   test('should render without crashed', () => {
-    mount(Chart, {
-      props: {},
-    })
+    mount(() => <FunnelChart data={[{ x: 'a', y: 1 }]} xField="x" yField="y" />)
   })
 })

__tests__/plots/calendar.spec.tsx

@@ -3,8 +3,11 @@ import Chart from '../../src/plots/histogram'
 
 describe('Chart', () => {
   test('should render without crashed', () => {
-    mount(Chart, {
-      props: {},
-    })
+    const config = {
+      data: [],
+      binField: 'value',
+      binWidth: 2,
+    }
+    mount(<Chart {...config} />)
   })
 })

__tests__/plots/column-line.spec.tsx

@@ -1,18 +1,10 @@
 import { mount } from '@vue/test-utils'
-import Chart from '../../src/plots/liquid'
+import LiquidChart from '../../src/plots/liquid'
 
-describe('Chart', () => {
+describe('LiquidChart', () => {
   test('should render without crashed', () => {
-    mount(Chart, {
-      props: {
-        title: {
-          visible: true,
-          text: '水波图',
-        },
-        min: 0,
-        max: 10000,
-        value: 5639,
-      },
+    mount(LiquidChart, {
+      props: {},
     })
   })
 })

__tests__/plots/density-heatmap.spec.tsx

@@ -1,22 +1,10 @@
 import { mount } from '@vue/test-utils'
 import Chart from '../../src/plots/progress'
 
-const config = {
-  width: 50,
-  height: 50,
-  percent: 50,
-  color: (v) => {
-    if (v < 0.3) {
-      return ['#30BF78', '#E8EDF3']
-    } else if (v >= 0.3 && v < 0.7) {
-      return ['#FAAD14', '#E8EDF3']
-    }
-    return ['#F4664A', '#E8EDF3']
-  },
-}
-
 describe('Chart', () => {
   test('should render without crashed', () => {
-    mount(() => <Chart {...config} />)
+    mount(Chart, {
+      props: {},
+    })
   })
 })

__tests__/plots/density.spec.tsx

@@ -1,19 +1,7 @@
 import { mount } from '@vue/test-utils'
 import Chart from '../../src/plots/ring-progress'
 
-const config = {
-  width: 50,
-  height: 50,
-  percent: 50,
-  color: (v) => {
-    if (v < 0.3) {
-      return ['#30BF78', '#E8EDF3']
-    } else if (v >= 0.3 && v < 0.7) {
-      return ['#FAAD14', '#E8EDF3']
-    }
-    return ['#F4664A', '#E8EDF3']
-  },
-}
+const config = {}
 
 describe('Chart', () => {
   test('should render without crashed', () => {