Logs all data test ids with console.group. Within a group the reference to the element is available.

logTestIds.js

function logIds() {
  function getDataTestIdElements() {
    return document.querySelectorAll('[data-test-id]')
  }
  function toArray(elementList) {
    return Array.from(elementList)
  }
  function toTagTestIdPair(item) {
    return {
      ref: item,
      id: item.getAttribute('data-test-id')
    }
  }
  function map(array, f) {
    return array.map(f)
  }
  function logElements(items) {
    for (const item of items) {
      const tagTitle = rightSpacing(item.ref.tagName, 6)
      console.groupCollapsed(`${tagTitle}: ${item.id}`)
      console.log(item.ref)
      console.groupEnd()
    }
  }
  /**
   * Adds spaces to the right of a text if it the text
   * does not exceed the amount of letters in the text 
   * than the provided length
   * @param text 
   * @param length 
   */
  function rightSpacing(text, length) {
    const diff = length - text.length;

    let result = text;
    for (let i = 0; i < diff; i++) {
      result = result + ' ';
    }
    return result
  }


  logElements(
    map(
      toArray(getDataTestIdElements()),
      toTagTestIdPair
    )
  )
}