Selenium跨浏览器测试抛出错误NoSuchElementException求助

Hey there! Let's work through your Selenium issues together since you're just getting started—totally get how frustrating these initial hiccups can be. Let's break down what's going on and how to fix it:

Key Observations & Fixes #

1. Chrome Test Failures #

From your Chrome failure screenshot, the most common culprits here are usually:

• Mismatched ChromeDriver & Chrome Browser Versions: This is the #1 gotcha for Chrome. Make sure your ChromeDriver version exactly matches the major version of your Chrome browser (e.g., Chrome v118 needs ChromeDriver v118.x).
• Missing Explicit Waits: If you're using time.sleep() or no waits at all, Chrome might be loading elements faster/slower than your code expects. Replace hard waits with explicit waits to ensure elements are ready before interacting:

  from selenium.webdriver.support.ui import WebDriverWait
  from selenium.webdriver.support import expected_conditions as EC
  from selenium.webdriver.common.by import By
  
  # Wait up to 10 seconds for the customer select to be clickable
  wait = WebDriverWait(driver, 10)
  customer_select = wait.until(EC.element_to_be_clickable((By.ID, 'customer-id')))
  

2. Firefox Behavior Differences #

Firefox often behaves differently due to driver/browser version mismatches or default settings:

• Check GeckoDriver & Firefox Versions: Just like Chrome, GeckoDriver needs to be compatible with your Firefox version. Double-check these versions and update if needed.
• Verify Browser-Specific Settings: Firefox handles things like file uploads or JavaScript execution slightly differently. Compare your test steps across browsers to see if there's an operation that's triggering this discrepancy (e.g., file input interactions).

3. Assertion vs. Actual Result Mismatch #

You mentioned you expected an exception to be thrown (since there's no frame on the page), but it didn't happen. Let's clarify:

• An exception like NoSuchFrameException only gets thrown if your code actually tries to switch to a frame that doesn't exist. If your test isn't performing a switch_to.frame() call, no exception will be raised.
• To properly test this assertion, make sure your code attempts to switch to a non-existent frame, then validate the exception is thrown. For example (using pytest):

  from selenium.common.exceptions import NoSuchFrameException
  import pytest
  
  def test_no_frame_exception():
      driver.get("your_page_url_here")
      # Assert that switching to a non-existent frame throws the expected exception
      with pytest.raises(NoSuchFrameException):
          driver.switch_to.frame("fake_frame_id")
  

Your Page's HTML Code #

Here's the HTML you provided for reference:

<body> 
  <div id='react-app'> 
    <div data-reactroot='' class='container-fluid'> 
      <div class='row'> 
        <div class='col-sm-1'> 
        </div> 
        <div class='col-sm-10'> 
          <div> 
            <div> 
              <h1>Customer</h1> 
              <div> 
                <select id='customer-id'> 
                  <option value='BAH'>BA Holidays</option> 
                  <option value='CHEAPCARIB'>CheapCaribbean</option> 
                  <option value='DELTA'>Delta Vacations</option> 
                  <option value='1TEST'>1 Vacations</option> 
                  <option value='LATAM'>LATAM</option> 
                  <option value='SPIRIT'>Spirit Airlines</option> 
                  <option value='THOMASCKUK'>Thomas Cook UK</option> 
                </select> 
              </div> 
              <div> 
                <h2>Profile</h2> 
                <select id='profile-id'> 
                  <option value='DL_FH'>DL_FH</option> 
                  <option value='DL_FHM'>DL_FHM</option> 
                </select> 
              </div> 
              <div> 
                <button id='download-order-template' class='ui-button ui-widget ui-state-default ui-corner-all'> 
                  <span class='ui-button-text ui-c'> Download Template </span> 
                </button> 
              </div> 
              <div> 
                <h2>Place a new standalone order</h2> 
                <span class='ui-button ui-fileupload-choose ui-widget ui-state-default ui-corner-all ui-button-text-icon-left'> 
                  <span class='ui-button-icon-left fa fa-plus'> 
                  </span> 
                  <span class='ui-button-text ui-clickable'> Select File To Upload </span> 
                  <input type='file' accept='application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'> 
                </span> 
              </div> 
              <div> 
                <h2>Replace all Subscriptions</h2> 
                <span class='ui-button ui-fileupload-choose ui-widget ui-state-default ui-corner-all ui-button-text-icon-left'> 
                  <span class='ui-button-icon-left fa fa-plus'> 
                  </span> 
                  <span class='ui-button-text ui-clickable'> Select File To Upload </span> 
                  <input type='file' accept='application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'> 
                </span> 
              </div> 
              <h2>Subscription Lines</h2> 
              <div> 
                <h3 id='no-subscriptions-message'> No subscriptions are available for selected profile </h3> 
              </div> 
            </div> 
          </div> 
        </div> 
        <div class='col-sm-1'> 
        </div> 
      </div> 
    </div> 
  </div> 
  <script src='/dist/vendor.js?v=FSqTLWksDyRJ8ISowkFa5SF8Km7z2u2VqPZf0m3lpXA'></script> 
  <script src='/dist/main.js?v=zuIW3HpayKUQgmfsu0Hi17_VJILvxurljy9Fv0yHLMA'></script> 
</body>

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