码迷,mamicode.com
首页 > 编程语言 > 详细

selenium+java 关于图形化滑块的处理(1)

时间:2019-10-01 18:39:49      阅读:116      评论:0      收藏:0      [点我收藏+]

标签:ndk   use   com   img   校验   webdriver   log   坐标   main   

新人新手,初次接触selenium+Java自动化测试,试着分享点学习中的东西。

在做自动化的时候,有时会遇见图形化校验的问题,特别是现在大部分网站都加上了滑块校验,今天分享一下最简单的滑块校验的处理;

技术图片

 

这个滑块的处理步骤:

1.先定位和滑块控件的元素;

2.获得滑块滑动的距离,也就是滑块目的地的坐标;

3.拖动滑块。

1.定位滑块控件,如下图

技术图片

 定位外面的控件也行,定位里面小的那个也行

//
WebElement sour = driver.findElement(By.cssSelector(".cpt-img-double-right"));

//
WebElement sour = driver.findElement(By.cssSelector(".cpt-drop-btn"));

2.获得滑块滑动的距离,也就是滑块目的地的坐标,如下图

技术图片

 

滑块的运动就是从A点走到B点或C点的位置,需要把B或C的坐标,得到即可,

以A点为原点,水平距离为X,垂直距离为Y

1 //整个拖拽框的控件元素
2     WebElement ele = driver.findElement(By.cssSelector(".cpt-bg-bar"));
3 //拖拽的宽度即x的距离
4     int x = ele.getSize().getWidth();
5 //拖拽的高度即y的距离
6     int y = ele.getSize().getHeight();
7             

3.拖动滑块

1 //拖拽的动作
2     Actions action = new Actions(driver);
3     action.dragAndDropBy(sour, x, y).perform();

附上完整代码

 1 package se_2019;
 2 
 3 import org.openqa.selenium.By;
 4 import org.openqa.selenium.WebDriver;
 5 import org.openqa.selenium.WebElement;
 6 import org.openqa.selenium.firefox.FirefoxDriver;
 7 import org.openqa.selenium.interactions.Actions;
 8 public class lianxi_191001 {
 9 
10     public static void main(String[] args) throws InterruptedException {
11         //建立驱动
12             System.setProperty("webdriver.gecko.driver", "C:\\Program Files\\Mozilla Firefox\\geckodriver.exe");
13             WebDriver driver = new FirefoxDriver();
14         //输入网址
15             driver.get("https://passport.ctrip.com/user/login");
16         //输入账号密码并点击登录
17             driver.findElement(By.id("nloginname")).sendKeys("18519523213");
18             driver.findElement(By.id("npwd")).sendKeys("1");
19             driver.findElement(By.id("nsubmit")).click();
20             Thread.sleep(3000);
21         //滑块控件元素
22             //WebElement sour = driver.findElement(By.cssSelector(".cpt-img-double-right"));
23             WebElement sour = driver.findElement(By.cssSelector(".cpt-drop-btn"));
24         //整个拖拽框的控件元素
25             WebElement ele = driver.findElement(By.cssSelector(".cpt-bg-bar"));
26         //拖拽的宽度即x的距离
27             int x = ele.getSize().getWidth();
28             System.out.println(ele.getSize().getWidth());
29         //拖拽的高度即y的距离
30             int y = ele.getSize().getHeight();
31             System.out.println(ele.getSize().getHeight());
32             Thread.sleep(3000);
33         //拖拽的动作
34             Actions action = new Actions(driver);
35             action.dragAndDropBy(sour, x, y).perform();
36             Thread.sleep(2000);
37         //关闭窗口
38             driver.close();
39         
40     }
41 
42 }

 

selenium+java 关于图形化滑块的处理(1)

标签:ndk   use   com   img   校验   webdriver   log   坐标   main   

原文地址:https://www.cnblogs.com/zctyk/p/11615646.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!