✅ Add gradient defs test to Alluvial suite

Adyen · Jul 5, 2023 · 65d9dd9 · 65d9dd9
1 parent b5216da
commit 65d9dd9
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/packages/lib/src/components/charts/lume-alluvial-diagram/defaults.ts b/packages/lib/src/components/charts/lume-alluvial-diagram/defaults.ts
@@ -15,6 +15,7 @@ export const options: AlluvialDiagramOptions = {
   withLegend: false,
 
   // Alluvial options
+  gradient: false,
   highlightedElements: 'full',
   nodePadding: 16,
   nodeWidth: 16,

diff --git a/packages/lib/src/components/charts/lume-alluvial-diagram/lume-alluvial-diagram.spec.ts b/packages/lib/src/components/charts/lume-alluvial-diagram/lume-alluvial-diagram.spec.ts
@@ -64,6 +64,17 @@ describe('lume-alluvial-diagram.vue', () => {
     expect(el.exists()).toBeTruthy();
   });
 
+  test('mounts with gradient definitions', async () => {
+    const wrapper = mount(LumeAlluvialDiagram, {
+      props: {
+        data: DATASETS.Basic.data,
+        options: { gradient: true },
+      },
+    });
+
+    expect(wrapper.find('defs').exists()).toBe(true);
+  });
+
   // should be tested in the scope of alluvial-graph
   test.skip('should throw error in case of a dataset with circular links', async () => {
     const values = [