e2e inner scroll until element rendered in DOM

async ({ I }) => {
    await I.usePlaywrightTo('scroll table', async ({ page }) => {
        await page.setViewportSize({ width: 1600, height: 1200 })
        await page.evaluate(() => {
            const table = document.querySelector('.table .tbody > div')
            const radarCellXPath = '//span[@class="devices-select__table-type-cell"][contains(., \'2в1\')]'
            let yScroll = 120
            for (let i = 0; i < 100; i++) {
                table.scroll(0, yScroll)
                yScroll += 220
                if (document.evaluate(radarCellXPath, document, null, XPathResult.ANY_TYPE, null).iterateNext() !== null)
                    break
            }
        })
    })
}