图标按钮组件的所有测试用例

最新推荐文章于 2024-06-13 00:14:10 发布
最新推荐文章于 2024-06-13 00:14:10 发布
阅读量2.5k 收藏
点赞数
分类专栏： bootstrap
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/miachen520/article/details/52134750
版权

图标按钮组件的所有测试用例

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">

    <title>图标菜单按钮组件</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <style>
        .a{
            height:50px;
            width:200px;
            border:1px solid #ccc;
            background-color:#eee;
        }


    </style>
</head>
<body style="margin:50px;">
  <!--<i class="glyphicon glyphicon-star"></i>-->
  <!--<span class="glyphicon glyphicon-star"></span>-->
  <!--<button class="btn btn-default btn-lg">-->
      <!--<i class="glyphicon glyphicon-star"></i>-->
  <!--</button>-->
  <!--<div class="dropdown">-->
      <!--<button class="btn btn-default" data-toggle="dropdown">-->
          <!--下拉菜单-->
          <!--<span class="caret"></span>-->

      <!--</button>-->
      <!--<ul class="dropdown-menu">-->
          <!--<li><a href="#">首页</a></li>-->
          <!--<li><a href="#">资讯</a></li>-->
          <!--<li><a href="#">产品</a></li>-->
          <!--<li><a href="#">关于</a></li>-->

      <!--</ul>-->
  <!--<div class="dropup">-->
      <!--<button class="btn btn-default" data-toggle="dropdown">-->
      <!--下拉菜单-->
      <!--<span class="caret"></span>-->

      <!--</button>-->
      <!--<ul class="dropdown-menu">-->
      <!--<li><a href="#">首页</a></li>-->
      <!--<li><a href="#">资讯</a></li>-->
      <!--<li><a href="#">产品</a></li>-->
      <!--<li><a href="#">关于</a></li>-->
      <!--</ul>-->

  <!--<div class="dropdown">-->
  <!--<button class="btn btn-default" data-toggle="dropdown">-->
             <!--下拉菜单-->
  <!--<span class="caret"></span>-->

  <!--</button>-->
  <!--<ul class="dropdown-menu">-->
      <!--<li class="dropdown-header">网站导航</li>-->
  <!--<li><a href="#">首页</a></li>-->
  <!--<li><a href="#">资讯</a></li>-->
  <!--<li class="divider"><a href="#">产品</a></li>-->
  <!--<li class="disabled"><a href="#">关于</a></li>-->
  <!--</ul>-->
  <!--</div>-->
  <!--<div class="btn-toolbar">-->
    <!--<div class="btn-group btn-group-lg">-->
      <!--<button type="button" class="btn btn-default">左</button>-->
      <!--<button type="button" class="btn btn-default">中</button>-->
      <!--<button type="button" class="btn btn-default">右</button>-->
    <!--</div>-->
      <!--<div class="btn-group">-->
          <!--<button type="button" class="btn btn-default">1</button>-->
          <!--<button type="button" class="btn btn-default">2</button>-->
          <!--<button type="button" class="btn btn-default">3</button>-->
      <!--</div>-->
      <!--</div>-->
  <!--<div class="btn-group">-->
     <!--<button type="button" class="btn btn-default">左</button>-->
     <!--<button type="button" class="btn btn-default">中</button>-->
     <!--<button type="button" class="btn btn-default">右</button>-->
      <!--<div class="btn-group">-->
         <!--<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">-->
           <!--下拉菜单-->
          <!--<span class="caret"></span>-->

         <!--</button>-->
      <!--<ul class="dropdown-menu">-->
      <!--<li class="dropdown-header">网站导航</li>-->
      <!--<li><a href="#">首页</a></li>-->
      <!--<li><a href="#">资讯</a></li>-->
      <!--<li class="divider"><a href="#">产品</a></li>-->
      <!--<li class="disabled"><a href="#">关于</a></li>-->
      <!--</ul>-->
      <!--</div>-->

  <!--</div>-->
  <!--<div class="btn-group-vertical">-->
  <!--<button type="button" class="btn btn-default">左</button>-->
  <!--<button type="button" class="btn btn-default">中</button>-->
  <!--<button type="button" class="btn btn-default">右</button>-->
  <!--</div>-->
  <div class="btn-group-justified">
      <a type="button" class="btn btn-default">左</a>
      <a type="button" class="btn btn-default">中</a>
      <a type="button" class="btn btn-default">右</a>
  </div>

<script src="js/jquery-1.12.4.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>


