[READ-ONLY] Mirror of https://github.com/graphieros/vue-data-ui. An open source user-empowering data visualization Vue 3 components library for eloquent data storytelling
vue-data-ui.graphieros.com/
charts
components-library
dashboard
data-storytelling
data-visualization
donut
gauge
heatmap
quadrant
radar
rating-stars
scatter
screenshot
skeleton-loader
sparkline
table
vue-data-ui
vue3
vuejs
vuejs3
fix(test): vue-ui-xy-ssr
graphieros
(Jun 4, 2026, 6:47 PM +0200)
4938bca3
06d13e26
+6
-11
+5
-4
src/svg/tests/vue-ui-xy-ssr.test.js
+5
-4
src/svg/tests/vue-ui-xy-ssr.test.js
···
74
74
75
75
const svg = await renderVueUiXySvg(state);
76
76
77
-
expect(svg).toContain('fill="#ff0000"');
78
-
expect(svg).not.toContain('fill="#00ff00"');
77
+
expect(svg).toMatch(/fill="url\(#plotGradient_0_/);
78
+
expect(svg).toContain('stop-color="#ff0000ff"');
79
+
expect(svg).not.toContain('#00ff00');
79
80
});
80
81
81
82
test('uses customPalette when dataset color is missing', async () => {
···
249
250
250
251
const svg = await renderVueUiXySvg(state);
251
252
252
-
expect(svg).toContain('plotGradient_0_ssr');
253
-
expect(svg).toContain('fill="url(#plotGradient_0_ssr)"');
253
+
expect(svg).toMatch(/id="plotGradient_0_[^"]+"/);
254
+
expect(svg).toMatch(/fill="url\(#plotGradient_0_[^"]+\)"/);
254
255
});
255
256
});
+1
-7
ts-playground/src/components/charts/ts-vue-ui-donut.vue
+1
-7
ts-playground/src/components/charts/ts-vue-ui-donut.vue
···
2
2
/**
3
3
* This playground showcases all the slots and their implementations for <VueUiDonut>
4
4
*/
5
-
import {
6
-
ref,
7
-
computed,
8
-
onMounted,
9
-
useTemplateRef,
10
-
watchEffect,
11
-
} from 'vue';
5
+
import { ref, computed, onMounted, useTemplateRef, watchEffect } from 'vue';
12
6
import {
13
7
VueUiDonut,
14
8
type VueUiDonutConfig,