一、关于UI测试

1、UI走查顺序

1.1、有空白页的页面优先测试(走查)空白页

1.2、按页面跳转流程把主线任务走一遍。

1.3、测试(走查)主线任务之外的页面。

1.4、对于复用以前组件的控件,主要看和以前是否一致,是否缺少交互状态。对于新的组件,要仔细核对,必要时可跟开发一起核对代码

2、走查内容

2.1、是否还原设计稿

常见的包括:字体字号、颜色、是否加粗、icon大小、分割线颜色粗细、对齐、间距等。

2.2、设计细节实现

  • 超出显示:卡片内标题、下拉框选中结果、输入区域超出时是否完整显示(首先要明确显示规则:根据需求不同,有2种规则,超出后...和换行完整显示。)
  • 组件细节:搜索框、较长卡号输入是否有清除按钮
  • 交互流畅:新页面从右侧拉入还是下方进入。
  • 点击区域:保证用户可以点击。

注意⚠️:

第一种:为了更好体验,点击区域大。可点击区域需要包含文字部分或者是整行。
第二种:点击区域不足,需增大。主要是小尺寸的icon。设计师在设计和切图时需注意,最小区域最好不要小于48*48px。

2.3、是否适配

普通适配:因开发时布局产生的适配问题。多栏按钮适配、非通栏banner适配等。

小屏适配:主要针对iOS。在iPhone6及以上机型可完整显示,iPhone5/SE等小屏显示不完整,需要进行适配处理。

2.4、核对文案

易错的有:页面标题、空白页、按钮及toast等。

文案的问题,如果团队有专门的测试人员,测试会看的。但关键的地方设计师走查的时候也要看一下。toast发现和需要文档不符,或者需求文档未标明,工程师返回的文案不是十分符合时,可反馈给产品经理。

注:关于错别字测试:

大家可以借助这款错别字校验网站:秘塔写作猫

关于空白页:

这里指的是优先走查空白页面,再创建测试数据。因为创建数据后页面不再是空白状态。这样测试更高效。

二、UI检测

1、UI检测不到内层元素方法记录

检查UI点选不到内层元素时,先点选该元素,然后在右侧 element.style{} 内加上 display:none

然后就可以选上了

2、需鼠标悬浮才可选到元素的问题测试方法处理

这种需要鼠标悬浮才能显示的部分,点选不到元素的,可以打开控制台,输入debugger暂停页面动作,然后就可以选中了

 

 用完之后点击向右三角或者按F8可以结束这个调试状态

