【testing_第三周】三个editbox___

【testing_第三周】三个editbox____测试用例

一.简介:

本次小实验是在上次博客的基础上改进的，由一个editbox变成3个editbox。

由于被测试的文本框的个数增加，测试用例以及测试的内容都有所不同。

同时，我在编写代码时也考虑到了测试时的问题，因为3个editbox中的内容的要求、规格都是一致的，因此只需要写个for循环来控制3个box的测试，这为测试时带来了方便。

另外，3个box与1个box问题的区别在于他们之间的输入是否互相影响，这点在测试以及编程时也要考虑到。

具体上次问题的介绍请参考我的上一篇博客：http://www.cnblogs.com/zhanghan2015/p/4357236.html

二.划分等价类：

编号	有效等价类	编号	无效等价类
1	长度1-6	6	长度0
1		7	长度>=6
2	数字0-9	8	数字字母以外的字符/ 控制字符/ 标点符号
3	字母a-z
4	字母A-Z
5	输入正确盒子个数为3	9	盒子1不正确，盒子2,3正确
		10	盒子2不正确，盒子1,3正确
		11	盒子3不正确，盒子1,2正确
		12	盒子1,2不正确，盒子3正确
		13	盒子1,3不正确，盒子2正确
		14	盒子2,3不正确，盒子1正确
		15	盒子1,2,3都不正确

三.设计测试用例：

编号	测试用例	覆盖等价类	期望输出
1	123ab C45 789xYZ	1,2,3,4,5	第1个盒子输入正确！第2个盒子输入正确！第3个盒子输入正确！
2	null null null	6,15	输入不能为空
3	aaaaaaaa aaaaaaaa aaaaaaaa	7,15	输入长度不能大于6
4	[[[ [[[ [[[	8,15	不能输入数字和字母以外的字符
5	123ab abcdefg ,,,,	9	第1个盒子输入正确，第2,3个盒子错误
6	null 45C 0123333	10	第2个盒子输入正确，第1,3个盒子错误
7	!!!! null 46Cd	11	第3个盒子输入正确，第1,2个盒子错误
8	123ab Xy6 null	12	第1,2个盒子正确,第3个盒子错误
9	123ab /// 09VC	13	第1,3个盒子正确,第2个盒子错误
10	0000000 123ab KLM	14	第2,3个盒子正确,第1个盒子错误
11	null ;;;; 1234567	15	第1,2,3个盒子都错误

四.代码：

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
 <%
 String path = request.getContextPath();
 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
  %>
  
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  <html>
    <head>
     <base href="<%=basePath%>">
     
     <title>My JSP 'index.jsp' starting page</title>
     <meta http-equiv="pragma" content="no-cache">
     <meta http-equiv="cache-control" content="no-cache">
     <meta http-equiv="expires" content="0">    
     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
     <meta http-equiv="description" content="This is my page">
     <!--
     <link rel="stylesheet" type="text/css" href="styles.css">
     -->
   </head>
   <script>
 
 function myFun()
 {   
     var myArray=new Array(3);
     var alertstr=new Array("输入为空!","长度大于6个字符！","你输入的字符不是数字或者字母!","输入正确！");   
     for( i=0;i<3;i++)
     {
     	var str=document.getElementById(i).value;	
		if(str.length<1)
 		{		
    		myArray[i]=0;
 		}
 		else if(str.length>6)
 		{
 		
 			myArray[i]=1;
 		}
 		else
 		{
 			var reg = /[^0-9a-zA-Z]+$/;
     		if(reg.test(str))
     		{    			
     			myArray[i]=2;
     		} 
     		else
    		{		
     			myArray[i]=3;
     		}
 		} 
     
     }
     var alerts="";
     for(j=0;j<3;j++)
     {
         for(k=0;k<4;k++)
         {
         	if(myArray[j]==k)
         	{
            	alerts+="第"+(j+1)+"个盒子"+alertstr[k]+"
";
         	}
         }
     }
     alert(alerts);
}

   
 </script>
 
   <body>
     <p align="center">请输入1-6位字符（只允许数字和字母）</p>
 	 <center>  
 	<tr style="text-align:center">盒子1：
    <input id="0" type="text" >
 	</tr><br></br>
 		<tr style="text-align:center">盒子2：
    <input id="1" type="text" >
 	</tr><br></br>
 		<tr style="text-align:center">盒子3：
    <input id="2" type="text" >
 	</tr><br></br>
 	<tr><button type="button" onclick="myFun()"align="center">确定</button></tr>
 	</center>
   </body>
 </html>

五.测试结果：

（1）第1，2 ，3个盒子都正确：