puppeteer.js

// Created with https://checklyhq.com/docs/puppeteer-recorder/

const puppeteer = require('puppeteer');
(async () => {
  const browser = await puppeteer.launch()
  const page = await browser.newPage()
  
  const navigationPromise = page.waitForNavigation()
  
  await page.goto('https://demo.front-commerce.com/')
  
  await page.setViewport({ width: 1916, height: 969 })
  
  await page.waitForSelector('.navigation > .container > .navigation-menu > .navigation-menu__item--active > span')
  await page.click('.navigation > .container > .navigation-menu > .navigation-menu__item--active > span')
  
  await page.waitForSelector('span:nth-child(1) > .product-list__item > .product-list__item__overview > .product-overview > .product-overview__name > .link')
  await page.click('span:nth-child(1) > .product-list__item > .product-list__item__overview > .product-overview > .product-overview__name > .link')
  
  await page.waitForSelector('.product__synthesis > div > .product__details > div > .button')
  await page.click('.product__synthesis > div > .product__details > div > .button')
  
  await page.waitForSelector('.account-form__connection > .account-form__connection__form > form > .form-actions > .button')
  await page.click('.account-form__connection > .account-form__connection__form > form > .form-actions > .button')
  
  await navigationPromise
  
  await page.select('form #\31 44', '10')
  
  await page.waitForSelector('form #\31 44')
  await page.click('form #\31 44')
  
  await page.select('form #\31 46', '18')
  
  await page.waitForSelector('form #\31 46')
  await page.click('form #\31 46')
  
  await page.waitForSelector('div > .product__add-to-cart > .add-to-cart > .add-to-cart__button > .button')
  await page.click('div > .product__add-to-cart > .add-to-cart > .add-to-cart__button > .button')
  
  await page.waitForSelector('.ReactModal__Body--open > .ReactModalPortal > .ReactModal__Overlay')
  await page.click('.ReactModal__Body--open > .ReactModalPortal > .ReactModal__Overlay')
  
  await page.waitForSelector('.cookie-notice > .form-actions > .button--primary > .labelled-icon > .labelled-icon__content')
  await page.click('.cookie-notice > .form-actions > .button--primary > .labelled-icon > .labelled-icon__content')
  
  await page.waitForSelector('.mini-cart > .button > .labelled-icon > .labelled-icon__content > .body > span')
  await page.click('.mini-cart > .button > .labelled-icon > .labelled-icon__content > .body > span')
  
  await page.waitForSelector('.mini-cart > .mini-cart__container > .mini-cart-content > .form-actions > .button--primary')
  await page.click('.mini-cart > .mini-cart__container > .mini-cart-content > .form-actions > .button--primary')
  
  await page.waitForSelector('.box > .titled-card__children > div > .form-actions > .button')
  await page.click('.box > .titled-card__children > div > .form-actions > .button')
  
  await page.waitForSelector('.titled-card__children > form > .form-actions > .button > span')
  await page.click('.titled-card__children > form > .form-actions > .button > span')
  
  await page.waitForSelector('div > .radio:nth-child(2) > label > .item-with-addon > .item-with-addon__name')
  await page.click('div > .radio:nth-child(2) > label > .item-with-addon > .item-with-addon__name')
  
  await page.waitForSelector('.wrapper-test-card-list > #testCardList > tbody > .cb:nth-child(25) > td:nth-child(2)')
  await page.click('.wrapper-test-card-list > #testCardList > tbody > .cb:nth-child(25) > td:nth-child(2)')
  
  await page.waitForSelector('.form-item > .form-item__label > .label--required > .body > span')
  await page.click('.form-item > .form-item__label > .label--required > .body > span')
  
  await browser.close()
})()