mischen520
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
组件测试用例-按钮
Lily_bloger的博客
08-31 720
在Web页面中，按钮根据其功能和样式可以有多种类型。
button、a标签、input button的区别
qq_31092813的博客
07-24 4594
button a标签 input button的区别 适合使用的场景
软件测试—功能控件测试—最全面的测试方法测试用例
weixin_62238500的博客
03-28 974
创作灵感来源于工作中的功能测试。
功能测试 之 单模块测试----轮播图、登录、注册
最新发布
qq_48917474的博客
06-13 1473
轮播图、登录、注册单模块测试
测试基础篇之【按钮通用测试点】
li__jing的专栏
10-13 4739
A软件功能测试之前需要进行的是冒烟测试，其目的是为了确认软件基本功能正常，可以进行后续的正式测试工作，如果冒烟测试不通过版本将会被打回。 冒烟测试不通过的标准： (1)系统崩溃/死机/冻结，无响应现象出现 (2)内存泄露，系统内存占用率高于50%且无释放迹象，系统使用后响应速度越来越慢且超过一分钟 (3)用户数据丢失或破坏 (4)模块无法启动或异常退出，如报404错误
a标签改成了button标签，加的链接无法跳转
qq_41544627的博客
12-10 1164
如题 解决方法是给button加上type="button"属性 button不写type类型就会有默认属性 1、请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 “button”，而其他浏览器中（包括 W3C 规范）的默认值是 “submit” 2、如果不为Button设置type属性，旧版IE会将其自动设为button类型，而从IE8开始，为了遵守W3C标准，改变了原来的默认做法，现在默认此button为submit，而非button类型。 参考：http://www
button标签的属性:type="button"
shine瑞子
02-20 8085
<button>标签是定义一个按钮。 问题分析：写好一个按钮之后，进行点击测试，发现页面会自动刷新。 问题原因：按钮规定type属性：Internet Explorer 的默认类型是"button"，而其他浏览器中（包括W3C规范）的默认值是"submit"。 解决方法：在button元素内部，添加属性type="button"即可。 ...
SE2020-G06-测试用例1
08-08
这些测试用例全面地涵盖了音乐APP的核心功能和界面组件，确保了在不同操作下的应用表现和数据准确性。通过这样的测试，可以有效地发现并修复潜在的问题，提升用户体验。测试人员黄德煜在每个测试用例中都进行了详细...
图解soapui创建接口自动化用例及方法
08-25
- 完成参数配置后，点击工具栏上的绿色三角形按钮或者使用快捷键 F9 来执行测试用例。 - 执行结果会在下方的 "Test Results" 面板中显示，包括响应状态码、响应时间和响应内容等信息。 **断言验证** - 为了确保接口...
【软件测试】： 界面测试.doc
04-01
在界面测试过程中，测试人员会设计并执行一系列测试用例，涵盖上述各个测试点，以确保软件界面能满足用户需求，提供流畅的用户体验。同时，界面测试也应关注不同操作系统、浏览器和设备的兼容性，以保证软件在各种...
Android-Android可定制的三态开关按钮
08-12
5. 示例项目或测试用例：演示如何在实际应用中使用这个自定义组件。 在实际应用中，使用TriStateToggleButton可以提高用户体验，因为它提供了清晰的视觉反馈，用户可以清楚地看到当前所选的状态。此外，通过自定义...
win8 metro特效callisto库用例
10-30
1. 自定义按钮：提供多种样式和动画效果的按钮，如涟漪效果、平滑过渡等。 2. 选项卡控件：改进了原生选项卡控件的交互性和视觉效果。 3. 提示框：提供可自定义样式的对话框，支持多种提示类型。 4. 菜单和导航栏：...
使用Html中button标签的type属性默认值
qq_56028947的博客
04-16 2774
Html中Button标签的type属性默认值问题
a 和 button
Melissa的博客
04-27 1154
像 button 的原始目的就是一个通用的按钮，点击后应该触发  JavaScript， 没有其它附带的隐含的附加效果； 标签的隐含附带效果就是跳转页面到其它地方，而提交表单时应该有一个隐含附带的让浏览器触发提交表单的效果， 它就与 button 默认的行为不一样了。所以我们根据这点来区分我们应该用 button 还是用 input 或 a 标签。 今天遇到一个难题，代码如
关于在from表单中使用 type =button 以及type =image
明天
07-10 1492
在表单中type =button 以及type =image 意为提交。所以，当你想把按钮做成点击事件而不是提交时不能用这两者，可以使用a标签或者其他元素
查询功能测试用例
热门推荐
weixin_48387686的博客
03-17 1万+
查询功能测试点非常丰富，主要测试功能是否能正常使用，功能正常的情况可以参考成熟度高的产品，设计更多易用性操作。 一、查询功能验证 （1）验证精确查询，输入完整标题查询 （2）验证模糊查询，输入关键字查询，输入多个关键词查询，输入大小写字母 （3）字符型输入框、数值型输入框、日期型输入框、下拉框、复选框 （4）单个条件查询、多个条件查询、全部条件查询、无条件查询 （5）验证特殊技巧查询，输入“关键词”，输入关键词+空格+关键词，输入and、or等关键词 （6）验证错误查询，不输入任何数据，输入空格、输入如特殊
如何针对轮播图进行功能测试?
ouyangsong的博客
07-18 5415
一、重中之重测试点 1.1、如何写测试点？ 1.1.1、根据需求文档描述，一句一句整理，列出测试点 一个功能点是一个测试点 或者一个规则是一个测试点 1.1.2、分析每个测试点是否需要使用测试用例设计方法 多个输入需要设计方法 一个输入不用，一个用例就可以解决 记得检查是否有遗漏 千言万语不如一张图： 二、细之又细测试用例 1、根据测试点，逐条进行用例细化 2、预期结果不明确，与产品人员确认 用例图： 三、执行并提交缺陷 1.一条一条的执行，耐心、保持激情 2.发现缺陷，立即提交缺陷 用表格
网页轮播图练习（案例）
weixin_44566194的博客
09-21 2095
最近学习的轮播图案例做的一个练习，用到的图片是自己收藏的动漫图片，没有商用，仅供学习使用。轮播图考察的知识点主要是动画和定时器，包括鼠标点击事件，鼠标经过和离开事件以及节流阀的运用等等。
4 轮播图与购物测试用例设计
THE ORDER
08-10 107
测试工程师在需求评审中的是什么？确认自己理解需求、无疑义确认需求无明显错误、能够支撑后续的用例设计等提出一些改进建议。
图片展示组件测试用例
10-28
- 在不同的浏览器中测试组件的兼容性，包括Chrome、Firefox、Safari等。 - 在不同的操作系统中测试组件的兼容性，包括Windows、MacOS、Linux等。 4. 用例评审： - 对以上测试用例进行评审，确保测试用例的完整性和...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值