Tests - Improve VueUiXyCanvas component test

Author: graphieros

src/components/vue-ui-xy-canvas.cy.js

@@ -35,4 +35,18 @@ describe('<VueUiXyCanvas />', () => {
             });
         });
     });
+
+    it('emits', () => {
+        cy.mount(VueUiXyCanvas, {
+            props: {
+                dataset,
+                config
+            }
+        }).then(({ wrapper }) => {
+            cy.log('@selectLegend');
+            cy.get('[data-cy="legend-item"]').first().click({ force: true }).then(() => {
+                expect(wrapper.emitted('selectLegend')).to.exist;
+            });
+        });
+    });
 });

src/components/vue-ui-xy-canvas.vue

@@ -1701,7 +1701,7 @@ defineExpose({
             <Legend v-if="FINAL_CONFIG.style.chart.legend.show && isDataset" :legendSet="legendSet" :config="legendConfig" :key="`legend_${legendStep}`"
                 @clickMarker="({ i }) => segregate(i)">
                 <template #item="{ legend, index }">
-                    <div @click="legend.segregate()" :style="`opacity:${segregated.includes(index) ? 0.5 : 1}`">
+                    <div data-cy="legend-item" @click="legend.segregate()" :style="`opacity:${segregated.includes(index) ? 0.5 : 1}`">
                         {{ legend.name }}
                     </div>
                 </template>