Katalon Studio中元素属性定位有三种方式,分别是XPath、Attributes(元素)、CSS(样式),KS的界面展示如右图

打开网站,按F12或进入浏览器设置->更多工具->开发者工具,进入Elements页签,点击左上角指针图标,然后将鼠标移动到测试界面,点击需要获取地址的界面元素

方式一、.通过界面定位到的元素的id或者name键值对,这种情况需要界面上没有重复的id或者name,如果有同样的id或name,则无法定位引起不能生效;

方式二、:通过XPATH来进行定位分手动和自动两种

1. 通过浏览器自动获取XPath路径:右键元素代码,进入copy -> copyXpath,将复制的路径放入KS对应元素的属性中

2. 手动编写XPath路径:定位到元素后按Ctrl+F,在搜索框中输入相对路径,例如下图中登录按钮的相对路径为 //button[@id='btnSubmit']    ,其中button是标签名,id为定位元素,btnSubmit为id的值,将该路径复制到KS中元素属性中

以上通过id或name获取元素路径的最终结果如下图(选择方式为Attributes),执行时只能有一个XPath

选择XPath选项则只需要输入路径即可

方式三:通过界面样式元素定位,如果是动态变化的界面,新增记录无法定位元素,无法准确拿到定位时,可以通过手动编写CSS路径进行定位,如下图通过ry来定位后面的编辑,CSS定位路径为://td[text[]='ry']/../td/a[text[]='编辑'] ,其中../表示返回父节点,第一个td为ry的CSS元素(标签名),第二个td为编辑的CSS元素

附KS规范标准:

KS命名规范:
1、对象库(Object Repository)命名规范
文件夹(Folder)命名:
WebUI: 功能模块英文拼(大驼峰)+Page;
WebService: 模块-分类-功能(英文小写);
测试对象(Test Object)命名:
文本框:tbox_元素名称英文拼(小驼峰);
传统按钮(重名按钮):btn_元素名称英文(小驼峰)_功能模块英文名称(大驼峰);
传统按钮:btn_元素名称英文(小驼峰);
图片按钮:ibtn_元素名称英文(小驼峰);
文字按钮:tbtn_元素名称英文(小驼峰);
下拉框:dbtn_元素名称英文(小驼峰);
复选框:cbtn_元素名称英文(小驼峰);
单选框:rbtn_元素名称英文(小驼峰);
滚动条:sbar_元素名称英文(小驼峰);
网络服务请求(Web Service Request)命名:
API接口功能英文(小驼峰)
2、测试用例(Test Case)命名:
文件夹(Folder)命名:
WebService:用例场景名英文拼(大驼峰)+CASE+_API

WebUI:用例名英文拼(大驼峰)_+CASE+_UI

测试用例(Test Case)命名:
WebService:用例英文拼(大驼峰)+编码+_API

WebUI:用例名英文拼(大驼峰)_+编码+_UI

3、测试套件(场景)命名:
文件夹(Folder)命名:
WebUI:英文场景名称(大驼峰)_+Test_UI
套件(Test Suites)命名:
WebUI:场景名英文拼(大驼峰)_Test

常用关键字:

拖拽:Drag And Drop To Object
切换框架:Switch To Frame
切换回原框架:Switch To Default Content
文本框输入:Send keys
用例中调用已有用例:Call Test Case

