web自动化测试(Selenium)---Xpath和CSS定位元素练习

最新推荐文章于 2022-09-01 14:54:36 发布
原创 最新推荐文章于 2022-09-01 14:54:36 发布 · 922 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文提供了一次使用Selenium进行Web自动化测试的实践，着重讲解了XPath和CSS选择器在定位页面元素时的各种用法，包括nodename、/、//、@等XPath语法以及通过伪类名、ID、标签名、嵌套关系和属性等CSS选择器的应用。通过实例演示，帮助读者深入理解并掌握这两种定位技术。

目录大纲

前提

使用火狐浏览器，并安装了对应的插件后进行下面的练习
在这里插入图片描述

1. xpath练习

以搜狗搜索为例
https://www.sogou.com/

1.1 nodename

nodename表示根节点，也就是说在抓取任何一个节点时都要从根节点开始找
在这里插入图片描述

1.2 /

从根节点选取
在这里插入图片描述

1.3 //

从匹配选择的当前节点选择文档中的节点，而不考虑他们的位置
在这里插入图片描述

1.4 .

选取当前节点
在这里插入图片描述

1.5 …

选取当前节点的父节点
在这里插入图片描述

1.6 @

选取属性
在这里插入图片描述

1.7 /bookstore/book[1]

选取属于bookstore子元素的第一个book元素
在这里插入图片描述

1.8 /bookstore/book[last()]

选取属于bookstore子元素的最后一个book元素
在这里插入图片描述

1.9 /bookstore/book[last()-1]

选取属于bookstore子元素的倒数第二个book元素
在这里插入图片描述

1.10 /bookstore/book[position()❤️]

选取最前面的两个属于bookstore元素的子元素的book元素
在这里插入图片描述

1.11 //title[@lang]

选取所有拥有名为lang的属性的title元素
在这里插入图片描述

1.12 //title[@lang=“eng”]

选取所有title元素，且这些元素拥有值为eng的lang属性
在这里插入图片描述

1.13 *

匹配任何元素节点
在这里插入图片描述

1.14 @*

匹配任何属性节点
在这里插入图片描述

1.15 node()

匹配任何类型的节点
在这里插入图片描述

