Estoy tratando de consultar una aplicación web compleja para obtener algunos datos...

Un ejemplo muy simplificado es el siguiente

 <section class="Test newTest testTest active"> <div> </div> <a class="classLink1 classlink2 classlink3" data-render="test">Link</a> </div> </div> </section> <section class="Test newTest testTest"> <div> </div> <a class="classLink1 classlink2 classlink3" data-render="test">Link</a> </div> </div> </section>

Problema

• Hay algunas etiquetas <a> con nombres de clases muy similares y algunos conjuntos de datos con valores únicos que no quiero consultar
• Estoy tratando de apuntar solo a la etiqueta <a> donde la <section> principal tiene una clase .active . Pero puede que no sea el padre inmediato si eso tiene sentido.

estoy intentando algo como esto

 document.querySelectorAll('section.Test.newTest.testTest.active a.classLink1.classlink2.classlink3 [data-render="test"]')

Pero parece devolver una lista de nodos vacía.