Skip to content

Commit d0de0df

Browse files
committed
test(scatter): 增加单测
1 parent 525367f commit d0de0df

File tree

2 files changed

+49
-2
lines changed

2 files changed

+49
-2
lines changed

__tests__/unit/plots/scatter/size-spec.ts

+42
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,48 @@ import { data } from '../../../data/gender';
33
import { createDiv } from '../../../utils/dom';
44

55
describe('scatter', () => {
6+
it('default', () => {
7+
const scatter = new Scatter(createDiv(), {
8+
width: 400,
9+
height: 300,
10+
appendPadding: 10,
11+
data,
12+
xField: 'weight',
13+
yField: 'height',
14+
sizeField: 'gender',
15+
xAxis: {
16+
nice: true,
17+
},
18+
});
19+
20+
scatter.render();
21+
22+
let geometry = scatter.chart.geometries[0];
23+
24+
// @ts-ignore
25+
expect(geometry.attributeOption.size.values.length).toBe(2);
26+
// @ts-ignore
27+
expect(geometry.attributeOption.size.values).toEqual([4, 4]);
28+
29+
// 不能设置 size 为 0(一定吗?可以后续斟酌下)
30+
scatter.update({ size: 0 });
31+
geometry = scatter.chart.geometries[0];
32+
// @ts-ignore
33+
expect(geometry.attributeOption.size.values).toEqual([2, 8]);
34+
35+
scatter.update({ size: [3, 9] });
36+
geometry = scatter.chart.geometries[0];
37+
// @ts-ignore
38+
expect(geometry.attributeOption.size.values).toEqual([3, 9]);
39+
40+
scatter.update({ size: null });
41+
geometry = scatter.chart.geometries[0];
42+
// @ts-ignore
43+
expect(geometry.attributeOption.size.values).toEqual([2, 8]);
44+
45+
scatter.destroy();
46+
});
47+
648
it('size: number options', () => {
749
const scatter = new Scatter(createDiv(), {
850
width: 400,

__tests__/unit/plots/scatter/style-spec.ts

+7-2
Original file line numberDiff line numberDiff line change
@@ -13,18 +13,23 @@ describe('scatter', () => {
1313
yField: 'height',
1414
sizeField: 'weight',
1515
size: [5, 10],
16+
shape: 'cricle',
1617
xAxis: {
1718
nice: true,
1819
},
20+
});
21+
22+
scatter.render();
23+
expect(scatter.chart.geometries[0].elements[0].shape.attr('fill')).toBe('#FFFFFF');
24+
25+
scatter.update({
1926
pointStyle: {
2027
fill: 'red',
2128
stroke: 'yellow',
2229
opacity: 0.8,
2330
},
2431
});
2532

26-
scatter.render();
27-
2833
const geometry = scatter.chart.geometries[0];
2934
const elements = geometry.elements;
3035

0 commit comments

Comments
 (0)