HTML元素和测试用例的简要介绍
HTML和CSS的基本语法就不出教程,线下自己看电子书即可
HTML元素
- 标签
- 内容
- 属性
标签+内容+属性
<html>
<head>
<title>我的主页</title>
</head>
<style>
body{font-size:12px;}
#mydiv1 {width:500px;padding:0;margin:0}
#mydiv2 {width:400px;padding:0;margin:0}
.mydiv {padding:10px;}
</style>
<body>
<div id="mydiv1" class="mydiv">这里为内容</div>
<div id="mydiv2" class="mydiv">
<img src="123.png" width="120px" height="200px">
</div>
<input type="text" name="tx" disable style="color:red"/>
<input type="button" name="btn" />
<input type="raddio" name="ra" />
<input type="check" name="ch" disable/>
<input type="submit" name="su" disable ids="自定义属性"/>
</body>
</html>
代码分析
- 代码中的
html,head,body
等这些都是标签 这里为内容
就是标签的内容- 标签中的
id="mydiv1" class="mydiv"
等这些内容都是属性- 有些属性是内置的约定俗成的属性,如
id,cass,width
等等 - 有些属性是程序员自己定义当然属性,如
ids="自定义属性"
,这些就是自定义属性,自定义属性一般是为了扩展前端和后台的交互设定的
- 有些属性是内置的约定俗成的属性,如
<input>
这些标签的状态一定要注意- 如
disable
表示不可输入,不可点击
- 如
测试用例
什么是测试用例?
- 测试工程师根据原型交互和crd需求文档,分解成不同的测试点
- 测试工程师根据分解的测试点,来进行测试
- 测试用例是测试工程师的核心工作技能
- 功能,性能,安全,接口都是以测试用例驱动的
测试用例的6要素
- 测试标题
- 前置条件
- 测试步骤
- 期望结果
- 实际结果
- 是否通过
结合上面代码举例
- 测试标题:我的主页页面展示
- 前置条件:登录成功
- 测试步骤:打开我的主页,查看页面元素
- 期望结果:
- 页面内容和样式显示正确
- 输入框,不可点击
- 点击submit提交按钮后,页面刷新,页面数据显示正确
- 实际结果
- 输入框,可以点击
- 是否通过
- 失败(失败后,就要去提BUG)
其他
下一篇的预告:结合项目编写测试用例
在微信公众号搜索xiaobaiji008,和我一起进步,你也可以扫描下面二维码进行关注
HTML元素和测试用例的简要介绍的更多相关文章
- [转] Android资源管理框架(Asset Manager)简要介绍和学习计划
转自:http://blog.csdn.net/luoshengyang/article/details/8738877 Android应用程序主要由两部分内容组成:代码和资源.资源主要就是指那些与U ...
- Android资源管理框架(Asset Manager)简要介绍和学习计划
文章转载至CSDN社区罗升阳的安卓之旅,原文地址:http://blog.csdn.net/luoshengyang/article/details/8738877 Android应用程序主要由两部分 ...
- page指令属性简要介绍:
page指令属性简要介绍: language=”java” 声明脚本语言的种类,暂时只能用”java” extends=”package.class” 标明JSP编译时需要加入的Java Class的 ...
- Windows ToolTips简要介绍(转)
原文转自 https://blog.csdn.net/sesiria/article/details/77450151 Windows 标准控件ToolTips简要介绍 参考文档 MSDN https ...
- WCF简要介绍
什么是WCF WCF的全称是:Windows Communication Foundation.从本质上来说,它是一套软件开发包,是微软公司推出的符合SOA思想的技术框架.WCF为程序员提供了丰富的功 ...
- 简要介绍BASE64、MD5、SHA、HMAC几种方法。
加密解密,曾经是我一个毕业设计的重要组件.在工作了多年以后回想当时那个加密.解密算法,实在是太单纯了. 言归正传,这里我们主要描述Java已经实现的一些加密解密算法,最后介绍数字证书. ...
- [转]Android系统Surface机制的SurfaceFlinger服务简要介绍和学习计划
转自:Android系统Surface机制的SurfaceFlinger服务简要介绍和学习计划 前面我们从Android应用程序与SurfaceFlinger服务的关系出发,从侧面简单学习了Surfa ...
- Activity启动过程简要介绍
无论是通过点击应用程序图标来启动Activity,还是通过Activity内部调用startActivity接口来启动新的Activity,都要借助于应用程序框架层的ActivityManagerSe ...
- Android应用程序的Activity启动过程简要介绍和学习计划
文章转载至CSDN社区罗升阳的安卓之旅,原文地址:http://blog.csdn.net/luoshengyang/article/details/6685853 在Android系统中,Activ ...
随机推荐
- Excel数据可视化方法
目录: Excel图表基础: 1.选择要为其创建图表的数据,如: 2.单击“插入”菜单中的“推荐的图表”(也可点击右下角的下拉箭头),点击后选择所有图表即可查看所有的图标类型 3.选择所要的图表,单击 ...
- 【MySQL】数据类型之数字相关
" 目录 #. 数值类型 1. 数值范围验证 /. 有符号 /. 无符号 2. int类型显示长度验证 #. 浮点型 1. 验证 /. 建表 /. 精度 #. 日期类型 1. 验证 /. y ...
- C语言:有序递增链表的插入问题。
//已建立一个带头节点的单向链表,链表中的各结点按结点数据域中的数据递增有序连接.fun函数:把形参x的值放入一个新结点并插入链表中,使插入的各个数据域的数据仍保持递增有序. #include < ...
- 「NOI2016」区间
传送门 Luogu 解题思路 对于选出的区间,我们可以直接用线段树维护区间内单点被覆盖次数最大值. 那么解题重心便落在了选取方式上. 为了让最大值最小,考虑尺取,不能二分,降低效率而且不好写. 先将区 ...
- ntpdate 设置时区(注意本地时区要设置正确)
修改timezone sudo cp -a /usr/share/zoneinfo/Etc/GMT-8 /etc/localtime date -R == 展示当前的timezone ntpda ...
- pikachu-搜索型注入 #手工注入
1.搜索型注入漏洞产生的原因: 在搭建网站的时候为了方便用户搜索该网站中的资源,程序员在写网站脚本的时候加入了搜索功能,但是忽略了对搜索变量的过滤,造成了搜索型注入漏洞,又称文本框注入. 2.搜索型注 ...
- Python爬虫:requests模块的基本使用
官方文档:https://requests.readthedocs.io/zh_CN/latest/ 基本使用 基本结构 发送请求,获取响应:r = requests.get(url) 爬取网页的通用 ...
- ENTRYPOINT与CMD/实现切换用户执行
1.CMD 最终会被解析成:["cmd","arg1","arg2"] 可以在运行时被覆盖 2.ENTRYPOINT 最终解析成 [&quo ...
- 十八、sun JPA理解及使用
1.JPA理解及实现: JPA(Java Persistence API)作为Java EE 5.0平台标准的ORM规范,将得到所有Java EE服务器的支持,是SUN在充分吸收现有ORM框架的 ...
- DoublyLinkedList(双向链表)
本来还不会写双向链表的,但最近学习了二叉树后,突然意识到这不就是双向链表嘛,然后通过对二叉树的理解,实现了一下双向链表. 代码: #define SIZE 10 DouLL * head, *n, * ...