Function itShouldBehaveLikeARowChartWithGroup

spec/row-chart-spec.js:200–495

(groupHolder, N, xAxisTicks)

    });

    function itShouldBehaveLikeARowChartWithGroup (groupHolder, N, xAxisTicks) {
        describe(`for ${groupHolder.groupType} data`, () => {
            beforeEach(() => {
                chart.group(groupHolder.group);
            });

            describe('rendering the row chart', () => {
                beforeEach(() => {
                    chart.render();
                });

                it('should create a root svg node', () => {
                    expect(chart.select('svg').size()).toBe(1);
                });

                it('should create a row group for each datum', () => {
                    expect(chart.selectAll('svg g g.row').size()).toBe(N);
                });

                it('should number each row sequentially with classes', () => {
                    chart.selectAll('svg g g.row').each(function (r, i) {
                        expect(d3.select(this).attr('class')).toBe(`row _${i}`);
                    });
                });

                it('should fill each row rect with pre-defined colors', () => {
                    for (let i = 0; i < N; i++) {
                        expect(d3.select(chart.selectAll('g.row rect').nodes()[i]).attr('fill'))
                            .toMatchColor(dc.config.defaultColors()[i]);
                    }
                });

                it('should create a row label from the data for each row', () => {
                    expect(chart.selectAll('svg text.row').size()).toBe(N);

                    chart.selectAll('svg g text.row').call(t => {
                        expect(+t.text()).toBe(t.datum().key);
                    });
                });

                describe('row label vertical position', () => {
                    let labels, rows;
                    beforeEach(() => {
                        labels = chart.selectAll('svg text.row');
                        rows = chart.selectAll('g.row rect');
                    });

                    function itShouldVerticallyCenterLabelWithinRow (i) {
                        it(`should place label ${i} within row ${i}`, () => {
                            const rowpos = rows.nodes()[i].getBoundingClientRect(),
                                textpos = labels.nodes()[i].getBoundingClientRect();
                            expect((textpos.top + textpos.bottom) / 2)
                                .toBeWithinDelta((rowpos.top + rowpos.bottom) / 2, 2);
                        });
                    }
                    for (let i = 0; i < N ; ++i) {
                        itShouldVerticallyCenterLabelWithinRow(i);
                    }