Java+Selenium3方法篇23-iframe切换的问题

        这篇介绍webdriver在处理定位元素报错,提示没有这样的元素。这个时候,有可能是你测试的网页,采用了frame技术。什么是frame,简单来说,就是把一个网页划分成多个子页面,脑补这下这样的页面。我把一个空白的html文件,使用了frame技术后,分成两个页面,左边显示百度首页,右边显示谷歌首页。这个就是frame的简单使用。webdriver默认查找的元素都是Top window这层,如果有些元素内嵌在frame内部,需要先使用switch to语句,切换到frame内部,然后去操作元素,操作完了之后,需要switch out到default区域,也就是Top window。

       举例:网上不太好找一个网页使用了frame技术。我这里找到一个,主要点击下面这个页面中的筛选条件中的化学药这个元素。正常的测试步骤,如下,结果报错,提示没有这样的元素这个异常。

package lessons;

import java.util.concurrent.TimeUnit;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;

public class ElementOpration {
	public static void main(String[] args) throws Exception {  
        
        System.setProperty("webdriver.chrome.driver", ".\\Tools\\chromedriver.exe");  
           
        WebDriver driver = new ChromeDriver();  
     
        driver.manage().window().maximize();  
       
        driver.manage().timeouts().implicitlyWait(5, TimeUnit.SECONDS);
          
        driver.get("http://data.pharmacodia.com/web/homePage/index?ns=1&ts=1&str=YWSJ");  
       
        Thread.sleep(1000);
        
        // 化学药 这个分类点击
        WebElement drug_type_huaxue = driver.findElement(By.xpath("//*/span[@title='化学药']"));
        drug_type_huaxue.click();
        
    }  
}
       从Eclipse上报错来看,提示没有这样的元素这个异常,一开始,可以去排查是不是我们元素定位方式写错了。第二个要考虑到就是,该页面是不是使用了frame技术。在firefox浏览器上的firepath插件,通过看下图中红圈确定元素是否在frame内部。

Java+Selenium3方法篇23-iframe切换的问题_第1张图片

       正常的元素这个红圈位置会显示Top Window。如果看到了iframe说明这里采用了frame技术,一般来讲#后面的表示这个frame的id或者名称,webdriver中有一个方法是根据frame的名称或者id来进行切换的。switchTo下关于frame操作的有四个方法。

Java+Selenium3方法篇23-iframe切换的问题_第2张图片

       第一个是根据frame的索引来定位,也就是说一个页面如果有多个frame,可以根据frame(1),frame(2)从上往下去定位。第二个就是我们今天介绍的方法,是根据frame的ID或者name去识别。第三个是根据该frame内部一个元素去识别,第四个就是从frame内部切换到默认的Top Window的方法。我们修改下脚本,在点击化学药这个操作的时候,先切换到frame内部,然后去操作内部元素化学药,最后切换出去,点击无权限提醒对话框上面的去登录按钮。

package lessons;

import java.util.concurrent.TimeUnit;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;

public class ElementOpration {
	public static void main(String[] args) throws Exception {  
        
        System.setProperty("webdriver.chrome.driver", ".\\Tools\\chromedriver.exe");  
           
        WebDriver driver = new ChromeDriver();  
     
        driver.manage().window().maximize();  
       
        driver.manage().timeouts().implicitlyWait(5, TimeUnit.SECONDS);
          
        driver.get("http://data.pharmacodia.com/web/homePage/index?ns=1&ts=1&str=YWSJ");  
       
        Thread.sleep(1000);
        // 切换到某一个frame内部
        driver.switchTo().frame("rightMain");
        // 化学药 这个分类点击
        WebElement drug_type_huaxue = driver.findElement(By.xpath("//*/span[@title='化学药']"));
        drug_type_huaxue.click();
        Thread.sleep(1000);
        // 切换到Top Windows,点击权限提示上面的去登录按钮。
        driver.switchTo().defaultContent();
        
        driver.findElement(By.xpath("//*[@id='noLoginAlert']/div/button")).click();
        
    }  
}
        解释一下上面的测试过程,打开的一个页面,然后使用swithcTo方法,通过frame的名称为rightMain,从Top Window切换进入到frame内部,然后去查找化学药这个元素,随后去点击。在无权限弹窗中,去登陆这个元素是Top Window层的元素,所以点击之前,需要在rightMain这个frame切换出来,切换到Top Window层,才能正确找到去登录这个元素。

       使用frame技术的网页还是比较少见,我看了一般的电商网站都没有frame,如果有都是百度广告联盟的flash的广告,frame内部没有实际的元素可操作。所以,以后如果遇到你能肯定你的元素定位表达式没有写错,但是还是包No such element的异常,你就要考虑下是否使用了frame技术,如果是,就按本文演示的方式去处理就好。



你可能感兴趣的:(Java+Selenium3方法篇23-iframe切换的问题)