selenium 痛点专题--定位标色,滚动,属性修改

1. 自动化测试中如何标注定位元素

# 实现对定位到的dom标注蓝色
#dr:webdriver 实例对象
# EM:定位到的DOM节点
self.dr.execute_script("arguments[0].setAttribute('style',arguments[1]);", EM, "border:2px solid blue;")
 # 恢复到原来样式:
           self.dr.execute_script("arguments[0].setAttribute('style',arguments[1]);", EM, "")                                  

2. 通过js修改dom的属性方便selenium使用

 def editEM(self, EM: WebElement, keys: str, values='test'):
        # 编辑元素:
        try:
            if not keys:
                log.logger.error("dom元素没有的编辑方式")
            key = keys.lstrip().lower()
            if key in ['set_to_display']:
                # 修改元素属性可见
                js = "arguments[0].style.display = 'block';"
                self.dr.execute_script(js, EM)
                log.logger.info("修改display = 'block'的结果:{}".format(EM.is_displayed()))
            elif key in ['add_id']:
                # 元素增加id
                js = "arguments[0].setAttribute('id', arguments[1]);"
                self.dr.execute_script(js, EM, values)
                log.logger.info("增加id:{}".format(values))
            elif key in ['value']:
                # 增加value值
                js = "arguments[0].setAttribute('value', arguments[1]);"
                self.dr.execute_script(js, EM, values)
                log.logger.info("增加value:{}".format(values))
            elif key in ['style']:
                # 增加style
                js = "arguments[0].setAttribute('style', arguments[1]);"
                self.dr.execute_script(js, EM, values)
                log.logger.info("增加style:{}".format(values))
            elif key in ['attr']:
                # 增加属性
                js = "arguments[0].setAttribute(values[0], arguments[1]);"
                self.dr.execute_script(js, EM, values[1])
                log.logger.info("增加{}:{}".format(values[0], values[1]))

            elif key in ['back']:
                # 恢复到修改前
                if values:
                    self.dr.execute_script("arguments[0].setAttribute('style',arguments[1]);", EM, values)
                else:
                    self.dr.execute_script("arguments[0].setAttribute('style',arguments[1]);", EM, "")
            else:
                log.logger.error("不支持的的编辑方式:{}".format(keys))
        except(TimeoutException, NoSuchElementException) as e:
            log.logger.error("editEM元素编辑异常:{}".format(e))

3. 滚动页面

    def bscroll(self, keys: str = 'to_view', EM: WebElement = None):
        # 页面滚动,顶部,底部,滑动指定dom元素到可见
        # js实现滚动鼠标
        # log.logger.info("执行滚动:{}".format(keys))
        if not keys:
            log.logger.error("没有定义的滚动方式")
        key = keys.lstrip().lower()
        if key in ['up']:
            # log.logger.info("向上滚动")
            js = "window.scrollTo(0, 0)"
            self.dr.execute_script(js)
        elif key in ['down']:
            # log.logger.info("向下滚动")
            js = "window.scrollTo(0, 10000)"
            self.dr.execute_script(js)
        elif key in ['to_view'] and EM:
            # log.logger.info("滚动到元素可见")
            js = "arguments[0].scrollIntoView();"
            self.dr.execute_script(js, EM)
        elif key in ['until_em'] and EM:
            # log.logger.info("滚动一直到元素可见")
            self.bscroll('up')
            count = 10
            tag = True
            while tag:
                js = "window.scrollTo(0, 10)"
                self.dr.execute_script(js)
                log.logger.info("滑动一次")
                ems = self.findEMs('xpath', '{}'.format(EM))#自定义的元素查找
                if ems is None:
                    continue
                if self.isEM(ems[0], 'is_displayed'): # 自定一个元素是否可见的方法
                    return ems[0]
                else:
                    if count < 1000:
                        count = count + 1
                    else:
                        break
        elif key in ['get_po_em']:
            # 获取当前坐标的元素信息
            js = '''
            window.hovered_element = null
            function track_mouse(event){
             var x = event.clientX, y = event.clientY
             var element = document.elementFromPoint(x, y)
              if (!element) {
                  window.hovered_element = null
              return // 当前位置没有元素
             } 
              window.hovered_element = element
            }
            window.onmousemove = track_mouse
            '''

            self.dr.execute_script(js)
            element = self.dr.execute_script('return window.hovered_element')
            if element:
                return element.tag_name, element.text
            else:
                log.logger.info("当前坐标没有元素")
                time.sleep(1)
        else:
            log.logger.error("不支持的滚动方式")

4. 常用截图

    def getImg(self, keys=1, caseName=None, EM=None, is_ocr=False):
        # 失败截图 caseName 失败测试用例的名称
        # 1.本地截图 2.元素抠图 3.base64截图 4.自带元素截图
        failCasePath = os.path.join(self.root, 'failImg', '{}.png'.format(caseName))
        if keys == 1:
            if os.path.exists(failCasePath):
                os.remove(failCasePath)
            self.dr.save_screenshot(failCasePath)
            return failCasePath
        elif keys == 2 and EM:  # 元素截图/抠图
            if os.path.exists(failCasePath):
                os.remove(failCasePath)
            left = EM.location['x']
            top = EM.location['y']
            right = EM.location['x'] + EM.size['width']
            bottom = EM.location['y'] + EM.size['height']
            self.dr.get_screenshot_as_file(failCasePath)
            im = Image.open(failCasePath)
            im = im.crop((left, top, right, bottom))
            im.save(failCasePath)
            return failCasePath
        elif keys == 3:
            return self.dr.get_screenshot_as_base64()
        elif keys == 4 and EM:
            # selenium 自带截图,截取元素图片
            a = EM.screenshot_as_base64  # base64加密,无括号
            b = base64.b64decode(a)  # 解密
            with open(failCasePath, mode="wb") as f:
                f.write(b)
            return failCasePath
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,657评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,662评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,143评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,732评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,837评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,036评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,126评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,868评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,315评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,641评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,773评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,470评论 4 333
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,126评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,859评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,095评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,584评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,676评论 2 351

推荐阅读更多精彩内容