HTML元素和测试用例的简要介绍
2019-03-23 本文已影响4人
望月成三人
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，和我一起进步，你也可以扫描下面二维码进行关注
image
