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元素和测试用例的简要介绍

HTML元素

标签+内容+属性

代码分析

测试用例

其他

最新文章

热门文章