How to display data from two maps in the order they appear on the page?

Question

Currently I have something like this

const test2 = await page.evaluate(() =>
    Array.from(document.querySelectorAll(\'.div1\')).map((xxx) => xxx.innerText