day15 Ui自动化元素的定位

day15 元素的定位

 Ui自动化元素的定位
 1、火狐浏览器安装try xpath

 2、元素定位思路：
   （1）查看页面元素，确认能够唯一定位到元素的属性，比如id，文案

 3、学习xpath cssSelector 手写定位方式
     xpath（xpath 定位尽量已属性定位为主，层级为辅）
         //*  获取当前页面的全部
         //*[@id='i1'] 可以通过id属性进行定位，@代表引用属性
         //select[4]如果不存在唯一取值，可以使用角标取值
         //div[@class='driver'][1]/div[@class='inner'][1]/input  相对路径层级定位
         //select[@size='4'and @multiple='multiple'] 多属性确立唯一

     cssSelector 多使用这种方法
         # 代表id
         #i1
         .inner代表class
         [placeholder="请通过ID定位元素"] 通过属性定位
         input[placeholder="请通过ID定位元素"]

         select[size='4'][multiple="multiple"]  多属性确立唯一
     问题一：
             什么时候用css selector 什么时候用xpath
             由于css selector 没有角标定位方式，如果定位的元素无法根据属性确立唯一
             只能通过xpath进行角标定位

4、18种定位方式

from selenium import webdriver


driver=webdriver.Chrome();

driver.get("http://ui.imdsx.cn/uitester/")

#滚动条到最上面
js="window.scrollTo(0,0)"
driver.execute_script(js)

"""
8种单数定位方式
"""

#id进行定位
#
# driver.find_element_by_id("i1").send_keys("11")
#
# #name定位方式
#
# driver.find_element_by_name("name").send_keys("22")
#
# #文案定位a中的文案
#
# driver.find_element_by_link_text("新建标签页面").click()
#
# #1、标签名定位,如果有很多个相同的标签，获取第一个标签
# #2、最不常用
#
# driver.find_element_by_tag_name('input').send_keys('1111')

#使用xpath
# driver.find_element_by_xpath('//*[@id="i1"]').send_keys("333")

#通过css定位
# driver.find_element_by_css_selector("#i1").send_keys("555")
#
# driver.find_element_by_css_selector('input[name="name"]').send_keys("666")

"""
8种复数定位方式，在8种单数的基础是加复数形式,所有的复数返回的都是列表
"""
# driver.find_elements_by_id()

"""
最后两种
"""
driver.find_elements_by_id()#可以按照下面的写法进行定位
driver.find_element('id','i1')
driver.find_elements()

5、浏览器相关操作

from  selenium import  webdriver

"""
使用selenium对浏览器的操作
"""

driver=webdriver.Chrome()
driver.get("http://ui.imdsx.cn/uitester/")
js="window.scrollTo(0,0)"
driver.execute_script(js)

#获取浏览器大小
# size=driver.get_window_size()
# print(size)
#
# #设置浏览器的大小
#
# driver.set_window_size(200,200)
#最大化
# driver.maximize_window()
# #截图
# driver.get_screenshot_as_file('aa.png')

#执行js
# driver.execute_script('js')

#switch切换浏览器窗口
# driver.find_element_by_link_text("新建标签页面").click()
#
# #获取当前浏览器所打开全部tag标识
# print(driver.window_handles)
# #获取当前浏览当前tag的表示
# print(driver.current_window_handle)
#
# handle=driver.window_handles[-1]
# #切换到最新的页面，这个方法过期，已经不t推荐使用了
# driver.switch_to_window(handle)
# #最新使用这个方法
# driver.switch_to.window(handle)
#
# driver.close()

#勾选checkbox
on=driver.find_element_by_css_selector("#on")

off=driver.find_element_by_css_selector("#off")

#判断是否已经勾选，已勾选返回true，未勾选返回false
print(on.is_selected())
print(off.is_selected())




#关闭当前页面,当一个浏览器出现多个页面
# driver.close()
#退出驱动

# driver.quit()

6、iframe相关操作

from  selenium import  webdriver

"""
iframe的操作
"""

driver=webdriver.Chrome()
driver.get("http://ui.imdsx.cn/uitester/")
js="window.scrollTo(0,0)"
driver.execute_script(js)

#切换iframe

driver.switch_to.frame("top-frame")

driver.find_element_by_css_selector("#newtag").send_keys("1111")

driver.switch_to.frame("baidu-frame")
driver.find_element_by_css_selector("#kw").send_keys("222")
#返回上一层

driver.switch_to.parent_frame()
driver.find_element_by_css_selector("#newtag").click()

#直接返回默认层

driver.switch_to.default_content()

7、页面弹框相关操作

from  selenium import  webdriver
import time

"""
弹框的操作
"""

driver=webdriver.Chrome()
driver.get("http://ui.imdsx.cn/uitester/")
js="window.scrollTo(0,0)"
driver.execute_script(js)

#点击出现弹框
# driver.find_element_by_css_selector("#alert").click()
#
# time.sleep(2)
# #点击确认
# driver.switch_to.alert.accept()

#取消按钮
driver.find_element_by_css_selector("#confirm").click()
time.sleep(2)
driver.switch_to.alert.dismiss()

8、select相关操作

from  selenium import  webdriver
import time

"""
select相关操作
"""

driver=webdriver.Chrome()
driver.get("http://ui.imdsx.cn/html/")
js="window.scrollTo(0,1800)"
driver.execute_script(js)

sele=driver.find_element_by_xpath('//select[1]')

from selenium.webdriver.support.select import Select

#select模块只支持select元素
#value=4的元素
Select(sele).select_by_value("4")
#角标为第3个的元素
Select(sele).select_by_index(3)

9、鼠标悬浮的相关操作

element=driver.find_element_by_css_selector("#dis1")

#判断元素是否可见，可见返回true,不可见返回false

print(element.is_displayed())

from selenium.webdriver.common.action_chains import ActionChains
#1、先定位到鼠标要悬浮的元素
a=driver.find_element_by_css_selector("#a")
dis1=driver.find_element_by_css_selector('#dis1')
#2、将鼠标移动到元素上，再进行点击
ActionChains(driver).move_to_element(a).click(dis1).perform()

10、鼠标的拖拽操作

from  selenium import  webdriver
import time

"""
鼠标拖拽相关操作
"""

driver=webdriver.Chrome()
driver.get("http://ui.imdsx.cn/move/")

s1=driver.find_element_by_css_selector('#dragger1')

t1=driver.find_element_by_css_selector('#i1')

from selenium.webdriver.common.action_chains import ActionChains

#从s1拖拽到t1
ActionChains(driver).drag_and_drop(s1,t1).perform()