Selenium報錯ElementNotInteractableException元素不可交互，該如何解決？

簡介

在使用 Selenium 進行 Web 自動化測試時，我們可能會遇到各種異常情況。其中之一就是 ElementNotInteractableException 異常，這通常意味着在嘗試與頁面元素交互時出現了問題。本文將詳細介紹這個異常的原因、可能的解決方法，並提供示例代碼來幫助你更好地理解和處理這種情況。

問題原因

ElementNotInteractableException 異常通常在以下情況下出現：

1. 元素被遮擋： 頁面元素被其他元素遮擋，導致無法進行交互操作，如點擊、輸入等。
2. 元素不可見： 頁面元素可能存在於 DOM 結構中，但由於樣式或其他因素，它在頁面上是不可見的。
3. 元素被禁用： 元素雖然可見，但可能被設置爲不可交互狀態（如被禁用的按鈕）。
4. 元素位於框架中： 如果元素位於 <iframe> 或 <frame>標籤內部，你需要先切換到正確的框架才能與該元素交互。

解決方法

針對 ElementNotInteractableException 異常，我們可以使用以下解決方法：

1. 等待元素可交互： 在嘗試與元素交互之前，使用適當的等待策略等待元素變得可交互。這可以通過使用 顯式等待WebDriverWai 結合條件等待來實現。
2. 確保元素可見： 在操作元素之前，確保它在頁面上可見。可以使用 ExpectedConditions.visibilityOfElementLocated 條件來等待元素可見。
3. 檢查元素狀態： 在嘗試與元素交互之前，檢查元素是否處於可交互狀態，例如是否被禁用。
4. 切換到正確的框架： 如果元素位於<frame>內部，我們需要先切換到該frame內部纔可以進行操作。

解決示例

以下是一個示例代碼，演示瞭如何處理 ElementNotInteractableException 異常。假設我們要點擊一個按鈕，但按鈕可能會在頁面加載後一段時間後纔可見。

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

# 創建瀏覽器實例
driver = webdriver.Chrome()

# 打開頁面
driver.get("https://example.com")

try:
    # 使用等待策略等待按鈕可見並可交互
    button = WebDriverWait(driver, 10).until(
        EC.element_to_be_clickable((By.ID, "my-button"))
    )
    
    # 確保按鈕可見後再點擊
    button.click()

except ElementNotInteractableException:
    print("按鈕不可交互或不可見")

finally:
    driver.quit()

在這個示例中，我們使用了 WebDriverWait 來等待按鈕可交互，然後嘗試點擊按鈕。如果按鈕不可交互或不可見，就會捕獲異常並輸出相應的信息。

總結

元素不可交互異常即ElementNotInteractableException是Selenium 測試中常見的問題之一，通常是因爲頁面元素的交互狀態不符合預期。通過合適的等待策略、確保元素可見以及檢查元素狀態，我們可以更好地處理這種異常，從而提高自動化測試的穩定性和可靠性。