False positive on `prefer-array-at` on NodeListOf (no .at() method)

[johanrd]

The rule suggests .at(-1) for array-like DOM objects that don't have this method, causing runtime errors.

  // Before (works)                                                                                                                                                                                                                                                                                     
  const items = document.querySelectorAll('div');                                                                                                                                                                                                                                                       
  const last = items[items.length - 1];                                                                                                                                                                                                                                                                 
                                                                                                                                                                                                                                                                                                        
  // After applying fix (crashes)                                                                                                                                                                                                                                                                       
  const last = items.at(-1);                                                                                                                                                                                                                                                                            
  // Uncaught TypeError: document.querySelectorAll(...).at is not a function                                                                                                                                                                                                                            

NodeList, HTMLCollection, and similar DOM types are array-like but don't extend Array, so they lack .at().

Affected types:

• NodeList / NodeListOf
• HTMLCollection / HTMLCollectionOf
• NamedNodeMap
• DOMTokenList
• FileList
• TouchList
• etc.

[43081j]

every rule is non-type-aware by default, but we enhance some rules with types when available.

in this case, we could probably use the type checker to check if items is something with an at method. But for users without typescript, there's not much we can do here.

we could possibly try find the symbol in scope and see if it calls querySelector or querySelectorAll, but it'd be a fairly loose check.