wehub-resource-sync
100 lines
4.2 KiB
TypeScript
100 lines
4.2 KiB
TypeScript
import { describe, expect, it } from 'vitest';
|
|
import type { ChartNodeData } from '../src/model/nodes/ChartNode';
|
|
import { parseXml, SafeXmlNode } from '../src/parser/XmlParser';
|
|
import { chartToElement } from '../src/serializer/chartSerializer';
|
|
import { minimalCtx } from './helpers';
|
|
|
|
const NS =
|
|
'xmlns:c="http://schemas.openxmlformats.org/drawingml/2006/chart" ' +
|
|
'xmlns:a="http://schemas.openxmlformats.org/drawingml/2006/main"';
|
|
|
|
function chartNode(): ChartNodeData {
|
|
return {
|
|
id: 'chart',
|
|
name: 'chart',
|
|
nodeType: 'chart',
|
|
chartPath: 'ppt/charts/chart1.xml',
|
|
position: { x: 0, y: 0 },
|
|
size: { w: 640, h: 360 },
|
|
rotation: 0,
|
|
flipH: false,
|
|
flipV: false,
|
|
source: new SafeXmlNode(null),
|
|
xmlOrder: 1,
|
|
};
|
|
}
|
|
|
|
describe('chartSerializer', () => {
|
|
it('line+area 组合图保留面积图类型，并按 numFmt 格式化日期横轴', () => {
|
|
const chartXml = `<c:chartSpace ${NS}>
|
|
<c:chart><c:plotArea>
|
|
<c:areaChart>
|
|
<c:ser>
|
|
<c:tx><c:strRef><c:strCache><c:ptCount val="1"/><c:pt idx="0"><c:v>辅助列</c:v></c:pt></c:strCache></c:strRef></c:tx>
|
|
<c:cat><c:numRef><c:numCache><c:formatCode>m"月"d"日";@</c:formatCode><c:ptCount val="2"/><c:pt idx="0"><c:v>46098</c:v></c:pt><c:pt idx="1"><c:v>46112</c:v></c:pt></c:numCache></c:numRef></c:cat>
|
|
<c:val><c:numRef><c:numCache><c:ptCount val="2"/><c:pt idx="0"><c:v>16504</c:v></c:pt><c:pt idx="1"><c:v>107753</c:v></c:pt></c:numCache></c:numRef></c:val>
|
|
</c:ser>
|
|
</c:areaChart>
|
|
<c:lineChart>
|
|
<c:ser>
|
|
<c:tx><c:strRef><c:strCache><c:ptCount val="1"/><c:pt idx="0"><c:v>全站历史累计用户总数（人）</c:v></c:pt></c:strCache></c:strRef></c:tx>
|
|
<c:spPr><a:ln><a:solidFill><a:srgbClr val="6124C3"/></a:solidFill></a:ln></c:spPr>
|
|
<c:marker><c:symbol val="circle"/></c:marker>
|
|
<c:cat><c:numRef><c:numCache><c:formatCode>m"月"d"日";@</c:formatCode><c:ptCount val="2"/><c:pt idx="0"><c:v>46098</c:v></c:pt><c:pt idx="1"><c:v>46112</c:v></c:pt></c:numCache></c:numRef></c:cat>
|
|
<c:val><c:numRef><c:numCache><c:ptCount val="2"/><c:pt idx="0"><c:v>16504</c:v></c:pt><c:pt idx="1"><c:v>107753</c:v></c:pt></c:numCache></c:numRef></c:val>
|
|
</c:ser>
|
|
</c:lineChart>
|
|
</c:plotArea></c:chart>
|
|
</c:chartSpace>`;
|
|
|
|
const el = chartToElement(
|
|
chartNode(),
|
|
minimalCtx({
|
|
presentation: {
|
|
charts: new Map([['ppt/charts/chart1.xml', parseXml(chartXml)]]),
|
|
} as unknown as ReturnType<typeof minimalCtx>['presentation'],
|
|
}),
|
|
0,
|
|
);
|
|
|
|
expect(el.chartType).toBe('areaChart');
|
|
const data = el.data as Exclude<typeof el.data, [number[], number[]]>;
|
|
expect(data[0].key).toBe('全站历史累计用户总数（人）');
|
|
expect(data[0].xlabels).toEqual({
|
|
'0': '3月17日',
|
|
'1': '3月31日',
|
|
});
|
|
expect(el.colors[0]).toBe('#6124C3');
|
|
});
|
|
|
|
it('keeps blank date-formatted category labels blank', () => {
|
|
const chartXml = `<c:chartSpace ${NS}>
|
|
<c:chart><c:plotArea>
|
|
<c:lineChart>
|
|
<c:ser>
|
|
<c:tx><c:strRef><c:strCache><c:ptCount val="1"/><c:pt idx="0"><c:v>累计用户</c:v></c:pt></c:strCache></c:strRef></c:tx>
|
|
<c:cat><c:numRef><c:numCache><c:formatCode>m"月"d"日";@</c:formatCode><c:ptCount val="2"/><c:pt idx="0"><c:v>46098</c:v></c:pt><c:pt idx="1"><c:v> </c:v></c:pt></c:numCache></c:numRef></c:cat>
|
|
<c:val><c:numRef><c:numCache><c:ptCount val="2"/><c:pt idx="0"><c:v>16504</c:v></c:pt><c:pt idx="1"><c:v>107753</c:v></c:pt></c:numCache></c:numRef></c:val>
|
|
</c:ser>
|
|
</c:lineChart>
|
|
</c:plotArea></c:chart>
|
|
</c:chartSpace>`;
|
|
|
|
const el = chartToElement(
|
|
chartNode(),
|
|
minimalCtx({
|
|
presentation: {
|
|
charts: new Map([['ppt/charts/chart1.xml', parseXml(chartXml)]]),
|
|
} as unknown as ReturnType<typeof minimalCtx>['presentation'],
|
|
}),
|
|
0,
|
|
);
|
|
|
|
const data = el.data as Exclude<typeof el.data, [number[], number[]]>;
|
|
expect(data[0].xlabels).toEqual({
|
|
'0': '3月17日',
|
|
'1': ' ',
|
|
});
|
|
});
|
|
});
|