|
1 | 1 | import React, { createRef } from 'react' |
2 | 2 | import ReactDOM from 'react-dom' |
| 3 | +import { create } from 'react-test-renderer' |
3 | 4 | import LineChart from '../../src/plots/line' |
4 | 5 | import { LineOptions, Plot as BasePlot } from '@antv/g2plot' |
5 | 6 |
|
@@ -30,18 +31,48 @@ describe('LineChart', () => { |
30 | 31 | }) |
31 | 32 |
|
32 | 33 | test('test update config and data', () => { |
| 34 | + const data = [ |
| 35 | + { year: '1991', value: 3 }, |
| 36 | + { year: '1992', value: 4 }, |
| 37 | + { year: '1993', value: 3.5 }, |
| 38 | + { year: '1994', value: 5 }, |
| 39 | + { year: '1995', value: 4.9 }, |
| 40 | + { year: '1996', value: 6 }, |
| 41 | + { year: '1997', value: 7 }, |
| 42 | + { year: '1998', value: 9 }, |
| 43 | + { year: '1999', value: 13 }, |
| 44 | + ] |
| 45 | + const config = { |
| 46 | + data, |
| 47 | + xField: 'year', |
| 48 | + yField: 'value', |
| 49 | + smooth: true, |
| 50 | + meta: { |
| 51 | + value: { |
| 52 | + max: 15, |
| 53 | + }, |
| 54 | + }, |
| 55 | + } |
33 | 56 | const div = document.createElement('div') |
34 | 57 |
|
35 | | - ReactDOM.render(<LineChart data={null} />, div) |
| 58 | + ReactDOM.render(<LineChart {...config} data={null} />, div) |
36 | 59 |
|
37 | | - ReactDOM.render(<LineChart data={[]} autoFit />, div) |
| 60 | + ReactDOM.render(<LineChart {...config} data={[]} autoFit />, div) |
38 | 61 |
|
39 | | - ReactDOM.render(<LineChart data={null} autoFit />, div) |
| 62 | + ReactDOM.render(<LineChart {...config} data={null} autoFit />, div) |
40 | 63 |
|
41 | | - ReactDOM.render(<LineChart data={[{ x: 1 }]} autoFit />, div) |
42 | | - ReactDOM.render(<LineChart autoFit data={[]} />, div) |
43 | | - ReactDOM.render(<LineChart data={[]} autoFit />, div) |
| 64 | + ReactDOM.render(<LineChart {...config} autoFit />, div) |
| 65 | + ReactDOM.render(<LineChart {...config} autoFit data={[]} />, div) |
| 66 | + ReactDOM.render(<LineChart {...config} data={[]} autoFit />, div) |
44 | 67 |
|
45 | 68 | ReactDOM.unmountComponentAtNode(div) |
46 | 69 | }) |
| 70 | + |
| 71 | + test('lifecycle', () => { |
| 72 | + const renderer = create(<LineChart data={[]} />) |
| 73 | + |
| 74 | + expect(renderer.toJSON()).toMatchSnapshot() |
| 75 | + |
| 76 | + renderer.unmount() |
| 77 | + }) |
47 | 78 | }) |
0 commit comments