一、实验目的

1、了解Web系统中的界面测试、功能测试、链接测试、表单测试。

2、能熟练应用白盒和黑盒方法对web界面、功能、表单等方面进行测试用例设计并测试。

二、实验环境

Windows环境，Word相关的办公软件，使用 Chrome内核(版本50以上) 和 IE9及以上内核 的浏览器。

三、实验原理

Web测试主要包括界面测试、功能测试、表单测试、性能测试、兼容性测试等通过Web测试可以尽可能地多发现浏览器端和服务器端程序中的错误并及时加以修正，以保证应用的质量。本实验主要进行界面测试、功能测试、表单测试。

1、界面测试

用户界面测试是指测试用户界面的风格是否满足客户要求，文字是否正确，页面是否美观，文字，图片组合是否完美，操作是否友好等。UI 测试的目标是确保用户界面会通过测试对象的功能来为用户提供相应的访问或浏览功能。确保用户界面符合公司或行业的标准。包括用户友好性、人性化、易操作性测试。

2、功能测试

Web应用程序中的功能测试主要是对页面的链接、按钮等页面元素功能是否正常工作的测试。

链接是Web应用系统的一个主要特征，它是在页面之间切换和指导用户去一些未知地址的页面的主要手段。链接测试可分为3个方面。首先，测试所有链接是否按指示的那样确实链接到了该链接的页面；其次，测试所链接的页面是否存在；最后，保证 Web应用系统上没有孤立的页面，所谓孤立页面是指没有链接指向该页面，只有知道正确的URL地址才能访问。链接测试可以自动进行，现在已经有许多工具可以采用。链接测试必须在集成测试阶段完成，亦即在整个Web应用系统的所有页面开发完成之后进行链接测试

按钮测试：主要测试页面按钮是否工作，工作是否正常。

3、表单测试：

当用户通过表单提交信息的时候，都希望表单能正常工作。如果使用表单来进行在线注册，要确保提交按钮能正常工作，当注册完成后应返回注册成功的消息。如果使用表单收集配送信息，应确保程序能够正确处理这些数据，最后能让用户收到信息。要测试这些程序，需要验证服务器是否能正确保存这些数据，而且后台运行的程序能否正确解释和使用这些信息。当用户使用表单进行用户注册、登录、信息提交等操作时，必须测试提交操作的完整性，以校验提交给服务器的信息的正确性。如果使用默认值，还要检验默认值的正确性。如果表单只能接受指定的某些值，则也要进行测试。

四、实验内容

自选网站系统（可选https://www.saucedemo.com/ 或者校内网站或者自选其他网站），选择核心的功能模块，运用主要的Web测试方法：界面测试、功能测试（主要测试功能完整性和准确性、链接是否正常、按钮是否正常等）、表单测试等方法进行Web测试用例设计。

1***、界面测试主要验证界面的正确性、一致性、友好性、易用性，***主要测试点如下：

1）页面清单是否完整（是否已经将所需要的页面全部都列出来了）；

2）页面是否显示（在不同分辨率下页面是否存在，在不同浏览器版本中页面是是否显示）；

3）页面在窗口中的显示是否正确、美观（在调整浏览器窗口大小时，屏幕刷新是否正确）；

4）页面特殊效果（如特殊字体效果、动画效果）是否显示；

5）页面特殊效果显示是否正确；

6）页面元素清单（为实现功能，是否将所需要的元素全部都列出来了，如按钮、单选框、复选框、列表框、超连接、输入框等等）；

7）页面元素是否显示正确（主要针对文字、图形、签章）；

8）页面元素的外形、摆放位置（如按钮、列表框、核选框、输入框、超连接等）；

10）页面的风格是否一致，如字的大小、颜色、字体要相同

11）按钮排列顺序是否一致；

12）页面最大化检查：测试最大化/最小化/还原时页面是否做了对应的处理。

*2**、链接测试：*

  1. 测试所链接的页面是否存在
  2. 测试所有链接是否确实链接到正确的页面
  3. 测试是否有孤立页面

3、***表单测试***：常见的表单操作有用户注册、用户登陆、查询数据、数据排序、将商品放入购物篮、修改网购商品数量、填写收货人地址通过网银支付等。主要测试点如下：

  1. 文本框测试；
  2. 用户与密码输入域；
  3. 日期填充域；
  4. 电话号码填充域；
  5. 电子邮件填充域；
  6. 数量填充域；
  7. 必填字段填充域；
  8. 单选按钮；
  9. 复选框；
  10. 大块文字区域；
  11. 下拉列表框；
  12. 排序；
  13. 分页；
  14. 搜索框；
  15. 用户登录；
  16. 特殊字符处理；