关于UI测试的相关及技巧相关推荐

  1. H5测试点总结-UI测试、功能测试、兼容性测试、体验相关(弱网、资源、手机操作等)、安全性测试、性能测试...

    一.概述 1.1 什么是H5 H5 即 HTML5,是最新的 Web 端开发语言版本,现如今,大多数手机 APP 页面会用 H5 实现,包括 PC Web 站点也会用它开发实现.所以 Web 的通用测 ...

  2. 利用F#库canopy进行UI测试

    虽然Selenium是一个流行的UI测试库,但基于它创建的测试却有着脆弱与不可靠等常见的问题.InfoQ与canopy的作者Chris Holt进行了一次访谈,以便更深入地了解canopy这个在Sel ...

  3. 学习UI设计的一些小技巧你会了吗

    最近有很多小伙伴都在学习UI设计技术,对于如今的互联网行业,UI设计这个岗位的需求量确实非常大,发展空间比较好,下面小编就为大家整理一些学习UI设计的一些小技巧,希望能够帮助到正在学习UI设计的同学. ...

  4. 一起谈.NET技术,VS2010测试功能之旅:编码的UI测试(3)-操作对象的识别原理...

    回顾  在之前的两章分别介绍了一个简单的示例, 操作动作的录制原理,通过修改UIMap.UItest文件控制操作动作代码的生成.想必大家对编码的UI测试操作动作的录制应该有一定了解了,在UI操作中,操 ...

  5. 一起谈.NET技术,VS2010测试功能之旅:编码的UI测试(2)-操作动作的录制原理(下)...

    回顾 在本章上部分介绍了操作动作的录制原理,描述了操作动作是如何录制,UIMap.uitest和UIMap.Designer.cs的代码如何生成,以及他们的结构.在这个部分,将着重说明如何通过修改UI ...

  6. 使用Arquillian,Docker和Selenium使Web UI测试再次变得出色(第1部分)

    问题简介 大多数时候,当您需要为Web UI编写功能测试/端到端测试时,您最终会使用Selenium ,它可以被视为Java世界中用于Web UI测试的事实上的工具. 我确定您已经将其用于此类测试. ...

  7. 第一百一十四期:盘点十大最新Web UI测试工具

    本文为您盘点目前十大最新Web UI测试工具的各自优缺点,以方便您根据实际情况进行选择. 作者:陈峻 在过去的几年中,业界至少出现了十二种全新的UI测试自动化工具.虽然每一种工具都有各自的侧重点,但是 ...

  8. oracle 测试sql执行时间_从 TPCH 测试学习性能优化技巧

    一. 目标 TPCH是由TPC(Transaction Processing Performance Council)事务处理性能委员会公布的一套针对数据库决策支持能力的测试基准,通过模拟数据库中与业 ...

  9. android espresso跨程序,Android中使用Espresso进行UI测试

    在使用Android Studio创建项目时,Android Studio一般都会自动创建测试相关的包名和类,可见测试在Android Studio开发中具有很重要的地位了,但我却从来没有使用过. 今 ...

最新文章

  1. 刚入Linux坑常见的8大问题
  2. 全球及中国婚礼鲜花行业运营模式分析及投资战略评估报告2022-2027年版
  3. “互联网+”谋定文物市场-国情讲坛·宗佩山:构建共享平台
  4. vfp 右键发送邮件_邮件批量发送的方法教程
  5. girton college things locations
  6. Timer和TimerTask详解
  7. 20170907wdVBA_GetCellsContentToExcel
  8. LeetCode 1046. 最后一块石头的重量(priority_queue 堆)
  9. 风林火山最新系统win11 32位旗舰版v2021.07
  10. 2019日历全年一张_看,日历里居然藏着一座艺术馆!让这本最美日历开启2021年好运...
  11. 路由器距离向量算法计算举例_文本去重算法:Minhash/Simhash/Klongsent
  12. c语言编程菜单流程图,C语言课程设计————写下流程图! 谢谢
  13. 一个简单的Matlab面向对象编程实例
  14. android 控件xpath软件_请像用户使用软件一样,享受自动化测试~
  15. 利用DOSBox运行汇编超详细步骤
  16. Mac小白必备技巧4—Mac文件管理器需要的快捷键有什么?
  17. udp 消息转发 服务器,UDP消息发送
  18. PSPICE仿真数据转MATLAB
  19. 待办事项桌面插件,办公族的桌面帮手
  20. 用HTML+CSS做一个漂亮简单大学生校园班级网页(web前端期末大作业)

热门文章

  1. 使用freemarker导出word并动态插入多张图片
  2. Java面试必考点第05讲:数据结构与算法
  3. [附源码]java毕业设计医院档案管理系统
  4. 金蝶EAS DEP脚本(4)—— 控件常用脚本之设置F7默认值
  5. 95后二本生争抢互联网职位:工资高福利好,为了改变命运背水一战
  6. 手机浏览器缓存的.ts视频文件如何合成(不下载软件)
  7. python 画韦恩图(venn)代码(两组和三组数据),简单易学易上手
  8. Paper简读 - ProGen: Language Modeling for Protein Generation
  9. 计算机桌面右下角的图标不见了,win10正式版右下角的操作中心图标不见该怎么办?...
  10. 太阳直射点纬度计算公式_正午太阳高度角计算公式