Testing grid grouping selnium

[n/a]

 

Hi there

 

We're using selenium to generate our end to end tests. We are struggling to automate the drag and drop support for column grouping. Do you have any guidelines on how to test this functionality?

 

Thanks

[T. Tsonev]

Hi,

The e2e test suite in the package source includes a test for drag-and-drop grouping:
(kendo-angular-grid/e2e/grouping.spec.ts)

import { browser, element, by } from '@progress/kendo-angular-e2e';
import { pointerDown, pointerMove, pointerUp } from '@progress/kendo-angular-e2e';

...
    it('should allow grouping by drag-and-drop', async () => {
        const headerSelector = 'th:nth-child(3)';
        await pointerDown(headerSelector);

        await browser.sleep(200);
        await pointerMove(headerSelector, 200, 25);
        await browser.sleep(200);
        await pointerUp(headerSelector, 200, 25);

        const groupingHeader = element(by.css('tr[kendogridgroupheader]'));
        expect(await groupingHeader.isDisplayed()).toBe(true);

        const removeGroup = element(by.css('kendo-grid-group-panel .k-icon.k-i-group-delete'));
        await removeGroup.click();
        expect(await groupingHeader.isPresent()).toBe(false);
    });...

The pointerDown, pointerMove and pointerUp are included in an auxiliary package that is not officially supported.
I've made they source available in a gist, if you'd like to omit the dependency to it.

Best Regards,
T. Tsonev
Progress Telerik