ChroPath 6.0
ChroPath generates all possible selectors just by one click. ChroPath can also be used as Editor for selectors. It makes easy to write, edit, extract, and evaluate XPath queries on any webpage. ChroPath Studio helps to record all manual steps along with automation steps. With smart maintenance feature, all xpaths can be verified from script in single shot. ChroPath also supports iframe, multi selectors generation, dynamic attributes, generate relative xpath with custom attribute, automation script steps generation and many more.
Please contact Sanjay Kumar, ChroPath Creator & Product Evangelist at chropath@autonomiq.io for support.
How to use ChroPath:
1. Right-click on the web page, and then click Inspect.
2. In the right side of Elements tab, click on ChroPath tab which will be the last tab.
3. To generate selectors, inspect element or click on any DOM node, it will generate the unique relative XPath and all possible Selectors with their occurrences. Scroll in ChroPath panel to see all generated Selectors.
4. To evaluate XPath/CSS, type the XPath/CSS query and press enter key.
As you enter, it will query in DOM for the relevant element/node. You can view the total number of the matching node(s) and nodes value as per their sequential occurrence. A green colour outline appears around to highlight the first matching elements and rest in blue colour in the web page.
5. If you mouse hover on any matching node in the ChroPath tab, green/blue dashed outline will convert into dotted orange red to highlight the corresponding element in the webpage.
6. If the found element is not in visible area on webpage then mouse hover on found node in ChroPath panel will scroll that element in the visible area with dotted orange red outline.
7. If found element is not highlighted but visible then on mouse hover on matching node on ChroPath tab it will highlight element with dotted orange red outline.
8. Copy the locators just by clicking on copy icon.
9. click on edit icon if want to edit any locator.
What is CP suggested XPath?
1. This is the XPath for the 1st matching node of your selector.
2. It is really helpful in multiple scenarios. For ex-
a. If you don’t know how to write robust unique relative xpath & you have written XPath using indexes or dynamic attributes then CP will suggest the best relative xpath.
b. If you are trying to verify //a and it found 100 matching elements then CP suggested XPath will be the XPath for 1st link.
3. CP suggested XPath will be the robust and unique as it is generated from ChroPath relative xpath algorithm.
4. With help of this feature one can save lot of time and learn how to write robust unique relative XPath.
Generate selectors with user attribute or with/without text
1. Enter the attribute name with which you want to generate the relative xpath in the attribute name box.
2. There are shortcuts for few attributes. For ex- If you don’t want relative xpath with id then uncheck the id checkbox, CP will generate the relative XPath without id.
3. If you want to generate XPath without text/label, just uncheck the text checkbox.
4. Your attribute preference will be saved so next time when you will open
5. CP, it will generate with the preset attributes preference.
6. You can reset the attribute values to default by clicking on reset button.
iframe feature (*Supports only those iframe which has the same src.):
If inspected element is inside iframe,
1. CP will show "inside iframe" text in selector box.
2. It will highlight the inspected element in orange dotted outline.
3. CP will generate xpath for the iframe inside which the inspected element exist along with xpath for inspected element.
4. If you want to verify your selector inside iframe then 1st inspect any element inside that iframe so that it get the DOM of iframe and then verify the selector.
5. Again if you want to verify any selector for a element which is outside iframe then first inspect any element which is outside iframe so that it get the top DOM and then verify the selector.
How to generate Automation code:
1. Click on the set driver command icon (+ icon, just below selector box) in ChroPath tab.
2. Now when you will generate selectors, it will generate selectors with pre-command like driver.findElement(By.xpath('xpathValue')) appended in selectors.
3. You can also change these command. Like FindByXpath('xpathValue'). Just have the keyword 'xpathValue' in your command where you want to replace the selector value.
4. Now just by clicking on copy icon you got full automation step.
5. It will add the pre-command only when this is active, if you don't want to add pre-command click on the plus icon again.
How to generate XPaths for multiple elements in few seconds:
1. Click on the record button (circular icon) in ChroPath tab.
2. Now just inspect all the elements one by one or click on DOM node for which you want to generate the XPaths.
3. It will generate xpath along with label name.
4. You can copy, edit, delete any of the row in table.
5. Label and xpath fields are editable, so you can directly edit them there itself.
6. Click to CopyAll icon given in header to copy all xpaths value.
7. You can also export all the generated xpaths, just by clicking Export icon given in the table header in ChroPath tab.
8. At any point of time if you want to stop recording and go back to default view, just click on record button again. This will not delete your recorded selectors but if you will close the devtool then you will loose them.
9. Click on DeleteAll icon to clear all the rows.
10. You can also stop recording at anytime just by clicking on ON/OFF button.
11. Every time when you will open devtool and then ChroPath, it will be fresh window.
How to generate multiple automation script steps in few seconds:
1. Before or after generating the multiple XPaths, in recorder mode just click on the set driver command icon (+ icon, just below selector box) in CP tab.
2. You can update the command which you use in your framework on XPath and press enter. Here just keep the keyword “xpathValue” in where you type xpath in your command.
3. Great thing is that now you can generate the command with label as well. Just replace the label by “labelvalue” keyword in your command. For ex- @FindBy(xpath=“xpathvalue”) @CacheLookup private WebElement labelvalue;
4. If XPaths have been already generated then CP will append the command on all of them.
5. Also you can inspect more elements one by one or click on DOM node for which you want to generate the command.
6. It will generate commands along with label name.
7. Rest you have all the features like CopyAll, DeleteAll and export all the commands in xls.
8. Just single click, you can get commands for all the required elements and paste in your framework.
9. For page object model, it’s really time saver.
How to use ChroPath Studio:
ChroPath Studio automates the manual test case writing process. Using this one can generate the manual test case as well as automation script in few seconds. It is developed on the ChroPath platform. It accelerates the testing process both manual and automation.
1. Click on the video icon (just below selector box) in ChroPath tab. You can also open CP studio from browser toolbar. Click on ChroPath logo in toolbar then there click on the video icon present in top right corner.
2. It will open a separate window which is the ChroPath Studio.
3. Now you can continue performing your manual testing and CP studio will keep recording your steps in plain english.
4. It will also generate xpath with automation command by default.
5. You can update the command as per your framework.
6. There is add and delete button in each row if you missed any step then you can add it or delete.
6. Once you are done, you can save the test case. You can rename the test case before saving it.
7. There is also copy all row button if you don't want to save file then just copy and paste in your syste
没有合适的资源?快使用搜索试试~ 我知道了~
ChroPath_chrome_6.1.7.rar
共100个文件
svg:72个
js:9个
png:6个
需积分: 15 13 下载量 174 浏览量
2021-09-01
18:48:51
上传
评论
收藏 468KB RAR 举报
温馨提示
ChroPath for Chrome
资源详情
资源评论
资源推荐
收起资源包目录
ChroPath_chrome_6.1.7.rar (100个子文件)
font-awesome.min.css 30KB
devtoolsForDarkTheme.css 25KB
devtoolsForDefaultTheme.css 24KB
newLayout.css 17KB
popup.css 4KB
contentScript.css 383B
devtools-content.html 17KB
index.html 12KB
popup.html 6KB
devtools.html 118B
defaultTheme.jpeg 30KB
xlsx.full.min.js 901KB
devtools-script.js 116KB
contentScript.js 62KB
events.js 21KB
web-page.js 20KB
browser-polyfill.min.js 10KB
background.js 5KB
devtools.js 1KB
popup.js 1KB
manifest.json 2KB
README.md 11KB
chropathlogo.png 12KB
icons-96.png 10KB
autonomiq_logo.png 10KB
icons-128.png 5KB
cpStudio_logo.png 3KB
icons-48.png 3KB
maintenance_blue.svg 5KB
maintenance_grey.svg 5KB
maintenance_orange.svg 5KB
alert.svg 4KB
editor_black.svg 3KB
editor_blue.svg 3KB
reset.svg 3KB
reset_orange.svg 2KB
reset_grey.svg 2KB
reset_red.svg 2KB
team.svg 2KB
instagram_red.svg 2KB
selection_editor.svg 2KB
support_blue.svg 2KB
supportIcon.svg 2KB
support_grey.svg 2KB
delete_orange.svg 2KB
delete_red.svg 2KB
delete_grey.svg 2KB
setting_blue.svg 2KB
setting_orange.svg 2KB
setting_grey.svg 2KB
cpStudio_logo.svg 1KB
export_blue.svg 1KB
export_orange.svg 1KB
export_grey.svg 1KB
cpStudio_grey.svg 1KB
cpStudio_red.svg 1KB
cpStudio_orange.svg 1KB
cpStudio_blue.svg 1KB
deleteAll_grey.svg 1KB
deleteAll_red.svg 1KB
deleteAll_black.svg 1KB
linkedin_orange.svg 1KB
linkedin_blue.svg 1KB
linkedin_grey.svg 1KB
linkedin_white.svg 1KB
slack.svg 1KB
chropath_logo.svg 1KB
twitter_orange.svg 1KB
twitter_grey.svg 1KB
twitter_blue.svg 1KB
twitter_white.svg 1KB
upload_blue.svg 1KB
addPrefix_blue.svg 1KB
addPrefix_grey.svg 1KB
addPrefix_orange.svg 1KB
upload_black.svg 1KB
pause_blue.svg 1KB
pause_grey.svg 1KB
facebook_blue.svg 1KB
instagram_orange.svg 1KB
instagram_grey.svg 1024B
facebook_orange.svg 1023B
instagram_white.svg 1022B
facebook_grey.svg 1021B
facebook_white.svg 1019B
capture_red.svg 982B
youtube.svg 964B
stopped.svg 958B
capture_blue.svg 938B
capture_orange.svg 934B
capture_grey.svg 934B
plus_blue.svg 800B
plus_grey.svg 798B
copy_blue.svg 676B
copy_grey.svg 675B
copy_orange.svg 674B
copyAll_black.svg 673B
edit_blue.svg 536B
edit_grey.svg 534B
edit_orange.svg 534B
共 100 条
- 1
sg_knight
- 粉丝: 1w+
- 资源: 7
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 555springboot + vue 线上教学平台.zip(可运行源码+数据库文件+文档)
- 554springcloud + vue 房产销售平台.zip(可运行源码+数据库文件+文档)
- 小霸王坦克游戏源码.7z
- 蓝桥杯单片机基础学习项目(LED,数码管,蜂鸣器,继电器,按键控制)
- 553springboot + vue 某银行OA系统.zip(可运行源码+数据库文件+文档)
- DatabaseWatermarkingBasedonTextFormat
- yolov8常用二维码检测检测+数据集
- -移动通信-网络课程设计与研究
- 基于Python的PCA人脸识别算法的原理及实现代码+文档详解.zip
- 甘肃移动全业务工程建设项目管理流程优化研究
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0