export const mockChartProp = {
    chartTitle: "Titulo do gráfico",
    chartSubTitle: "Sub-titulo do gráfico",
    series: [{
        name: 'Qtd. Vendas',
        data: [23, 20, 22, 26, 24, 28],
        yAxis: 1,
        showDataLabel: true,
    }, {
        name: 'Vlr. Vendas',
        data: [25600, 21600, 24500, 26890, 20560, 22508],
        yAxis: 0,
        toolTipFormatter: jest.fn(),
    }],
    yAxis: [{
        text: 'Valor das vendas no semestre',
    },
    {
        text: 'Quantidade de itens vendidos',
        invertedPosition: true,
    }],
    xAxis: {
        text: 'Defina uma descrição para o eixo',
        formatter: jest.fn(),
        color: '#008561',
        categories: ['Jan', 'Feb', 'Mar', 'Abr', 'Mai', 'Jun']
    },
}

export const expectChart = {
    title: { text: "Titulo do gráfico" },
    subtitle: { text: "Sub-titulo do gráfico" },
    tooltip: { formatter: function () { return jest.fn(); } },
    yAxis: [
        {
            title: { text: "Valor das vendas no semestre" }
        },
        {
            title: { text: "Quantidade de itens vendidos" },
            opposite: true,
        },
    ],
    xAxis: {
        categories: ["Jan", "Feb", "Mar", "Abr", "Mai", "Jun"],
        title: {
            text: "Defina uma descrição para o eixo",
            style: { color: "#008561" }
        }
    },
    series: [{
        name: "Qtd. Vendas",
        data: [23, 20, 22, 26, 24, 28],
        dataLabels: { enabled: true },
        yAxis: 1,
    }, {
        name: "Vlr. Vendas",
        data: [25600, 21600, 24500, 26890, 20560, 22508],
        yAxis: 0,
    }],
    rules: [
        {
            condition: { maxWidth: 500 },
            chartOptions: {
                legend: { enabled: false },
                xAxis: {
                    labels: { enabled: false },
                    gridLineWidth: 0,
                },
                yAxis: {
                    labels: { enabled: false },
                    gridLineWidth: 0,
                },
            },
        },
        {
            condition: { maxWidth: 600 },
            chartOptions: {
                xAxis: {
                    labels: {
                        style: { fontSize: "10px" },
                    },
                },
                yAxis: {
                    labels: {
                        style: { fontSize: "10px" },
                    },
                },
                title: {
                    style: { fontSize: "14px" },
                },
                subtitle: {
                    style: { fontSize: "12px" },
                },
            },
        },
        {
            condition: { maxWidth: 400 },
            chartOptions: {
                chart: { margin: [10, 10, 15, 10] },
                subtitle: { text: null },
                title: { text: null },
            },
        },
    ],
    credits: { enabled: false },
}


export const mockChartPieProp = {
    chartTitle: "Titulo do gráfico",
    chartSubTitle: "Sub-titulo do gráfico",
    series: {
        name: 'venda',
        data: [
            { name: 'Chrome', y: 74.03 },
            { name: 'Edge', y: 12.66 },
            { name: 'Firefox', y: 4 },
            { name: 'Internet Explorer', y: 2 },
            { name: 'Other', y: 3 }
        ],
        showDataLabel: true,
    }
}

export const expectPieChart = {
    series: [{
        name: "venda",
        data: [
            { name: 'Chrome', y: 74.03 },
            { name: 'Edge', y: 12.66 },
            { name: 'Firefox', y: 4 },
            { name: 'Internet Explorer', y: 2 },
            { name: 'Other', y: 3 }
        ],
        dataLabels: { enabled: true },
    }],
}