Katalon Studio入门学习之三种获取元素方式的更多相关文章

  1. 【原】iOS学习之三种拨打电话方式的比较

    拨打电话小编从网上找到三种,在这里做一些总结和比较 1.基本使用 NSString *str = [[NSMutableString alloc] initWithFormat:@"tel: ...

  2. Javascript入门(二)变量、获取元素、操作元素

    一.变量 Javascript 有五种基本数据类型 number.String.boolean.undefined.null 一种复合类型:object 二.使用getElementById方法获取元 ...

  3. jQuery ui autocomplete下拉列表样式失效解决,三种获取数据源方式,

    jQuery有很多很多的已经实现,很漂亮的插件,autocomplete就是其中之一.jQuery ui autocomplete主要支持字符串Array.JSON两种数据格式,jQuery ui b ...

  4. 两种隐藏元素方式【display: none】和【visibility: hidden】的区别

    此随笔的灵感来源于上周的一个面试,在谈到隐藏元素的时候,面试官突然问我[display: none]和[visibility: hidden]的区别,我当时一愣,这俩有区别吗,好像有,但是忘记了啊,因 ...

  5. Js之Dom学习-三种获取页面元素的方式、事件、innerText和innerHTML的异同

    一.三种获取页面元素的方式: getElementById:通过id来获取 <body> <input type="text" value="请输入一个 ...

  6. 免费自动化测试工具Katalon Studio入门

    Katalon Studio 一.简介: Katalon Studio 是一个在网页应用.移动和网页服务方面功能强大的自动化测试解决方案.基于 Selenium 和 Appium 框架,Katalon ...

  7. JavaScript中几种 获取元素的方式

    1.根据id获取元素 document.getElementById("id属性的值"); 2.根据标签名字获取元素 document.getElementsByTagName(& ...

  8. jquery获取元素方式

    1 从集合中通过指定的序号获取元素 html: <div> <p>0</p> <p>1</p> <p>2</p> & ...

  9. js if for 详解 获取元素方式 及一些js 基础知识

    ##获取元素的新方法## --document.querySelector('Css Selector{css选择器}') 接收一个css选择器(通配,群组,类,包含,id....等) 若这个选择器对 ...

随机推荐

  1. PJzhang:国外主流站点钓鱼网站示例工具shellphish

    猫宁!!! 参考链接:https://www.uedbox.com/post/58583/ 这个是这个项目的github地址 https://github.com/thelinuxchoice/she ...

  2. unsigned char 与unsigned long互换

    unsigned long UCharToULong(unsigned char * pucVar ){unsigned long ulTemp=0;ulTemp=(unsigned long)(*p ...

  3. 初次shell编程

    虽然说的是初次shell写xhell脚本,但是其实我也写了三.四个简单的脚本了.现在总结下写简单的shell脚本中遇到的一些小问题备忘一下吧. 首先是脚本文件是已.sh作为后缀的,可以先建一个.sh的 ...

  4. Spring 最常用的 7 大类注解,史上最强整理!

    随着技术的更新迭代,Java5.0开始支持注解.而作为java中的领军框架spring,自从更新了2.5版本之后也开始慢慢舍弃xml配置,更多使用注解来控制spring框架. 而spring的的注解那 ...

  5. C++学习 之 继承方式(笔记)

    1.继承方式的分类 继承方式有公有继承,私有继承,保护继承.不同之处在于指定派生类的基类时使用的关键字不同:公有继承使用关键字public,私有继承使用关键字private,保护继承使用关键字prot ...

  6. Head First PHP&MySQl第一章代码

    HTML: <!doctype html> <html lang="zh-cn"> <head> <meta charset=" ...

  7. MySQL substring_index函数

    MySQL  substring_index函数 substring_index(str,delim,count)       str:要处理的字符串       delim:分隔符       co ...

  8. Reatful规范

    Reatful规范 drf框架的作用 作用:写接口 什么是接口: URL(前后台信息交互的媒介) 明确了请求方式,提供对应后台所需参数,请求url链接可以得到后台的相应数据 怎么写接口: 参照某种规则 ...

  9. CentOS 7 yum安装LAMP,LNMP并搭建WordPress个人博客网站

    本次实验要进行的是在CentOS7.2,内核版本3.10.0-327.el7.x86_64的环境下搭建LAMP和LNMP,并在此之上做一个WordPress博客网站. [root@Shining ~] ...

  10. ajax实现异步操作实例1

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...