js-harvester/examples/src/playwright/rozetka.js

Harvester is a lightweight and highly optimized javascript library for extracting data from the DOM tree. It supports extraction of tag texts with specified types and attributes. it's tiny and has no dependencies and also works with Puppeteer

import { harvestPageAll } from 'js-harvester/playwright.js'
import { open } from './utils.js'

const PRODUCTS_QUERY = 'rz-product-tile'
const TPL = `
  rz-product-tile
    div
      *
        img[img=src]
      *{title}
      div
        rz-tile-price
          div{oldPrice}
          div{price:func:price}
`
const page = await open()

await page.goto('https://rozetka.com.ua/', { waitUntil: 'load' })
await page.waitForSelector(PRODUCTS_QUERY)
await page.evaluate(() => { window.price = function price (_, el) { return el.className.indexOf('price') > -1 } })
const news = await harvestPageAll(page, TPL, PRODUCTS_QUERY, { inject: true, dataOnly: true })
console.log(news, '\nPress Ctrl-C to stop...')