码迷,mamicode.com
首页 > Web开发 > 详细

HTML元素和测试用例的简要介绍

时间:2019-03-23 10:36:03      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:自己   html元素   数据   交互   btn   mit   等等   orm   code   

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元素   数据   交互   btn   mit   等等   orm   code   

原文地址:https://www.cnblogs.com/shiker/p/10582657.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!