B/S结构-登录页面-测试用例设计

页面描述: 有一个登陆页面, 假如上面有2个textbox, 一个提交按钮测试需求: 请针对这个页面设计30个以上的testcase 功能测试(Function test) 0. 什么都不输入,点击提交按钮,看提示信息. 1. 输入正确的用户名和密码,点击提交按钮,验证是否能正确登录. 2. 输入错误的用户名或者密码(正确的用户名,正确的密码,错误的用户名,错误的密码,用户名为空,密码为空的组合校验), 验证登录会失败,并且提示相应的错误信息. 3. 登录成功后能否能否跳转到正确的页面 4.…

基于 Vue.js 2.0 酷炫自适应背景视频登录页面的设计『转』

本文讲述如何实现拥有酷炫背景视频的登录页面,浏览器窗口随意拉伸,背景视频及前景登录组件均能完美适配,背景视频可始终铺满窗口,前景组件始终居中,视频的内容始终得到最大限度的保留,可以得到最好的视觉效果. 并且基于 Vue.js 2.0 全家桶.具体效果如下图所示: 最终效果可以翻到文章最后观看. 背景视频登录页面 1. 背景视频 Web 页面的既有实现方式国外有一个很好的网站「Coverr」,提供了完善的教程和视频资源,帮助前端开发者构建酷炫的背景视频主页,网站效果示例如下图所示: Coverr…

JavaScript网站设计实践（一）网站结构以及页面效果设计

这是JavaScript DOM编程艺术里的构建JavaScript网站设计的例子,这本书给我学习JavaScript带来许多启发,在这个乐队宣传网站中,把前面学到的知识点整合在这个项目了.在这里记录下实现这个乐队的宣传网站的具体过程,加深理解.好,从现在开始来实现这个JavaScript网站实战. 一.网页的结构由三个部分组成:头部.导航.内容效果图是这样的(勉强看,有点不美观.哈哈): 二.网站的的结构这是我的项目目录. images——放置所有的要使用到的图片资源. style——放…

【转载】拒绝平庸——浅谈WEB登录页面设计

用户活跃度是检验产品成功与否的重要指标之一,传统行业的商家极为重视门面的装潢,因为一个好的门面可以聚集人气,招揽更多的顾客.古时候的大户人家院子门口的石狮子或其他的摆件的摆放极为讲究,有一定的风水学说道理,更能彰显主人家的身份地位.由此可见,“门面’就如人的脸面之于人的形象一样重要,而WEB的登录页面就相当传统的“门面”. 现在越来越多的大型网站把登录和首页放在一起设计,由此可见登录页面的重要性,一个出彩的登录界面,将提升产品的品质,赋予产品独特的气质,登录界面也是一个发挥情感化设计,提升用户体…

拒绝平庸——浅谈WEB登录页面设计

用户活跃度是检验产品成功与否的重要指标之一,传统行业的商家极为重视门面的装潢,因为一个好的门面可以聚集人气,招揽更多的顾客.古时候的大户人家院子门口的石狮子或其他的摆件的摆放极为讲究,有一定的风水学说道理,更能彰显主人家的身份地位.由此可见,“门面’就如人的脸面之于人的形象一样重要,而 WEB 的登录页面就相当传统的“门面”. 现在越来越多的大型网站把登录和首页放在一起设计,由此可见登录页面的重要性,一个出彩的登录界面,将提升产品的品质,赋予产品独特的气质,登录界面也是一个发挥情感化设计,提升用…

Axure实现百度登录页面（一）

