Support positive repayment discounts and negative surcharges with exact decimal conversion. Add independent trend toggles, pointer and keyboard date inspection, tests and Chinese documentation.
46 lines
1.6 KiB
TypeScript
46 lines
1.6 KiB
TypeScript
import { test } from 'node:test';
|
|
import assert from 'node:assert/strict';
|
|
import { nearestTrendIndex, trendPath, NetWorthChart } from '../src/NetWorthChart';
|
|
import { createElement } from 'react';
|
|
import { renderToStaticMarkup } from 'react-dom/server';
|
|
const rows = [
|
|
{
|
|
date: '2026-09-01',
|
|
assets: '100.86420975',
|
|
liabilities: '20',
|
|
net: '80.86420975',
|
|
complete: true,
|
|
missing: [],
|
|
},
|
|
{
|
|
date: '2026-09-02',
|
|
assets: '0',
|
|
liabilities: '0',
|
|
net: '0',
|
|
complete: false,
|
|
missing: ['USD'],
|
|
},
|
|
{ date: '2026-09-10', assets: '120', liabilities: '20', net: '100', complete: true, missing: [] },
|
|
];
|
|
test('hover dates use time distance across uneven dates and expose missing dates', () => {
|
|
assert.equal(nearestTrendIndex(rows, Date.parse('2026-09-02T00:00:00Z')), 1);
|
|
assert.equal(nearestTrendIndex(rows, Date.parse('2026-09-09T00:00:00Z')), 2);
|
|
assert.equal(nearestTrendIndex(rows, Date.parse('2026-08-01T00:00:00Z')), 0);
|
|
});
|
|
test('trend paths keep a gap for incomplete dates rather than connecting misleading totals', () => {
|
|
const path = trendPath(
|
|
rows,
|
|
'net',
|
|
(d) => Number(d.slice(-2)),
|
|
(v) => Number(v),
|
|
);
|
|
assert.equal(path, 'M1,80.86420975 M10,100');
|
|
});
|
|
test('trend legend offers three independent toggles and exact monetary data', () => {
|
|
const html = renderToStaticMarkup(createElement(NetWorthChart, { rows, base: 'CNY' }));
|
|
assert.equal((html.match(/aria-pressed="true"/g) || []).length, 3);
|
|
assert.equal((html.match(/data-series=/g) || []).length, 3);
|
|
assert.match(html, /80\.86420975/);
|
|
assert.match(html, /tabindex="0"/);
|
|
});
|