B-S界面测试规范

1•目的本文档用于定制在测试过程中对B/S结构系统界面测试的各项依据

其目的是强化沟通，降低风险，提高项目成功率。

针对B/S结构系统的特殊性，后期任何大规模的改动都将导致灾难性问题发生。

测试人员在依据本文档进行B/S结构系统页面测试时需要灵活应用。

2•适用范围

2.1适用阶段：

需求阶段的界面设计测试过程、功能测试阶段、集成测试阶段、验收测试阶段等过程。

其中测试重点是需求阶段的界面设计测试过程。

页面问题如果拖到验收测试阶段往后的过程中，将会造成不可估量的损失。

2.2适用人员：

系统测试人员、需求设计人员（界面设计）、开发人员等。

3.界面测试的定义界面测试是软件测试的一部分，从纵向看界面测试的生存周期为一个软件项目整个生存周期，从横向看界面测试有着与功能测试等其他测试同等重要的地位。

界面测试是测试人员主要针对软件界面的一种测试。

其实施方法在软件过程的不同阶段有不同的表现。

3.1什么叫B/S结构系统的界面测试？B/S结构，即Browser/Server（浏览器/ 服务器）结构，是随着In ternet技术的兴起，对C/S结构的一种变化或者改进的结构。

在这种结构下，通过WWW浏览器实现的一部分事务逻辑在前端实现，但是主要事务逻辑在服务器端实现，形成所谓3-tier结构。

B/S结构系统的界面测试：

主要是利用了WWW浏览器技术，对界面的布局、美观、风格以及界面功能的完整性、正确性、容错性进行测试。

3.2界面测试基本要求对界面的基本要求包括：

.体现主要的功能；.提供基本的界面风格；.统一系统的色系、布局风格、TITLE模式、显示风格、标题风格等。

3.3界面分类：

对于一个B/S结构的系统，依照页面的用途，我们也可以将各类界面统称为功能界面，功能界面可以细化出多种分类，例如：

登录页面、系统首页面、信息存取页面、系统显示页面、系统提示页面、文件传输页面等，对于这些不同的页面，测试标准也各有不同。

对于界面的分类还有其他方式，本文主要依照功能界面的分类来介绍相应的测试规范。

3.4界面测试的依据对于不同阶段的界面测试，依据的文档主要有需求文档中的界面需求文档、需求中用户提出的界面原形文档、设计文档中的界面设计文档及其补充文档。

另外还要参考用户的业务范围和需要，以及用户的补充。

除以上依据外，测试人员还须根据个人经验及理论知识在测试过程中真正做到先导及主导作用，对界面的不合理及需要讨论的地方及时提出，督促解决。

3.5界面测试中需求收集和分析界面测试前依据需求用例描述、需求用例规约、需求用例规约补充说明，了解系统要做什么，即系统要实现什么功能？做成什么样，即系统的风格是什么？

3.6执行界面测试根据需求用例描述、用例规约、用例规约补充说明对界面的功能进行测试。

界面风格测试则可以根据用户需求、界面原形的设计规范来测试，同时请客户

进行界面风格的评价，以保证界面风格确实体现用户的企业文化。

基本的过程如下图所示：

4.B/S界面测试规范详细说明

4.1界面风格测试规范界面是软件与用户交互的最直接的层，界面的美观与协调性决定用户对软件的第一印象。

而且设计良好的界面能够引导用户自己完成相应的操作，起到向导的作用。

同时界面如同人的面孔，具有吸引用户的直接优势。

设计合理的界面能给用户带来轻松愉悦的感受和成功的感觉，相反由于界面设计的失败，让用户有挫败感，再实用强大的功能都可能在用户的畏惧与放弃中付诸东流。

4.

1.1登录页面对于WEB系统的登录页面要求界面简洁，能体现企业文化和系统功能。

同时可以体现整个系统的主色系。

4.

1.2系统首页面一个系统的首页是整个系统最为重要的部分。

对于首页每个部分的功能应该明确，同时保证首页可以体现整个系统的主要功能。

对于首页，要求界面整齐，功能范围划分合理，不能出现界面的浪费。

另外也要特别注意这个页面的美观性。

4.

1.3信息存取页面由于修改界面负担的功能比较重要，所以此类界面要求功能单一性，控件数量需要控制，在同一界面不能有过多控件，避免界面的不美观和后期难以维护的情况发生。

4.

1.4信息显示页面在信息显示界面，要保持界面功能的单一性，该界面仅限显示某些内容。

该界面的显示部分及按钮位置要跟整个系统保持一致，同时保持WEB界面的特有风格。

4.

1.5信息提示页面信息提示界面的大小、显示位置、显示字体、显示内容语法等应当保持与系统要求一致。

提示界面的显示方式一般选择弹出式。

4.

1.6图表显示页面图表界面也应该属于信息显示界面的一种，但是由于其显示图表的特殊性，因此需单独指明。

图表内容的显示应当固定在界面内，图上数据应当与数据库中保持一致，能真实反映数据库中的数据。

图表注释位置在系统内也应该有统一要求。

4.

1.7文件传输页面对于WEB系统的文件传输界面，除功能单一性外，由于网络的限制，在文件上传时应该有相关信息提示，使用户明确当前传输状态，不能有空白界面或无提示的等待界面出现。

1.8美观与协调性界面是否适合美学观点，整个系统的色彩风格是否协调舒适，是否能在有效的范围内吸引用户的注意力，同时是否体现公司的企业文化。

4.

色系统一包括：

前景色与背景色的搭配是否协调；页面上未使用的文字颜色是否统一；已查看过的条目文字颜色是否使用统一等。

4.

1.9页面布局的合理性测试人员要严格坚持布局风格的统一性。

例如：

是否合理的利用空间，整个页面既不能过于密集，也不能过于空旷，功能范围划分是否合理。

同时在系统中应当保持在所有界面都在统一位置，页面按钮的位置也要在统一固定的位置，不能有的在页面上方有的又在下方。

另外各控件的对齐方式也要统

。

4.

1.10界面一致性在界面设计中应该保持界面的一致性。

一致性既包括使用标准的控件，也指使用相同的信息表现方法，如在字体、标签风格、颜色、术语、显示错误信息、提示信息等方面确保一致。

4.2页面功能测试规范

421页面元素的完整性与正确性.是否已经将需求中的页面、页面元素全部都列出来了，包括一些提示信息页面。

.界面元素是否参差不齐，或显示一半页面，无法进行操作。

.按钮、选项的状态变更是否正确（该灰时不灰，不该灰时变灰）等。

4.

2.2页面元素的功能实现.每个按钮都进行测试，包括功能正确性，数据正确