QUnit.test('Drill down on points and categories', function (assert) {
    const { fireEvent } = Highcharts;
    var chart = Highcharts.chart('container', {
        chart: {
            type: 'column'
        },
        title: {
            text: 'Highcharts multi-series drilldown'
        },
        subtitle: {
            text:
                'Click columns to drill down to single series. Click categories to drill down both.'
        },
        xAxis: {
            type: 'category'
        },
        plotOptions: {
            series: {
                borderWidth: 0,
                dataLabels: {
                    enabled: true
                }
            }
        },
        series: [
            {
                name: '2010',
                data: [
                    {
                        name: 'Republican',
                        y: 5,
                        drilldown: 'republican-2010'
                    },
                    {
                        name: 'Democrats',
                        y: 2,
                        drilldown: 'democrats-2010'
                    },
                    {
                        name: 'Other',
                        y: 4,
                        drilldown: 'other-2010'
                    }
                ]
            },
            {
                name: '2014',
                data: [
                    {
                        name: 'Republican',
                        y: 4,
                        drilldown: 'republican-2014'
                    },
                    {
                        name: 'Democrats',
                        y: 4,
                        drilldown: 'democrats-2014'
                    },
                    {
                        name: 'Other',
                        y: 4,
                        drilldown: 'other-2014'
                    }
                ]
            }
        ],
        drilldown: {
            series: [
                {
                    id: 'republican-2010',
                    name: 'republican-2010 series',
                    data: [
                        ['East', 4],
                        ['West', 2],
                        ['North', 1],
                        ['South', 4]
                    ]
                },
                {
                    id: 'democrats-2010',
                    data: [
                        ['East', 6],
                        ['West', 2],
                        ['North', 2],
                        ['South', 4]
                    ]
                },
                {
                    id: 'other-2010',
                    data: [
                        ['East', 2],
                        ['West', 7],
                        ['North', 3],
                        ['South', 2]
                    ]
                },
                {
                    id: 'republican-2014',
                    data: [
                        ['East', 2],
                        ['West', 4],
                        ['North', 1],
                        ['South', 7]
                    ]
                },
                {
                    id: 'democrats-2014',
                    data: [
                        ['East', 4],
                        ['West', 2],
                        ['North', 5],
                        ['South', 3]
                    ]
                },
                {
                    id: 'other-2014',
                    data: [
                        ['East', 7],
                        ['West', 8],
                        ['North', 2],
                        ['South', 2]
                    ]
                }
            ]
        }
    });

    chart.options.drilldown.animation = false;

    assert.equal(chart.series.length, 2, 'On first level should be 2 series');
    assert.equal(
        chart.series[0].name,
        '2010',
        'First series name should be `2010`'
    );

    // Click first point
    fireEvent(chart.series[0].points[0], 'click');
    assert.equal(chart.series.length, 1, 'On second level should be 1 series');
    assert.equal(
        chart.series[0].name,
        'republican-2010 series',
        'First series name should be `republican-2010 series`'
    );

    // ... and, we're back
    chart.drillUp();
    assert.equal(
        chart.series[0].name,
        '2010',
        'First level name should be `2010`'
    );

    // Click the category
    fireEvent(chart.xAxis[0].ticks[0].label.element, 'click');
    assert.equal(chart.series.length, 2, 'On second level should be 2 series');
    assert.equal(
        chart.series[0].name,
        'republican-2010 series',
        'Name of first series should be `republican-2010 series`'
    );
});
