Esto falla al hacer clic en el elemento:

 await page.click( "#trigger > ytcp-dropdown-trigger > div > div.right-container.style-scope.ytcp-dropdown-trigger > tp-yt-iron-icon" );

Sin embargo, esto tiene éxito y se revela el menú desplegable esperado.

 await page.evaluate(() => { let el: HTMLElement = document.querySelector( "#trigger > ytcp-dropdown-trigger > div > div.right-container.style-scope.ytcp-dropdown-trigger > tp-yt-iron-icon" ); el.click(); });

Preferiría que funcionara el primero, y dado que ambos usan el mismo selector, no estoy seguro de por qué no funciona.

Youtube tiene mucho JS en esta página, y creo que este comportamiento inesperado es específico del sitio. Incluso si uso page.evaluate para hacer clic en la flecha desplegable, y luego espero a que otro elemento esperado esté en el DOM, y luego hago clic en ese elemento, el clic del elemento del menú desplegable no se registra. Probé con page.click(...) y page.evaluate(...) para el elemento del menú desplegable.