vue-wcharts/src/components/Axis/WAxisText/WAxisText.spec.js

Vuejs charts

import { shallowMount } from '@vue/test-utils'
import WAxisText from './WAxisText.vue'

describe('Common/WAxisText', () => {
    const propsData = {
        x: 30,
        y: 135,
        index: 1,
        value: 'Page 1',
    }

    const provide = {
        Chart: {
            active: {
                el: null,
                event: null,
            },
            activeElements: [],
            setActive: () => undefined,
            cleanActive: () => undefined,
        },
    }

    const defaultConfig = {
        propsData,
        provide,
    }

    it(`Should be render correctly`, () => {
        const wrapper = shallowMount(WAxisText, defaultConfig)
        expect(wrapper.html()).toMatchSnapshot()
    })

    it(`Should be render correctly with custom styles`, () => {
        const wrapper = shallowMount(WAxisText, {
            ...defaultConfig,
            propsData: {
                ...propsData,
                styles: {
                    stroke: '#444',
                    fill: '#ddd',
                    fontSize: 12,
                },
            },
        })
        expect(wrapper.vm.stroke).toEqual('#444')
        expect(wrapper.vm.fill).toEqual('#ddd')
        expect(wrapper.vm.fontSize).toEqual(12)
        expect(wrapper.html()).toMatchSnapshot()
    })
})