UI自动化测试：会消失的弹窗（Toast）如何定位？

编程入门行业动态更新时间:2024-10-09 15:17:17

UI自动化<a href=https://www.elefans.com/category/jswz/34/1771117.html style= 测试：会消失的弹窗（Toast）如何定位？"/>

UI自动化测试：会消失的弹窗（Toast）如何定位？

前言

看到标题可能有的小伙伴们懵了，什么是Toast，其实Toast大家都见过，就是一般在我们页面中停留大概2~3秒的时间后自动消失的弹框，那么既然要做自动化，可能Toast也需要大家进行测试，那么小编今天就来介绍下如何定位页面上的Toast。

Toast

Toast 是一种简单的轻量级通知方式，它通常以短暂的形式出现在屏幕上，并在一段时间后自动消失。Toast 可以在应用程序中的任何部分使用，但不能与用户进行交互。

如何定位

既然是快速的2~3秒，那么我们如何进行定位其是否存在呢？首先小编先通过网上找了一段Toast的代码，然后进行简单修改后，通过html格式进行打开：

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><title>Toast</title></head><center> 
<body><button id="anjing" onclick="clickme();">点击有惊喜！</but-ton>  
</body>
</center>
<script>  function showToast(msg,duration){  duration=isNaN(duration)?3000:duration;  var m = document.createElement('div');  m.innerHTML = msg;  m.style.cssText="width:60%; min-width:180px; background:#000; opacity:0.6; height:auto;min-height: 30px; color:#fff; line-height:30px; text-align:center; border-radius:4px; position:fixed; top:60%; left:20%; z-index:999999;";  document.body.appendChild(m);  setTimeout(function() {  var d = 0.5;  m.style.webkitTransition = '-webkit-transform ' + d + 's ease-in, opacity ' + d + 's ease-in';  m.style.opacity = '0';  setTimeout(function() { document.body.removeChild(m) }, d * 1000);  }, duration);  
}  function clickme(){showToast("祝您身体健康！",3000);
}
</script>   
</html>

（左右滑动查看完整代码）

打开浏览器，接下来就是如何获取到Toast的元素值，我们找到了元素值，就能进行定位了。打开F12进入到source页面中，先通过点击按钮，然后让其Toast弹出，这个时候立刻点击暂停按钮，这时候页面就会静止不动，Toast也不会进行消失，然后在通过正常的定位Toast的元素位置就行了。

判断Toast是否正确

上面小编已经介绍了如何定位Toast的方法，那么定位方法学会了，我们就可以直接上手操作了，通常这类自动化测试用例只需要进行判断是否出现Toast以及不同情况下的Toast内容是否一致即可，所有小编今天通过编写代码时候只会判断Toast的文字是否正确：

# coding:utf-8
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium import webdriver
from selenium.webdrivermon.by import By
def test_01():driver = webdriver.Chrome()driver.get(r'D:\test_daily\123.html')driver.find_element_by_id('anjing').click()# 元素位置locator = (By.XPATH, '/html/body/div')# 显示等待获取元素WebDriverWait(driver, 20,0.5).until(EC.presence_of_element_located(locator))# 获取toastt = driver.find_element_by_xpath('/html/body/div').textprint(t)assert t =='祝您身体健康！'

（左右滑动查看完整代码）

简单编写完代码后，我们直接通过Pytest进行运行，通过结果可以看出，我们这一条测试用例已经通过了。