本文主要实现了百度登录页面的设计,其中最主要的是实现点击用户名和密码框时使边框颜色发生变化 (1)首先拖入一个矩形框,将边框可见性全部去掉 (2)将百度的图片拖入,将“用户名密码登录”和“短信快捷登录”字段设置好 (3)拖入两个矩形框,设置框的大小,之后再拖入两个文本框,设置合适的大小(我将文本框的大小和输入框的大小设置成差不多的重合的状态,之后将输入框边框隐藏) 注意⚠️,文本框默认是有边框的,并且不能对其像矩形框那样改变他的边框是否能显示,只能勾选隐藏边框选项 (4)在文本框中输入[提示文字…

测试面试题集-测试用例设计：登录、购物车、QQ收藏表情、转账、充值、提现

以下内容首发于微信公众号[ITester软件测试小栈]: 测试面试题集-2.测试用例设计大家好我是coco小锦鲤上周五给大家分享了测试基础理论题这个周五给大家分享测试用例设计题测试用例的考察无非是检验是否可以理解给定的需求是否有设计测试用例的能力是否熟悉各种测试方法是否有灵活的发散思维以下给大家列举登录功能购物车模块 QQ收藏表情包网上银行转账支付宝充值支付宝提现 6大常见的测试用例设计面试题 Q: 一.登录功能,设计测试用例. A: 功能测试: 1.输入正确的账号和…

layui的登录页面设计

主要的结构先导入layui的主要的js和css等 <html> <head> <meta charset="utf-8"> <title>登录页面</title> <link rel="stylesheet" href="layui/css/layui.css"> <script src=layui/layui.js></script> <sc…

iframe结构的项目，登录页面嵌套

参考:http://www.cnblogs.com/qixin622/p/6548076.html 在网页编程时,我们经常需要处理,当session过期时,我们要跳到登陆页面让用户登陆,由于我们可能用到IFrame框架,所以我们我登陆页面需要显示在整个页面,而不是一个IFrame中,大部分的网友是用下面的代码进行实现的. 在过滤器中写如下代码: printWriter out = response.getWriter(); out.write("<script>window.pare…

(转)【腾讯 TMQ】接口测试用例设计

导语这是我在其他的开源社区看到的一篇分享帖子.这篇文章的目的只是为大家提供一个思路,但是实现成本太高了,因为一个接口设计的接口测试用例很多,一般公司的接口数量几百到上千不等,每一个接口都设计这么多测试用例,那么对于测试来说,这样的话会死人的!所以此篇文章旨在给大家一个接口测试的思路,抛开成本,从技术上面来说,这个文章写得无可挑剔的! 随着测试分析和分层测试的深化,“接口测试”出现在我们视野的频次越来越高.那么接口测的用例设计常用哪些方法呢?本文将详细描述. 1 接口测试 1.1 接口测试接口…

[腾讯 TMQ] 接口测试用例设计

接口测试 [腾讯 TMQ] 接口测试用例设计腾讯移动品质中心 · 2018年01月17日 · 最后由于静回复于 20 天前 · 21794 次阅读本帖已被设为精华帖! 目录作者:刘燕团队:腾讯移动品质中心(TMQ) 导语随着测试分析和分层测试的深化,"接口测试"出现在我们视野的频次越来越高.那么接口测的用例设计常用哪些方法呢?本文将详细描述. 1 接口测试 1.1 接口测试接口:主要是子模块或者子系统间交互并相互作用的部分. 这里说的接口是广义的,客户端与后台服务间的协…

03- 手机App功能测试要点以及登录页面的测试

当你进入一个互联网公司以后,首先对公司结构有所了解,然后遇到问题找对应的工作人员,效率就事半功倍了. 公司的结构: 产品经理项目经理设计师开发人员测试人员运维人员运营人员配置管理 App测试最基本的就是保证功能能走通,然后在考虑其他的.很多时候当你去面试了,面试官会提问你APP测试与web端的测试有什么区别. 我们可以从下面这个表格了解对比一下. PC端与移动端的区别: 功能测试测试思想:来源-->功能--->去向:要对业务和实际业务流程要熟悉功能的数据从哪里来,有哪些影响功能…

HTML5实战教程———开发一个简单漂亮的登录页面

最近看过几个基于HTML5开发的移动应用,比如臭名昭著的12036移动客户端就是主要使用HTML5来实现的,虽然还是有点反应迟钝,但已经比较流畅了,相信随着智能手机的配置越来越高性能越来越好,会越来越流畅,HTML5技术的使用在移动端应用的会越来越普及,应用越来越广泛,因此作为移动开发者,掌握这门技术自然有着强烈的紧迫感.今天就写一个小小的登录页面的demo,巩固最近的学习,也给有兴趣的朋友学习HTML5技术做个参考. 在这里您可以下载到我最后实现的登录页面的demo源码,地址:http://p…

测试思想-测试设计史上最详细测试用例设计实践总结 Part2

史上最详细测试用例设计实践总结 by:授客 QQ:1033553122 -------------------------接 Part1-------------------------- 方法:这里针对业务流程的测试推荐使用“场景法”.(当然,个人理解业务流程是从系统整体来把握的,局部角度来看,有些只算是“操作流程”,但是这个区别并不影响方法的使用) 举例: 分析:先考虑用户使用场景场景1:列表有数据,用户把数据按默认方式导出点击导出->开始导出->查看导出文件场景2:用户突然不想导出…

记录---Testin上新手测试用例设计实战---碎乐3.2.0

平台上给的版本是碎乐3.12版的,但是平台上给的安装包下载不了,所以加群咨询之后给出了直接去手机应用商店下载搜索到的版本的对策.所以就那应用商店中找到的3.2.0版本来设计测试用例.因为任务中没有给出相应的需求文档,所以自己先花了30分钟去熟悉该APP中所测模块(动态模块)的用法及一些输入数据要求,然后用思维导出整理出要测的点. 一.测试对象 APP: 碎乐3.2.0 对象定位:碎乐是一个全新的音乐App,除了最新单曲还提供音乐人的创作demo.改编.现场.即兴等等,全部都是你在播放器App…

一个最简单的登录页面测试case

具体需求: 有一个登陆页面, (假如上面有2个textbox, 一个提交按钮. 请针对这个页面设计30个以上的testcase.) 此题的考察目的:面试者是否熟悉各种测试方法,是否有丰富的Web测试经验, 是否了解Web开发,以及设计Test case的能力这个题目还是相当有难度的, 一般的人很难把这个题目回答好. 首先,你要了解用户的需求,比如这个登录界面应该是弹出窗口式的,还是直接在网页里面.对用户名的长度,和密码的强度(就是是不是必须多少位,大小写, 特殊字符混搭)等.还有比如用户对界面…

黑盒测试用例设计方法&理论联系实际-> 功能图法

一. 概念功能图由状态迁移图和布尔函数组成.状态迁移图用状态和迁移来描述.一个状态指出数据输入的位置(或时间),而迁移则指明状态的改变.同时要依靠判定表或因果图表示的逻辑功能.例,一个简化的自动出纳机ATM的功能图. 二. 应用功能图介绍: 一个程序的功能说明通常由动态说明和静态说明组成.动态说明描述了输入数据的次序或转移的次序. 静态说明描述了输入条件与输出条件之间的对应关系.对于较复杂的程序,由于存在大量的组合情况,因此,仅用静态说明组成的规格说明对于测试来说往往是不够的.必须用动态说明…

[liu yanling]黑盒测试用例设计方法

1. 概述黑盒测试用例设计方法包括等价类划分法.边界值分析法.错误推测法.因果图法.判定表驱动法.正交试验设计法.功能图法等. 2. 等价类划分法 2.1. 概念等价类划分法是把程序的输入域划分成若干部分(子集),然后从每个部分中选取少数代表性数据作为测试用例.每一类的代表性数据在测试中的作用等价于这一类中的其他值. 2.2. 等价类划分法的应用等价类是指某个输入域的子集合.在该子集合中,各个输入数据对于揭露程序中的错误都是等效的,并合理地假定:测试某等…

为SharePoint 2010中的FBA创建自定义登录页面

SharePoint 2010中默认的FBA登录页面非常简单,只提供了一个Asp.Net的Login控件,让用户输入用户名和密码.在大多数情况下,我们需要定制这个页面以满足一些安全需求,比如为登录页面加上验证码等等. 由于SharePoint 2010里的FBA已经变成了基于Claims认证的方式,因此在实现自定义的登录页面时就与MOSS 2007里的做法完全不同了.最显著的一点就是,像Steve Peschka说的,以前的FormsAuthentication类不会再被用到了.现在我们需要用S…

js的命名空间 && 单体模式 && 变量深拷贝和浅拷贝 && 页面弹窗设计

说在前面:这是我近期开发或者看书遇到的一些点,觉得还是蛮重要的. 一.为你的 JavaScript 对象提供命名空间 <!DOCTYPE html> <html> <head> <title>为自己的js对象提供命名空间</title> </head> <body> <div>封装自己的数据和函数,防止和其他的库搞混了</div> <script> var jscbObject = {…

QQ聊天框测试用例设计

QQ.微信聊天框的主要功能就是发送消息和接收别人发过来的消息. 消息内容类型: 纯文字纯图片纯表情文字+表情文件发送键: 点击“发送”发送使用快捷键发送(针对电脑端) 用户在线状态: 在线状态离线状态网络情况: 网络正常网络异常群聊情况: @功能 : @个人.@多个人.@全部提醒功能被@到时,进入群聊是否提示“有人@” 群聊聊天数量统计是否正常群聊信息较多时,是否有一键到上次看到的消息,从哪开始以上四种情况:QQ.微信共有的,共有的测试用例设计单聊:发送文字/表情/…

怎么测试一个web登录页面

在以前的面试和同事面试交流的过程中,有多次被问到:“给你一个登录页面,上面有2个textbox,一个提交按钮,你将怎么测试”?或问,请针对这个页面设计30个以上的test case. 此题的考察目的:面试者是否熟悉各种测试方法,是否有丰富的Web测试经验,是否了解Web开发,以及设计Test case的能力. 随机回答: 仅从功能上说,应该关注 1.页面输出是否符合预期,包括页面元素展示,页面跳转: 2.数据落地是否正确,这个需要关注数据库相关数据表,精确到每一个字段: 3.日志查看,关注日…

App简介及登录页面

一. APP目录 app目录: -migrations 数据操作记录,是自动创建的.数据修改表结构 -__init__.py #在python3里面可有可无都行 -__init__.py -admin.py #django 为我们提供的后台管理. -apps.py #配置当前App的 -models.py #ORM,写指定的类,通过命令可以创建数据库结构. -tests.py #单元测试 -views.py #业务代码.这个才是真正写代码的地方,上面的都是做配置的. 二. 实例练习-登录页面 2…

[Js插件]使用JqueryUI的弹出框做一个“炫”的登录页面

引言查看项目代码的时候,发现项目中用到JqueryUi的弹出框,可拖拽,可设置模式对话框,就想着使用它弄一个登录页面. 弹出框在Jquery Ui官网可定制下载弹出框,下载和弹出框下载相关的js文件,css文件. 官方网站:http://jqueryui.com/ 项目结构: Login.html 引入文件: <link href="Scripts/css/redmond/jquery-ui-1.10.4.custom.css" rel="stylesheet&qu…

微信小程序相关一、模仿京东静态登录页面

一.培训的第一天,基本上没有什么最新的东西,但是看到老师的代码收获的确实是不少. 1.1.首页代码很简洁,将共有的样式都提取的很好. 1.2.其次是每一个小块写样式的时候用到了好多子代选择器和后代选择器,这样看起来css的一个样式就写的很长,但是比之前我们只是单一的写一个样式,大大提高了IO请求,整体css渲染也变快了.因为当渲染css的时候是从右向左的,就是先确定后代,在往上寻找祖辈,直到找到相对应的样式.dom树从叶子节点往上全部扫描一遍,可想而知只写一个单一的样式,效率是多么的低. 1.3…