• click()

单击DOM元素语法如下:

cy.get('.action-btn').click()
// clicking in the center of the element is the default
cy.get('#action-canvas').click()cy.get('#action-canvas').click('topLeft')
cy.get('#action-canvas').click('top')
cy.get('#action-canvas').click('topRight')
cy.get('#action-canvas').click('left')
cy.get('#action-canvas').click('right')
cy.get('#action-canvas').click('bottomLeft')
cy.get('#action-canvas').click('bottom')
cy.get('#action-canvas').click('bottomRight')// .click() accepts a an x and y coordinate
// that controls where the click occurs :)
cy.get('#action-canvas').click(80, 75).click(170, 75).click(80, 165).click(100, 185).click(125, 190).click(150, 185).click(170, 165)// click multiple elements by passing multiple: true
cy.get('.action-labels>.label').click({ multiple: true })// Ignore error checking prior to clicking
cy.get('.action-opacity>.btn').click({ force: true }

  • dblclick()

双击DoM元素语法如下:

//双击DoM元素
dblclick()
//带参数的双击
dblclick(options)

带参数跟上面click完全一致

  • rightclick()

右击DoM元素语法如下:

//右击DoM元素
rightclick()
//带参数的双击
rightclick(options)

带参数跟上面click完全一致

  • type()

往DOM元素中输入

type()语法如下:

//输入文本
type(text)
//输入文本带参数的
rightclick(text,options)

text参数支持的其他如下字符如下:

  1. {backspace} :删除光标左侧的字符
  2. {det} : 删除光标右侧的字符
  3. {downarrow} : 向下移动光标
  4. {end} : 将光标移到行尾
  5. {enter} :按enter建
  6. {esc} : 按esc建
  7. {home} : 将光标移到行首
  8. {insert} :在光标右侧插入字符
  9. {leftarrow} :向左移动光标
  10. {pagedowm} :向下滚动
  11. {pageup} :向下滚动
  12. {rigtharrow} :向右移动光标
  13. {selectall} :通过选择范围来选择所有文本
  14. {uparrow} :向上移动光标
  • clear()

clear()清除输入或文本区域的值,语法如下:

//清除
cy.get().clear()

  • check()

针对<input>类型的输入框(radio button) 或者复选框(check box)Cypree提供了check和uncheck方法直接操作。语法如下:

//选中
.check()
//选中一个选项,值value
.check(value)
//选中多个选项
.check(values)

  • uncheck()

uncheck()和check用法相反用于取消单选框或者复选框语法参考check()

  • .selelct()

select()用来在<select>中选中一个<option>。语法如下

.select(value)

  • .trigger()

用来在DOM元素上触发事件。用法如下:

.trigger(evenName)

//按下光标
cy.button().trigger('mousedown')
//移动光标到元素之上
cy.button().trigger('mouseover')
//抬起光标
cy.button().trigger('mouseleave')

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家的支持。

更多文章关注小编公众号:自动化测试 To share

wpf checkbox选中触发事件_Cypress 可操作事件相关推荐

  1. wpf checkbox选中触发事件_Web前端开发(16)——JQuery事件绑定与插件

    事件绑定 jquery标准的绑定方式 jq对象.事件方法(回调函数); 比如给name绑定点击事件: $("#name").click(function () { alert(&q ...

  2. CheckBox选中触发事件 和 取消选中触发事件

    CheckBox(val,row){if(val.includes(row)){//触发选中事件this.$refs.aaa.show(row.code)}else{//触发取消选中事件this.$r ...

  3. checkbox 选中触发js事件

    checkbox点击的时候触发js事件 选择按钮代码如下: <div><input type="checkbox" id="checkbox" ...

  4. input标签checkbox选中触发事件的方法

    目的: 1. 打开页面时,根据后端返回的的值isRequired,设置页面的checkbox标签的勾选状态,并给隐藏的text标签的value赋值,以便于在提交页面时把isRequired再返回给后端 ...

  5. checkbox选中触发事件

    $(function(){if ($.browser.msie) {$('input:checkbox').click(function () {this.blur();this.focus();}) ...

  6. 【WPF】代码触发Button点击事件

    先定义Button按钮并绑定事件. public void test() {Button btn = new Button();btn.Click += Btn_Click; }private voi ...

  7. checkbox选中和不选中 jqu_jQuery教程之jQuery checkbox(选中和取消选中事件on)

    本篇教程介绍了jQuery教程之jQuery checkbox(选中和取消选中事件on),希望阅读本篇文章以后大家有所收获,帮助大家对jQuery的理解更加深入. < $("#btn_ ...

  8. qt checkbox 选中事件_Qt基础知识学习

    Qt基础知识学习 Qt C++ SQLite ★★★★★   Qt · 简介 Qt是由Qt Company开发的面向对象的跨平台C++图形用户界面应用程序开发框架. 前期 · 准备 01 辨析Qt(开 ...

  9. 实现 select中指定option选中触发事件

    实现 select中指定option选中触发事件 我们在用到下拉列表框select时,需要对选中的<option>选项触发事件,其实<option>本身没有触发事件方法,我们只 ...

最新文章

  1. Transformer 超详细解读,一图胜千言
  2. 云平台设计系统,助力业务快速开发
  3. IC/FPGA 技术交流
  4. mitmdump脚本中使用requests模块发送请求
  5. IOS可执行文件学习总结
  6. 一图解码数据中心数字化运维管理之道
  7. spark代码连接hive_Spark SQL入门到实战之(7)spark连接hive(spark-shell和eclipse两种方式)...
  8. Netty使用Marshalling传输信息
  9. 楼下邻居总偷网,改密码也没用,过一会他们又能连上,该怎么办?
  10. 应用程式中夜间模式的Android DayNight主题
  11. Xcode证书路径和缓存清理路径
  12. Android NDK开发(1)----- Java与C互相调用实例详解
  13. 如何完卸载oracle12c,卸载Oracle12c方法
  14. Google Earth Engine ——LANDSAT8——TOA系列数据
  15. 如何在IDEA中使用 Jclasslib
  16. Mysql 分表分区
  17. 萌宠经济升温,宠物摄影师成为热门新职业-捷径系统
  18. html中scr作用,可控硅的作用是什么
  19. C语言,一个分号引发的问题:Run-Time Check Failure #2 - Stack around the variable ‘class1‘ was corrupted.
  20. C语言练习-统计数字个数

热门文章

  1. C++多态的实现原理
  2. [译]开始对Angular App进行单元测试(1)
  3. fedora21 下解决IDEA中文无法输入、显示问题
  4. Struts2/WebWork高危漏洞(远程执行任意代码)
  5. 让Ubuntu自动登录到X
  6. [转] 一个OpenSource的评价图
  7. 好程序员Java教程分享JavaScript面试问题及答案(一)
  8. UOJ#370. 【UR #17】滑稽树上滑稽果 动态规划
  9. python 基本模块 random、os、sys
  10. 头文件setjmp.h