Chore: Improve or add component tests (Cypress)

[graphieros]

The behavior and features of most vue-data-ui components are now stabilized.

✅ We have a good suite of unit tests for the internal utility library.
✅ We have a handy manual testing arena, which is helpful to test out fixes and features on the go.

However, a reliable suite of component tests with Cypress is required.
Currently, components either have superficial Cy tests, or not at all.

To get started, take a look at CONTRIBUTING.md !

And thanks in advance were you to decide to help 🙏

Tests to add:

• vue-ui-dumbbell (DONE)
• vue-ui-flow (DONE)
• vue-ui-funnel (DONE)
• vue-ui-galaxy (DONE)
• vue-ui-gizmo (DONE)
• vue-ui-history-plot (DONE)
• vue-ui-mini-loader (DONE)
• vue-ui-molecule (DONE)
• vue-ui-mood-radar (DONE)
• vue-ui-nested-donuts (DONE)
• vue-ui-onion (DONE)
• vue-ui-parallel-coordinate-plot (DONE)
• vue-ui-quick-chart (DONE)
• vue-ui-strip-plot (DONE)
• vue-ui-table-heatmap (DONE)
• vue-ui-table-sparkline (DONE)
• vue-ui-tiremarks (DONE)
• vue-ui-treemap (DONE)
• vue-ui-wheel (DONE)
• vue-ui-word-cloud (DONE)
• vue-ui-xy-canvas (DONE)

Tests to improve

A testCommonFeatures strategy is available to streamline testing of common atomic components, for example:

// vue-ui-age-pyramid.cy.js

import VueUiAgePyramid from "./vue-ui-age-pyramid.vue";
import { components } from "../../cypress/fixtures/vdui-components";
import { testCommonFeatures } from "../../cypress/fixtures";

const { dataset, config } = components.find(c => c.name === 'VueUiAgePyramid');

describe('<VueUiAgePyramid />', () => {
    it('renders', () => {
        cy.viewport(500, 540)
        cy.mount(VueUiAgePyramid, {
            props: {
                dataset,
                config
            }
        }).then(() => {
            
            testCommonFeatures({
                userOptions: true,
                title: true,
                subtitle: true,
                dataTable: true,
                tooltipCallback: () => {
                    cy.get('[data-cy="tooltip-trap"]').eq(0).trigger('mouseover');
                }
            });
            
            // Test for component's specific features starts here
        });
    });
});

• vue-ui-chestnut (DONE)
• vue-ui-donut-evolution (DONE)
• vue-ui-donut (DONE)
• vue-ui-gauge (DONE)
• vue-ui-kpi (DONE)
• vue-ui-heatmap (DONE)
• vue-ui-quadrant (DONE)
• vue-ui-radar (DONE)
• vue-ui-rings (DONE)
• vue-ui-scatter (DONE)
• vue-ui-sparkbar (DONE)
• vue-ui-sparkhistogram (DONE)
• vue-ui-sparkline (DONE)
• vue-ui-sparkstackbar (DONE)
• vue-ui-thermometer (DONE)
• vue-ui-vertical-bar (DONE)
• vue-ui-waffle (DONE)
• vue-ui-xy (DONE)