以下为常规的需求,除非需求有明确说明,如密码输入框中可以输入空格。
 
输入框
1. 为空,但页面中明确说明不能为空(带有星号或者只有这一个输入框),有以下两种情况:
a. 不进行输入或者使其为空:焦点离开后应有相应的提示,提交后页面无跳转并仍有相应的提示。
b. 输入框中存在一个或者多个空格:焦点离开后空格被自动清除并有相应的提示,提交后页面无跳转并仍有相应的提示。
 
2. 输入长度超限,有以下两种情况:
a. 可以输入任意长度的字符:焦点离开后应有相应的提示,提交后页面无跳转并仍有相应的提示。
b. 只能输入指定长度以内的字符:焦点离开后无相应的提示,提交后页面跳转并且相关的页面显示和功能都正常。
 
3. 特殊字符,尤其是成对的单引号,双引号:无需提示,但提交后相关的页面显示和功能都正常。
 
4.对于只能输入数字类型的输入非半角阿拉伯数字的其他字符:
a.  输入立即被清除,无需提示。
b. 焦点离开后有相应的提示,提交后页面无跳转并仍有相应的提示。
 
搜索框
1.为空,有以下两种情况:
a. 只有这一个搜索框,无组合查询:进行搜索时无提示但焦点位于该搜索框内,不执行搜索。
b. 还有其他查询条件控件,有组合查询:进行搜索时无提示但焦点可位于其他控件,忽略该搜索框,执行搜索。
 
2.关键字两边带有空格:进行搜索时会自动清除两边的空格并执行搜索。
 
3.关键字长度超限:进行搜索时有相应的提示并不执行搜索。
 
日历控件
以下4个条件都应满足:
1.  截止日期/时间控件的选择范围不能晚于当前时间;
2.  截止日期/时间控件的选择范围不能早于起始日期/时间控件的已经选择的日期/时间;
3.  起始日期/时间控件的选择范围不能晚于截止日期/时间控件的已经选择的日期/时间;
4.  选择某一日期/时间控件的日期/时间后再清除该选择,另一日期/时间控件的日期/时间选择范围不受规则2和3的限制。
 
上传图片控件
以下4个条件都应满足:
1. 选择的文件非指定格式的图片文件后有相应的提示并且该文件没有被上传;
2. 选择的文件大于指定的图片大小(指所占的磁盘空间)后有相应的提示并且该文件没有被上传;
3. 选择的文件大于指定的图片尺寸(指图片的长和宽)后有相应的提示并且该文件没有被上传;
4. 图片上传成功后可以在之前的图片区域正确显示。

WEB页面中常见的四种控件的必须的测试的更多相关文章

  1. 弹出框页面中使用jquery.validate验证控件

    弹出框页面中使用jquery.validate验证控件有几个问题需要解决: 1,弹出框的提交事件完成后如何关闭弹出框页面? 2,提交不成功如何返回当前页? 3,如果知道验证事件成功? 之前笔者都是JS ...

  2. HttpRequest中常见的四种Content-Type(转)

    add by zhj: Content-Type用于说明request body的编码格式的,对于没有request body的http method如GET,HEAD没有必要设置这个参数,当然,你设 ...

  3. Robot Framework--接口测试中常见的四种POST方式

    写接口测试用例时,遇到以json格式提交数据时,报错,Request如下图: Response如下图: 改成form格式提交,可以正常运行,如下图: 代码如下: ------------------- ...

  4. 页面中CSS的四种引入方式的介绍与比较

    转自:https://blog.csdn.net/qq_38689666/article/details/79039392 一:行内式 <p style="color:red" ...

  5. 在view中常见的四种方法的使用场合

    四种方法,使view创建好里面就有东西:[1.init  2.initWithFrame使用代码创建的时候.(从文件创建的时候不一定调用:1.init  2.initWithFrame这两个方法) 3 ...

  6. Cocos2dx中的四种控件及主要用法

    1.控件:即控制对象,控制按钮之类的精灵 2.主要介绍四大类控件: CCControlSlider:进度条 CCControlSwitch:开关 CCScale9Sprite:9妹图(用于缩放) CC ...

  7. web.xml中<security-constraint>和四种认证类型

    https://blog.csdn.net/lisheng19870305/article/details/40819481 sztc开发中http请求一直发送后无响应,通过soapui定位异常信息为 ...

  8. HttpRequest中常见的四种ContentType【转载】

    本文转自:http://www.aikaiyuan.com/6324.html HTTP/1.1 协议规定的 HTTP 请求方法有 OPTIONS.GET.HEAD.POST.PUT.DELETE.T ...

  9. HttpRequest中常见的四种ContentType

    https://www.cnblogs.com/xiaozong/p/5732332.html

随机推荐

  1. 修改Tomcat响应请求时返回的Server内容

    HTTP Server在响应请求时,会返回服务器的Server信息,比如 Tomcat 7 的Header是: 这东西其实会给一些别有用心之人带来一定的提示作用:为安全起见,我们一般会建议去掉或修改这 ...

  2. 简单事件机制Java实现

    一个很简单方便的事件处理方法. 使用效果 事件发布者: //定义事件 public static EventTrans<String> AuthFailed = new EventTran ...

  3. 如何选择靠谱的app外包公司,2017最新资讯

    企业在外包开发app之前最纠结的问题就是如何选择一个靠谱的app外包公司.因为一个靠谱的app外包公司非常重要,完全决定了app外包开发的周期.bug.售后服务等各方面问题,可以说app开发外包团队一 ...

  4. Web 存储

    Web Storage 介绍 Web storage 是在web上存储数据的功能,这里的存储是针对客户端来说的. 具体说分为两种: seesionStorage 数据存储在 session 对象中.s ...

  5. 基于jsp+servlet图书管理系统之后台万能模板

    前奏: 刚开始接触博客园写博客,就是写写平时学的基础知识,慢慢发现大神写的博客思路很清晰,知识很丰富,非常又价值,反思自己写的,顿时感觉非常low,有相当长一段时间没有分享自己的知识.于是静下心来钻研 ...

  6. nodejs处理url工具

    url模块提供3个方法:parse,format,resolve 1.parse 要先引入url模块 >url.parse('http://www.cnblogs.com/cate/108703 ...

  7. ElasticSearch 5学习(6)——分布式集群学习分享1

    在使用中我们把文档存入ElasticSearch,但是如果能够了解ElasticSearch内部是如何存储的,将会对我们学习ElasticSearch有很清晰的认识.本文中的所使用的ElasticSe ...

  8. jQuery2.x源码解析(设计篇)

    jQuery2.x源码解析(构建篇) jQuery2.x源码解析(设计篇) jQuery2.x源码解析(回调篇) jQuery2.x源码解析(缓存篇) 这一篇笔者主要以设计的角度探索jQuery的源代 ...

  9. 通过pycharm使用git[图文详解]

    前言 使用git+pycharm有一段时间了,算是稍有点心得,这边整理一下,可能有的方法不是最优,欢迎交流,可能还是习惯敲命令去使用git,不过其实pycharm已经帮忙做了很多了,我们可以不用记住那 ...

  10. Linux下的解压命令小结

    Linux下常见的压缩包格式有5种:zip tar.gz tar.bz2 tar.xz tar.Z 其中tar是种打包格式,gz和bz2等后缀才是指代压缩方式:gzip和bzip2 filename. ...