Почему эти элементы не затягиваются, как и ожидалось? ⇐ Javascript

[Anonymous]

Я использую Playwright и пытаюсь перетащить список на этом сайте в правильный заказ. Эти локаторы работают так, как ожидалось, и перетаскивание действительно часто работает. Я попробовал Dragto (), комбинацию мыши вверх, вниз и падения, и множество разных селекторов. Ничто не работает последовательно. Я срочно готовлюсь к тестированию, поэтому любая помощь будет оценена, пожалуйста, не обращайте внимания на неаккуратный код. < /P>
// launch browser and open a new page
const { context } = await launch();
const page = await context.newPage();

// go to sortable list site
await page.goto('https://qaplayground.dev/apps/sortable-list/');

// order list
const correctOrder = [
'Jeff Bezos',
'Bill Gates',
'Warren Buffett',
'Bernard Arnault',
'Carlos Slim Helu',
'Amancio Ortega',
'Larry Ellison',
'Mark Zuckerberg',
'Michael Bloomberg',
'Larry Page'
];

async function swapItemToIndex(textIndex, listIndex) {
const correctItem = `div.draggable:has-text('${correctOrder[textIndex]}')`;
const targetItem = `li[data-index="${listIndex}"]`;
await page.dragAndDrop(correctItem, targetItem);
}

await swapItemToIndex(0, 0);
await swapItemToIndex(1, 1);

// the elements are not ordered as expected


Подробнее здесь: https://stackoverflow.com/questions/795 ... s-expected