Как написать XPath и CSS для этого HTML?

Question

Как написать правильный Xpath и CSS для следующего элемента - Quick look.

На сайте есть несколько кнопок быстрого просмотра, но я пытаюсь нажать одну из них.

<button type="button" class="cta-button cta-button--small cta-button--quick-look cta-button--nordstromrack"><span class="cta-button__content">Quick Look<span class="cta-button__hidden-text">Nike - Club Crew Neck Sweater</span></span><img alt="spinner" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAB6ElEQVR4nI2UO0hcURCG7+q6vhAhWqyiqLVgp4F0FnYSSOErxlbBJoWgEjtLFWOnkkpQsApYSDBlRFFMQIikUUHRhSw+UePbvX5/du5yXU3WAx//zNwzc86cc3aDrus63ggEArlINrF982uQbnhPLOL8YwST/Gr4SPJLkq6xw/AKXkDECmchV65v9eQia1AKnTACx1AIR745GeRfPtgJldPQHD6cqQ38WvxVdAb9AYMQxU+3Rc987aeTc6egttdDoBJtJ/gT+zX2KfYftM+XpC5cVHkVmoMdlaPev1jvSwTrmDf71AESj/E9x1rWAscqGoRbnEU+NqINmvtUAd+IwYHwDldnUoLmwx6xsRQFHDvUS/JCkKFO1M4oVGkFgl1M+pyqEPPKLEddRFSkHwog6sSv+Dljx4mfiW7sXGeyYtX1Ht6hX//3Ou1gi5iz6cWCdv9N0OPEH9e3FLvIgxbyltHvFDtSOyFohXno1aNjgvrdxT707aAYiRH7jT1pC99gz6vIFbR5CQT1e5mCN9jnaC3f9I7CtoMP+FvokO3q7zvRvXsFMpE5mCa+YTsaQBfQVaiHtzCh527tP/oBlsMvGDZfV7kNBSSdUGwcuxnV38VF4mCTimxBh2/COuj2TuQQ1w/xkx1BYtwD0aDcaegH9T8AAAAASUVORK5CYII=" class="cta-button__spinner"></button>
<span class="cta-button__content">Quick Look<span class="cta-button__hidden-text">Nike - Club Crew Neck Sweater</span>

Answer 1

Трудно понять, является ли это уникальным локатором без более широкого контекста HTML, но попробуйте это как локатор CSS:

'button.cta-button--nordstromrack' 

Answer 2

Вот xpath, если вы пытаетесь нажать на кнопку быстрого просмотра «Nike - Club Crew New Sweater».

//span[.='Nike - Club Crew Neck Sweater']/ancestor::button