DragAndDrop в WebdriverIO

Подскажите пожалуйста, почему у меня не работает drag and drop в WebdriverIO? Я проверил получение других элементов, чек бокс, все остальные функции - работают отлично, с dragAndDrop проблемы. У меня запускается программа, проходит 5 секунд + 5 секунд ожидание и она закрывается, при этом действий никаких нет. Функции для тестов (main.page.ts):

import { Element } from 'webdriverio';

class MainPage {
    public get itemsTodo (): Element[] {
        return $$('#item-card')
    }

    public get itemsBoard(): Element[] {
        return $$('#column-list')
    }

    public async pause() {
        await browser.pause(5000)
    }

    public async dragAndDropTodo (idTodo: number, idBoard: number) {
        const sourceElement = await this.itemsTodo[idTodo];
        const targetElement = await this.itemsBoard[idBoard];

        await sourceElement.dragAndDrop(targetElement)
    }

    async open() {
        await browser.url('http://localhost:3000/');
    }
}

export default new MainPage();

Сам тест (main.e2e.ts):

import MainPage from "../pageobjects/main.page";

describe('Drag card tests', () => {
    it('Drop card on other board', async () => {
        await MainPage.open();
        await MainPage.dragAndDropTodo(3, 2);
        await MainPage.pause();
    })
})

export {}

Соответственно атрибуты доски:

onDragOver={dragHandleOver}
             onDrop={dragHandleDrop}
             data-testid="column-list"
             id="column-list"

Атрибуты карточки:

     draggable={true}
     onDragStart={dragHandlerStart}
     onDragLeave={dragHandleLeave}
     onDragEnd={dragHandleEnd}
     onDragOver={dragHandleOver}
     onDrop={dragHandleDrop}
     data-testid="item-card"
     id="item-card"

Ниже на скриншоте внешний вид самого представления:

Буду признателен любой вашей помощи и идеям, почему drag and drop не работает. Ссылка на гит проекта