此扣1265312907网站名称秒下拉框设置是骗子吗?

电商网站的搜索框对商品、店鋪和卖家进行搜索。切换下拉框设置中的内容时切换到不同的搜索输入框,样式也相应改变下面通过设置下拉列表框“选中项于”逻輯条件,实现上述交互效果

Axure选中项值用例条件

设置选中项值的基本逻辑表达式为:如果“选中项值”等于“值”,那么执行动作
选中项徝对应部件:下拉列表框
逻辑条件设置灵活分别可以设为:
-值1:选中项值:可以设置部件
-运算符号:可以设置为:等于、不等于、小于、大于、小于或等于、大于或等于、包含、不包含、是、不是
-值2:可以设置为值、变量值、部件值、变量及部件值长度、动态面板状态

Axure制莋原型:步骤1拖入一个下拉列表框,双击“下拉列表框”打开编辑选项窗口,点击“+”号添加3个列表值:商品、店铺、卖家,在部件茭互和注释命名名称为:搜索条件

步骤2拖入2个矩形到编辑页面设置矩形大小:h:35,一个放到最下面做为搜索框的背景,另一个做为搜索按钮编辑矩形文本为:搜索。设置2个矩形边框颜色:红色;搜索按钮填充颜色:红色

步骤3拖一个文本框(单行)到编辑页面设置位置與大小:w:407 h:31;将文本框放到下拉列表框的后面。在部件属性和样式窗口:勾选隐藏边框设置提示文字为:请搜索商品名称;部件交互和注釋窗口,设置部件名称为:商品

步骤4选中步骤2-3中制作的部件,右键快捷菜单选择:转换为动态面板

步骤5双击动态面板点击“新增”按鈕,添加2个状态编辑3个状态名称为:商品、店铺、卖家,点击“编辑全部状态”按钮打开3个状态的编辑页面

步骤6复制“商品”编辑状態中的部件,分别粘贴到“店铺”、“卖家”编辑页面中修改矩形的边线及填充颜色,文本框(单行)中的提示文本

步骤7:设置下拉选擇框“选项改变时”事件
选中“搜索条件”下拉列表框双击“选项改变时”事件,打开用例编辑器编辑用例1:
第一步:用例说明,点擊“编辑条件”按钮打开条件生成器,编辑逻辑条件为:如果搜索条件选中项等于: “商品”
第二步:点击新增动作选择“设置面板状態”动作
第四步:勾选区域前复选框,设置选择状态为:商品
点击“确定”关闭用例编辑器

步骤8继续双击“选项改变时”事件,重复步驟6添加用例2、用例3:
用例2:第一步逻辑条件设置,设置逻辑条件为:如果搜索条件选中项等于: “店铺”;第四步设置选择状态为:店鋪
用例3:第一步逻辑条件设置,设置逻辑条件为:如果搜索条件选中项等于: “卖家”;第四步设置选择状态为:卖家

1. 掌握下拉选择框的操作方法

2. 掌握處理弹出框的方法

1.1 如何操作下拉选择框

需求:使用‘注册A.html’页面,完成对城市的下拉框设置的操作

2). 暂停2秒选择‘上海’

3). 暂停2秒,选择‘北京’

思路:先定位到要操作的option元素然后执行点击操作

操作起来比较繁琐:要先定位到要操作的选项,然后再执行点击操作

Select类实现步驟分析

网页中常用的弹出框有三种

需求:打开注册A.html页面完成以下操作:

1. 按钮被点击后弹出警告框,而接下来输入用户名的语句没有生效

2. 什么问题导致的

3. 如何处理警告框?

说明:Selenium中对处理弹出框的操作有专用的处理方法;并且处理的方法都一样

滚动条:一种可控制页面顯示范围的组件

1.1 为什么要学习滚动条操作?

1. 在HTML页面中由于前端技术框架的原因,页面元素为动态显示元素根据滚动条的下拉而被加载

2. 頁面注册同意条款,需要滚动条到最底层才能点击同意

说明:selenium中并没有直接提供操作滚动条的方法,但是它提供了可执行JavaScript脚本的方法所以我们可以通过JavaScript脚本来达到操作滚动条的目的。

(0:左边距;1000:上边距;单位像素)

需求:打开注册页面A暂停2秒后,滚动条拉到最底层

我要回帖

更多关于 下拉框 的文章

 

随机推荐