1.16 /bookstore/*

选取bookstore元素的所有子元素
在这里插入图片描述

1.17 //*

选取文档中的所有元素
在这里插入图片描述

1.18 html/node()/meta/@*

选择html下面任意节点下的meta节点的所有属性
在这里插入图片描述

1.19 //title[@*]

选取所有带属性的title元素
在这里插入图片描述

1.20 //book/title | //book/price

选取book元素的所有title和price元素
在这里插入图片描述

1.21 //title | //price

选取文档中的所有title和price元素
在这里插入图片描述

1.22 /bookstore/book/title | //price

选取属于bookstore元素的book元素的所有title元素，以及文档中所有的price元素
在这里插入图片描述

1.23 //*[text()=“x’x’x”]

全部//title/text() 本内容是xxx的元素
在这里插入图片描述

1.24 //*[starts-with(@attribute,“xxx”)]

属性以xxx开头的元素
在这里插入图片描述

1.25 //*[contains(@attribute,“xxxxx”)]

属性中含有xxx的元素
在这里插入图片描述

1.26 //*[@attribute1=value1 and @attribute2=value2]

同时有两个属性值的元素
在这里插入图片描述

2. css选择器练习

2.1 通过伪类名、id、标签名定位在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2.2 通过元素之前嵌套关系

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2.3 通过属性

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2.4 通过父子关系

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

〖Python WEB 自动化测试实战篇⑤〗- selenium 元素定位详解 - (八大元素定位方式)
易编橙 · 终身成长社群，相遇已是上上签！
06-07 4万+
测试对象的定位和操作是我们利用 selenium 编写自动化脚本和 webdriver 的核心内容，其中 "操作" 这一部分又是建立在 "selenium" 元素定位的基础之上的。所以对元素对象的定位就显得越发的重要，接下来我们就学习一下常用的元素定位方法有哪些。......
web自动化测试---使用java+selenium+Junit
m0_58157267的博客
01-10 3855
web自动化测试
xpath练习
hmh4640219的博客
03-16 768
买家秀 http://www.tbqq.net/ 爬取图片与名字 import requests import os from lxml import etree from urllib import request import threading def maijiaxiu(url,page): res = requests.get(url=url,headers=headers) # print(res.text) content = res.text tree =
Xpath练习 - 猪八戒网
import_hair的博客
01-25 1191
import requests from lxml import etree import csv # 请求数据 url = "https://chongqing.zbj.com/search/f/?kw=python" headers = { "user-agent":"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.45 Safari/53.
xpath小练习
JavaNewbie__
09-02 889
Demo3.javapackage cn.itcast;import org.dom4j.Document; import org.dom4j.DocumentException; import org.dom4j.Element; import org.dom4j.io.SAXReader;import java.io.File; import java.util.List; /** * Cre
自动化测试：电商管理系统元素定位练习
软件测试技术交流分享
09-01 321
本次专题我们来说一下 Python中Unittest 框架的使用及如何通过HTMLTestRunner实现自动化测试报告的自动生成。案例中的代码我们仍旧使用课堂学习中部署的“电商管理系统”来实现
web自动化-元素定位方法练习
TCPamber的博客
10-26 166
一、 package day01; import org.openqa.selenium.By; import org.openqa.selenium.WebDriver; import org.openqa.selenium.chrome.ChromeDriver; import org.testng.annotations.AfterTest; import org.testng.annotations.BeforeTest; import org.testng.annotations.Test;
【Web自动化测试】Selenium三大元素定位方法详解：By ID、XPath、CSS Selector及其应用策略了文档的核心内容
05-29
适合人群：从事Web自动化测试工作的初学者或有一定经验的测试工程师。; 使用场景及目标：①掌握Selenium中三种主要元素定位技术的具体应用；②学会根据页面元素特性选择最优的定位策略；③解决实际操作过程中遇到的...
【Web自动化测试】基于Selenium的电商登录流程自动化实践：核心技巧与显式等待机制在回归测试中的应用
最新发布
11-15
重点解析了Selenium WebDriver的工作原理、显式等待机制、多种元素定位策略（ID、CSS选择器、XPath）的应用场景，并通过Python代码详细演示了登录成功与失败两个测试用例的设计与断言逻辑。同时介绍了环境搭建、测试...
【Python自动化测试29】Xpath、轴运算及CSS元素定位详解
萌笑天的博客
03-10 2501
文章目录一、前言二、Xpath元素定位2.1 元素定位原则2.2 Xpath介绍2.3 浏览器中的Xpath2.4 浏览器中使用Xpath 一、前言   本文章主要会讲解html的一些基础语法和使用，了解对应的基础语法后会对后续的自动化测试有一定的帮助，除此之外下方有系列文章的传送门，还在持续更新中，感兴趣的小伙伴也可以前往查看，话不多说，让我们一起看看吧~ 系列文章：   系列文章1：【Python自动化测试1】遇见Python之美   系列文章2：【Python自动化测试2】Python安装配置及
Python+Selenium--页面元素定位练习
BoomJane的专栏
12-24 537
from selenium import webdriver from time import sleep from selenium.webdriver import ActionChains from selenium.webdriver.support.select import Select brower = webdriver.Firefox() #请求网站页面 url = 'htt...
python之xpath练习demo
热气球
02-20 848
"""" https://y.qq.com/n/ryqq/toplist/26 /html/body/div/div/div[2]/div[2]/div[3]/ul[2]/li[1] """ import requests from lxml import etree url = 'https://y.qq.com/n/ryqq/toplist/26' headers = {'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) A
Python: xpath定位元素方法（练习1）
qq_45877397的博客
11-14 835
Python: xpath定位元素方法 写个爬取小破站各个分类的热门标签来简单地练习下xpath定位。(小小小练习~） 参考： xpath语法详解 lxml.etree - 简书 常用 etree.HTML(text)：调用HTML类对HTML文本进行初始化，成功构造XPath解析对象。会自动加上html和body元素(如果原字符串没有的话。返回Element类。 etree.tostring(html)：使用tostring可以提取出xml中所含的全部文本 。 fromstring(som
XPath练习(1)
myair2006的专栏
04-11 684
直接解析出body节点中间的文本     test       liangshi  -------------------程序如下-------------------------------------------------------------------------------import java.io.File;import java.io.IOException;i
Xpath定位练习
qinglu000的专栏
03-20 2363
#!/usr/bin/env #coding=utf-8 from selenium import webdriver import time driver=webdriver.Firefox() driver.get('http://www.baidu.com') #driver.find_element_by_xpath("//input[@id='kw']").send_keys
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值