五、实验步骤

1、 确认所选网站的测试项目，主要考虑界面、链接、表单、功能等方面的测试项目；

2、采用等价划分类、边界值等黑盒测试方法，设计界面、功能、表单等测试用例；

3、根据设计的测试用例集进行测试，并记录测试结果，包括测试缺陷。

六、实验要求

1、根据题目要求设计测试用；

2、根据设计的测试用例进行测试，并记录测试结果；

七、实验结果

测试用例模板及测试结果示例：

注册模块测试用例及测试结果示例：

用户注册模块测试用例
用例编号 测试用例名称 前置条件 测试步骤 输入数据 预期结果 实际结果
1 用户与密码格式符合要求 正常打开系统页面 输入用户名，密码和密码确认，点击“提交表单” 用户名：a09.-_z 密码：123456 密码确认：123456 注册成功 测试通过，注册成功
2 用户名字符名非法 正常打开系统页面 输入用户名，密码和密码确认，点击“提交表单” 用户名：@ # $ 密码：123456 密码确认：123456 提示“用户名非法，请重新输入” 测试通过。提示“用户名非法，请重新输入”
3 用户名空格 正常打开系统页面 输入用户名，密码和密码确认，点击“提交表单” 用户名：空格 密码：123456 密码确认：123456 提示“用户名非法，请重新输入” 测试通过，提示“用户名非法，请重新输入”
4 用户名非数字或字母开头 正常打开系统页面 输入用户名，密码和密码确认，点击“提交表单” 用户名：-_ 密码：123456 密码确认：123456 提示“用户名只能以数字或字母开头和结尾，请重新输入” 测试通过，提示“用户名只能以数字或字母开头和结尾，请重新输入”

1、界面模块测试用例及测试结果示例：

界面模块模块测试用例
用例编号 测试用例名称 前置条件 测试步骤 输入数据 预期结果 实际结果
1 页面清单完整显示 正常打开系统界面 观察 无 页面清单正常显示完整 测试通过，页面清单正常显示完整
2 鼠标点击特效正常 正常打开系统界面 点击鼠标 无 出现正常鼠标点击特效 测试通过，出现正常鼠标点击特效
3 下拉标签页正常显示 正常打开系统界面 点击标签页 无 正常出现下拉标签页 测试通过，正常出现下拉标签页
4 缩放界面比例正常 正常打开系统界面 更改浏览器缩放 无 页面缩放比例正常 测试通过，页面缩放比例正常

2、链接测试：

链接模块测试用例
用例编号 测试用例名称 前置条件 测试步骤 输入数据 预期结果 实际结果
1 链接存在 正常打开系统界面 点击测试的链接 无 能够返回链接所指地址 测试通过，能够返回链接所指地址
2 链接指向地址正确 正常打开系统界面 点击测试的链接 无 返回地址正确 测试通过，能够返回到正确地址
3 测试是否存在孤立页面 正常打开系统界面 检查所有内部链接，包括文本链接、按钮等。 无 每个链接都指向存在的界面 测试通过，每个链接都指向存在的界面
4

3、功能/表单测试用例及测试结果示例：

功能/表单测试用例
用例编号 测试用例名称 前置条件 测试步骤 输入数据 预期结果 实际结果
1 搜索框输入存在的文章 正常打开系统界面 输入文章名 一些最近的AI工具整理 跳转到文章页面 测试通过，跳转到文章界面
2 搜多框输入不存在的文章 正常打开系统界面 输入文章名 Test 提示不存在该文章 测试通过，提示不存在该文章
3 评论区回复合法字符 正常打开系统界面 输入合法回复 Test 提示发送成功 测试通过，提示发送成功
4 评论区回复非法字符 正常打开系统界面 输入非法回复 插入图片 提示发送失败，图片为非法格式 测试通过，提示图片为非法格式

4、测试结果统计

测试项目 测试用例数 测试通过数 测试未通过数 缺陷数
界面测试 4 4 0 0
链接测试 4 4 0 0
表单测试 4 4 0 0
合计 12 12 0 0

八、实验总结

总结本次实验中，个人遇见的问题以及收获，或者描述对本次实验涉及的相关知识及技能的一些见解。