selector should always prefer ID tags over classes

[tnolet]

currently, this is possible. A bunch of generated classes with a perfectly fine ID tag at the end. In these cases, the ID tag should "win" and the class selectors disregarded.

  await page.waitForSelector('.loCvjm > .dqCcvp > .iczaPt > .hkOTKM > #ListingSort--SortPicker')
  await page.click('.loCvjm > .dqCcvp > .iczaPt > .hkOTKM > #ListingSort--SortPicker')

[rationalthinker1]

I am thinking something like this:

const optimizedMinLength = (e.target.id) ? 2 : 10
const selector = this.dataAttribute && e.target.hasAttribute && e.target.hasAttribute(this.dataAttribute)
        ? formatDataSelector(e.target, this.dataAttribute)
        : finder(e.target, {seedMinLength: 5, optimizedMinLength: optimizedMinLength})

Basically, it the target element has an id, make the minimal length small to 2 and otherwise, make it 10. Although I think that it should always be 2, but I don't know whether the finder will uniquely select that element or not.