Python Selenium自动化测试问题：无法定位并点击结账流程中的“Proceed to Checkout”按钮

Hey Brad, let's work through why you're hitting that NoSuchElementException when trying to click the "Proceed to Checkout" button on the Add-Ons page. I’ve run into similar issues before, so here are the most likely fixes and a revised code example to get you back on track.

Common Causes & Fixes #

1. Replace Hardcoded time.sleep() with Explicit Waits #

Your current code uses time.sleep() to wait for pages to load, but this is unreliable—page load speeds vary based on internet or server performance. Instead, use Selenium's WebDriverWait with explicit conditions to ensure elements are ready before interacting with them. This is the #1 fix for missing element errors.

2. Verify Your Element Selector is Correct #

Chances are your CSS selector isn’t matching the actual button. Here’s how to double-check:

• Right-click the button in your browser and select Inspect to view its HTML.
• Check if the title attribute is actually proceed to checkout or if it’s capitalized (e.g., Proceed to Checkout—case matters in CSS selectors!).
• Confirm the element is a <button> tag—sometimes these checkout buttons are <a> links instead.
• Grab the selector directly from dev tools (right-click the element > Copy > Copy selector) to avoid typos.

3. Check for iframes or Shadow DOM #

If the button is nested inside an iframe, you’ll need to switch to that iframe first before locating the element. Similarly, if it’s in a shadow DOM, you’ll need extra steps to access it (though this is less common for checkout flows).

4. Ensure the Element is Visible & Unobscured #

Sometimes elements exist in the DOM but are hidden off-screen or blocked by a loading overlay. Scroll to the element first to make it visible, then wait for it to be clickable.

Revised Working Code Example #

I’ve updated your code with all these fixes, replacing sleep calls with explicit waits and adding safeguards for element visibility:

from selenium import webdriver
from selenium.webdriver.common.by import By
from webdriver_manager.chrome import ChromeDriverManager
from selenium.webdriver.support.wait import WebDriverWait
from selenium.webdriver.chrome.service import Service
from selenium.webdriver.support import expected_conditions as EC

# Initialize driver and wait (extended timeout for slower loads)
driver = webdriver.Chrome(service=Service(ChromeDriverManager().install()))
wait = WebDriverWait(driver, 15)
username = 'bmendenhall@sans.org'
password = 'Lloydcole2!'

try:
    driver.get('https://www.sans.org/')
    
    # Log in with explicit waits for elements to be ready
    wait.until(EC.element_to_be_clickable((By.CSS_SELECTOR, "a[aria-label='Log In']"))).click()
    wait.until(EC.visibility_of_element_located((By.CSS_SELECTOR, "input[id='username']"))).send_keys(username)
    wait.until(EC.visibility_of_element_located((By.CSS_SELECTOR, "input[id='password']"))).send_keys(password)
    wait.until(EC.element_to_be_clickable((By.CSS_SELECTOR, "input[id='regularsubmit']"))).click()
    
    # Navigate to cart page and wait for it to fully load
    driver.get('https://registration.sans.org/sans/s/cart/0a62J000000ClOsQAK')
    # Wait for a unique element on the cart page to confirm it's loaded (adjust this selector!)
    wait.until(EC.visibility_of_element_located((By.CSS_SELECTOR, "div.cart-header")))
    
    # Locate and click the proceed button with safeguards
    # Update this selector to match the actual button from your dev tools inspection!
    proceed_selector = "button[title='Proceed to Checkout']"
    # Wait for element to exist, scroll to it, then wait for clickability
    proceed_button = wait.until(EC.presence_of_element_located((By.CSS_SELECTOR, proceed_selector)))
    driver.execute_script("arguments[0].scrollIntoView({block: 'center'});", proceed_button)
    wait.until(EC.element_to_be_clickable((By.CSS_SELECTOR, proceed_selector))).click()
    
    # Wait for the Attendee Info page to load (adjust title to match your page)
    wait.until(EC.title_contains("Attendee Information"))
    
finally:
    # Ensure driver closes even if an error occurs
    driver.quit()

Quick Debugging Tips #

1. Inspect the button directly: Use your browser’s dev tools to confirm the exact tag, attributes, and position of the button.
2. Test selectors in dev tools: Use the dev tools console to run document.querySelector("your-selector")—if it returns null, your selector is wrong.
3. Use find_elements instead of find_element: This returns a list of matching elements. If the list is empty, the element isn’t present on the page.

内容的提问来源于stack exchange，提问作者Brad Mendenhall