web界面测试

Web测试主讲：张轶web应用程序Web应用程序首先是“应用程序”，和用标准的程序语言，如C、C++等编写出来的程序没有什么本质上的不同。然而Web应用程序又有自己独特的地方，就是它是基于Web的，而不是采用传统方法运行的。C/S、B/S应用程序有两种模式C/S、B/S。C/S是客户端/服务器端程序，也就是说这类程序一般独立运行。而B/S就是浏览器端/服务器端应用程序，这类应用程序一般借助IE等浏览器来运行。浏览器／服务器架构的优点浏览器／服务器架构（Browser/Server,简称B/S）能够很好地应用在广域网上，成为越来越多的企业的选择。浏览器／服务器架构相对于其他几种应用程序体系结构，有如下3方面的优点：（1）这种架构采用Internet上标准的通信协议（通常是TCP/IP协议）作为客户机同服务器通信的协议。这样可以使位于Internet任意位置的人都能够正常访问服务器。对于服务器来说，通过相应的Web服务和数据库服务可以对数据进行处理。对外采用标准的通信协议，以便共享数据。（2）在服务器上对数据进行处理，就处理的结果生成网页，以方便客户端直接下载。（3）在客户机上对数据的处理被进一步简化，将浏览器作为客户端的应用程序，以实现对数据的显示。不再需要为客户端单独编写和安装其他类型的应用程序。这样，在客户端只需要安装一套内置浏览器的操作系统，如Window98或Windows2000或直接安装一套浏览器，就可以实现服务器上数据的访问。而浏览器是现在计算机的标准设备。web应用理解了什么是浏览器／服务器架构，就了解了什么是Web应用程序。常见的计数器、留言版、聊天室和论坛BBS等，都是Web应用程序，不过这些应用相对比较简单，而Web应用程序的真正核心主要是对数据库进行处理，管理信息系统（ManagementInformationSystem,简称MIS）就是这种架构最典型的应用。MIS可以应用于局域网，也可以应用于广域网。目前基于Internet的MIS系统以其成本低廉、维护简便、覆盖范围广、功能易实现等诸多特性，得到越来越多的应用。Web测试的特点基于Web的系统测试与传统的软件测试既有相同之处，也有不同的地方，对软件测试提出了新的挑战。基于Web的系统测试不但需要检查和验证是否按照设计的要求运行，而且还要评价系统在不同用户的浏览器端的显示是否合适。重要的是，还要从最终用户的角度进行安全性和可用性测试。web测试的内容界面测试、功能测试、性能测试、可用性、客户端兼容性、安全性一、界面测试界面测试就是对Web项目的界面部分进行正确性、灵活性、直观性、一致性、舒适性等方面的验证。这部分的测试看似简单，但实际上包含的测试项目庞杂，又可间接对应用程序的准确性进行验证，同时它的实用性与最终用户直接相关，因此决不可低估它的地位。界面测试的测试点1：界面的线条是否一致，每个界面中线条是否对齐，是否一致。（静态页面没有确认的情况下）2：整个系统的界面是否保持一致3：界面中是否存在错别字4：界面所有的按钮样式是否一致5：每个界面是否同原静态页面设计一致（静态页面确认的情况下）6：操作是否友好界面测试的测试点7：界面所有的按钮、下拉框是否有响应8：界面所有的链接是否正常9：界面所有的输入框是否都进行校验（例如：搜索框、字段输入框）10：界面所有的列表页标题字是否会折行，标题字是否统一居中等，当然也可以居左，这需要同客户沟通（折行的话影响美观）11：界面所有的展示图片是否样式一致12：浏览器的兼容性问题，检查页面在不同浏览器下是否会发生异常界面测试的测试点13：每个页面的提示字体的颜色、格式是否统一准确14：界面中所有字段后面是否都存在冒号，有冒号，查看是否冒号为统一的中文冒号还是英文冒号。15：界面中的提示说明叙述是否太啰嗦，有时候需要能简化尽量简化，并且字体显示格式一致，颜色统一。16：在web网站，一般经常是后台控制前台的显示，因此在对后台进行数据添加时，查看前台是否有变化，并且查看界面的数据是否溢出框外。当然，我们在进行界面测试时，必须明确UI测试的目的，它是确保用户界面通过测试对象的功能来为用户提供相应的访问或浏览功能。确保用户界面符合公司和行业的标准。通过用户界面测试来核实用户与软件的交互，UI测试的目标在于确保用户界面向用户提供了适当的访问和浏览对象功能的操作，除此之外，UI测试还却表UI功能内部的对象符号预期的要求，并遵循公司和行业的标准。界面测试的依据从哪些方面着手测试目标：1：窗口与窗口之间、字段与字段之间的浏览，以及各种访问方法（tab键、鼠标移动和快捷键）的使用2：窗口的对象和特征（例如：菜单、大小、位置、状态和中心）都符号标准测试方法：为每个窗口创建或修改测试，以核实各个应用程序窗口和对象都可正确的进行浏览，并处于正常的对象状态。导航测试导航描述了用户在一个页面内操作的方式，在不同的用户接口控制之间，例如按钮、对话框、列表和窗口等；不同的链接页面之间，通过考虑下列问题，可以决定一个web应用系统是否易于导航；导航是否直观？web系统的主要部分是否可通过主页存取？web系统是否需要站点地图、搜索引擎或其他的导航帮助当然，这些同美工以及客户需求有关。我们是根据已经确认的页面进行测试即可。图形测试图形包括图片、动画、边框、颜色、字体、背景、按钮等。（1）要确保图形有明确的用途，图片或动画不要胡乱的堆在一起，以免浪费传输时间，web应用系统的图片尺寸要尽量地小，并且要能清楚的说明某件事情。一般都链接到某个具体的页面（2）验证所有页面字体的风格是否一致（3）背景颜色与字体颜色和背景色相搭配（4）图片的大小和质量，一般采用jpg或gif压缩，最好能使用图片的大小减小到30k以下（5）演示文字回绕是否正确，如果说明文字指向右边的图片，应该确保该图片出现在右边，不要因为使用图片而使窗口和段落排列古怪或者出现骨性。内容测试内容测试用来检验Web应用系统提供信息的正确性、准确性和相关性。信息的正确性是指信息是可靠的还是误传的。信息的相关性是指是否在当前页面可以找到与当前浏览信息相关的信息列表或入口，也就是一般Web站点中的所谓“相关文章列表”表格测试需要验证表格是否设置正确，用户是否需要向右滚动页面才能看见产品的价格？把价格放在左边，产品细节放在右边是否更有效？每一栏的宽度是否足够宽，表格里的文字是否都有折行？是否因为某一格的内容太多，而将整行的内容拉长？整体界面测试整体界面是指整个Web应用系统的页面结构设计，是给用户的一个整体感。例如：当用户浏览Web应用系统时是否感到舒适，是否凭直觉就知道要找的信息在什么地方？整个Web应用系统的设计风格是否一致？对整体界面的测试过程，其实是一个对最终用户进行调查的过程。一般Web应用系统采取在主页上做一个调查问卷的形式，来得到最终用户的反馈信息。对所有的用户界面测试来说，都需要有外部人员（与Web应用系统开发没有联系或联系很少的人员）的参与，最好是最终用户的参与界面测试实践二、功能测试Web应用功能测试一般包括后台数据的增删查改、用户输入输出校验、状态信息的显示和保存等，这些通常是通过CGI程序、Javascript程序、Cookies等来协同完成的。测试要根据目标功能对包含程序逐一进行验证。三、性能测试性能测试主要考虑服务器端在负载压力足够大的情况下，是否能保证性能长期稳定。这需要对服务器进行各种极限情况的测试，包括用户数目、运行时间、反复启停等情况的极限情况。这项测试通常能够找出系统的内存泄露或边界情况的问题。性能测试通常通过工具来进行，如loadrunner、webload、was、ewl、E-Test等，主要方法都是先编写出测试脚本，然后运行得出报告。这些工具基本都是利用线程技术模拟虚拟用户来实现的。