使用 Python 和 Selenium 來建立一個簡單的登入功能的自動測試

自動測試

葉承宇 (丁丁) Dean Yeh 2023-10-03 20:54:50 ‧ 687 瀏覽

分享至

使用 Python 和 Selenium 來建立一個簡單的登入功能的自動測試。

步驟一：建立測試環境

確保你已經安裝了Selenium套件：(Selenium: 用於自動化瀏覽器操作。)

pip install selenium

下載Chrome WebDriver並確保它可以被 Python 找到。(Chrome WebDriver: 用於控制Chrome瀏覽器。)
你可以從這裡下載：https://sites.google.com/a/chromium.org/chromedriver/downloads

步驟二：建立網頁(待測物)

登入頁面 (`login.html`)

<!DOCTYPE html>
<html>
<head>
    <title>Login Page</title>
    <script>
        function loginUser() {
            var username = document.getElementById("username").value;
            var password = document.getElementById("password").value;

            if (username === "testuser" && password === "testpassword") {
                document.getElementById("loginResult").innerHTML = "Login Successful!";
            } else {
                document.getElementById("loginResult").innerHTML = "Invalid username or password";
            }
        }
    </script>
</head>
<body>
    <h1>Login</h1>
    <div>
        <label for="username">Username:</label>
        <input type="text" id="username" name="username">
    </div>
    <div>
        <label for="password">Password:</label>
        <input type="password" id="password" name="password">
    </div>
    <div>
        <button onclick="loginUser()">Login</button>
    </div>
    <div id="loginResult"></div>
</body>
</html>

步驟三：建立測試

測試程式 (`test_login.py`)

from selenium import webdriver

def test_login_functionality():
    # 啟動瀏覽器
    driver = webdriver.Chrome()

    # 前往登入頁面
    driver.get("file:///path_to_login.html")  # 替換成你的 login.html 檔案路徑

    # 找到輸入框，輸入帳號密碼
    username = driver.find_element_by_id("username")
    password = driver.find_element_by_id("password")

    username.send_keys("testuser")
    password.send_keys("testpassword")

    # 找到登入按鈕並點擊
    login_button = driver.find_element_by_tag_name("button")
    login_button.click()

    # 驗證登入結果
    login_result = driver.find_element_by_id("loginResult")
    assert login_result.text == "Login Successful!"

    # 關閉瀏覽器
    driver.quit()

步驟四：執行測試

使用pytest執行你的測試：

python -m pytest test_login.py

這樣，你就可以確保登入按鈕能正確顯示並執行登入功能了。

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

尚未有邦友留言

立即登入留言

參賽組數

1064 組

團體組數

40 組

累計文章數

22200 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