fix(workbench): replay profile radar animation

web/tests/expense-profile-detail-modal.test.mjs

@@ -0,0 +1,33 @@
+import assert from 'node:assert/strict'
+import { readFileSync } from 'node:fs'
+import test from 'node:test'
+import { fileURLToPath } from 'node:url'
+
+const modal = readFileSync(
+  fileURLToPath(new URL('../src/components/business/ExpenseProfileDetailModal.vue', import.meta.url)),
+  'utf8'
+)
+
+const radarChart = readFileSync(
+  fileURLToPath(new URL('../src/components/charts/RadarChart.vue', import.meta.url)),
+  'utf8'
+)
+
+test('expense profile modal remounts the behavior radar when opened', () => {
+  assert.match(modal, /destroy-on-close/)
+  assert.match(modal, /<RadarChart/)
+  assert.match(modal, /:key="radarRenderKey"/)
+  assert.match(modal, /const radarRenderKey = ref\(0\)/)
+  assert.match(modal, /watch\([\s\S]*\(\) => props\.visible[\s\S]*radarRenderKey\.value \+= 1/)
+  assert.match(modal, /scheduleRadarFrame/)
+})
+
+test('radar chart uses the shared echarts lifecycle and enables entrance animation', () => {
+  assert.match(radarChart, /import \{ useEcharts \} from '\.\.\/\.\.\/composables\/useEcharts\.js'/)
+  assert.match(radarChart, /useEcharts\(chartElement, chartOptions\)/)
+  assert.match(radarChart, /animation: true/)
+  assert.match(radarChart, /animationDuration: 980/)
+  assert.match(radarChart, /animationDurationUpdate: 760/)
+  assert.match(radarChart, /animationEasing: 'cubicOut'/)
+  assert.doesNotMatch(radarChart, /import \{[^}]*init[^}]*\} from 'echarts\/core'/)
+})