Recuperar SPAN que tenha 2 atributos definidos

Pessoal, estou quebrando a cabeça para retornar o elemento que tenha dois atributos definidos no HTML.

To tentando isso, mas sem sucesso:

 var elTpReporte = document.querySelectorAll('span[class="sp-tp-reporte"], span[data-click="1"]')[0]

 OU
 var elTpReporte = document.querySelectorAll('span[class="sp-tp-reporte"],[data-click="1"]')[0]

	 Ou Seja, preciso pegar a **primeira** SPAN (pois são duas) que tenha os atributos class = sp-tp-reporte E que tenha também o atributo data-click= 1

	 

	Tô errando na sintaxe... podem me ajudar?

	 

	Grato.