Doing multi-sorting in an Angular Ag Grid by pressing shift via Cypress

[HaNdyMaN89]

Hey, everyone.

I am trying to multisort in an ag-grid which is combined with Web Components (and thus shadow dom) within an Angular app via cypress. Essentially I just have to hold shift while I click the sorting button on a second column after already sorting on one other column. But no matter what I tried I either don't click the second column sorting or just switch to sorting by the second column and forget the first one. I know that the shadow dom causes pain for automated software to find, click and other actions on the page.
I tried the following things (the then jquery workaround is needed, because otherwise cypress fails with "Timed out retrying: Illegal invocation" if I just click() the xpath directly, because of the shadow dom. I tried all bellow combinations while replacing the then promise click with https://github.com/abramenal/cypress-shadow-dom#shadowClick without a then promise, still no luck):

cy.xpath('//eds-data-grid[@id="' + tableId + '"]//div[span="' + columnName + '"]').
then((columnSorting) => {
        columnSorting.click({shiftKey: true});
});

cy.get('body').trigger('keydown', {
    srcElement: 'body', target: 'body', shiftKey: true,
    force: true, keyCode: 16, key: 'Shift',
    code: 'ShiftLeft', which: 16, release: false
})
cy.wait(5000);
cy.xpath('//eds-data-grid[@id="' + tableId + '"]//div[span="' + columnName + '"]')
    .then((columnSorting) => {
        columnSorting.click();
    });
cy.wait(5000);
cy.get('body').trigger('keyup', {
    srcElement: 'body', target: 'body', shiftKey: true,
    force: true, keyCode: 16, key: 'Shift',
    code: 'ShiftLeft', which: 16
})

3. The suggestions here https://stackoverflow.com/questions/56844697/how-to-simulate-long-hold-key-press-on-cypress
4. Suggestions here Send key F3 without input #1867
5. Also tried https://github.com/dmtrKovalenko/cypress-real-events#cyrealpress, but the problem there is that it does not allow for actions in between the keydown and keyup events.

cy.xpath('//eds-data-grid[@id="' + tableId + '"]//div[span="' + columnName + '"]').
shadowClick({shiftKey: true});

Using https://github.com/abramenal/cypress-shadow-dom . Does not work, because https://github.com/abramenal/cypress-shadow-dom does not have the "shiftKey" option

Any help would be appreciated.