getRides.js

let rides = [];
let lastRideId = undefined;

const getRides = () => {
  const tripNodes = Array.from(
    document.querySelectorAll(".trip-expand__origin")
  );

  const id = tripNodes[0].dataset.target.replace("#trip-", "");
  const hasNewRides = lastRideId !== id;
  
  if (hasNewRides) {
    const trips = tripNodes.map(trip => {
      const share = trip.querySelector(".color--neutral");
      const divisor = share ? Math.floor(share.textContent.match(/( [A-Z][A-z ]+)+/g).map(name => name.substr(1)).length  + 1) : 1;
      const priceNode = trip.children[3].textContent.trim().match(/(?<price>(^(?![\s\S])|[0-9\. ]+)|Canceled)/).groups.price;
      const price = priceNode !== "Canceled" ? (priceNode / divisor).toFixed(2) : priceNode;      
      return {
        id: trip.dataset.target.replace("#trip-", ""),
        date: trip.children[1].textContent.split(/(You|This)/)[0],
        driver: trip.children[2].textContent,
        price,
        origin: trip.nextSibling.querySelectorAll("h6.flush")[0].textContent,
        destination: trip.nextSibling.querySelectorAll("h6.flush")[1].textContent
      }
    });
    
    lastRideId = trips[0].id;
    rides = rides.concat(trips);

    const nextPage = document.querySelector(".pagination__next");
    if (nextPage) {
      nextPage.click();
    } else {
      clearInterval(interval);
    }
  }
};

const interval = setInterval(getRides, 1000);

const objToCSV = (obj) => obj.map((element) => `"${Object.values(element).join('","')}"`).join("\n");

// Just run console.log(objToCSV(rides)) after get all data :)