元素定位方式

注,本篇博客是为本专栏的另一篇博客   <<ui自动化测试实例分享(web) >>  的拓展

废话不多说,开讲

我们这篇博客讲的是什么?没错,就是它,元素定位方式

什么是元素定位方式呢?

慢慢来,不急, 让我先讲讲什么是元素

那么什么是元素呢?

想象一下

假如我们创建了一个虚拟的魔法世界

这个世界分为三个部分组成

一个部分是魔法阵法,它负责魔法世界的逻辑运转,比如世界的花草树木的成长,太阳东升日落, 背后的动态逻辑都是阵法解决的

还有一部分就是具体的虚拟魔法世界,比如我们在虚拟世界中看到的石头,看到的云彩,看到的一切东西,而这些东西本质其实都是一个个元素,举个例子,现在我看到了一颗树,这棵树是一个元素, 然后树这个元素里面也可以由其他元素,比如树干,树枝,树叶,树根等等等等,这些也是一个个元素,太阳可以是一个元素,月亮可以是一个元素,一个石头,一颗砂砾都是一个个元素.所以也可以说虚拟世界是由一个个元素组成的,

最后一部分 魔法球,魔法球里存储了魔法知识和魔法数据,供魔法阵法调用

好了,那么切换到编程世界

web系统一般由三个部分组成,一个是前端,就是我们浏览器所见到的页面, 一个就是应用服务器,就是处理各种逻辑的地方,还有一个就是数据库服务器,存储数据的地方

前端页面其实跟魔法世界类似,也是由一个个元素组成的,一张图片,一个图标,一个个标题组合成的

右键点击检查可显示前端代码

我们看到的页面都是由前端代码解析渲染后,显示在屏幕上的, 而web前端主要是html,它主要就是由一个个元素组成的,比如一个输入框,对吧,是一个元素,一个按钮也是一个元素,一张图片也是一个元素,在前端的世界,元素是可以相互嵌套的,比如元素里面还有元素,

现在, 假如我们要在输入框输入一个字,我们是不是就是要找到这个输入框,那么输入框本质是元素,我们是不是只要找到这个元素的位置就可以了.

而找到元素的方式 就叫做元素定位方法

目前的元素定位方式一共有8种, 我着重讲一下xpath 定位

看下图

待更新....