基于微信小程米乐体育APP官网序的测试设计与分析

　　近几年软件开发都不断往小程序发展，如今也成为了各大平台战略布局的竞争手段。到今年，活流量月超1000万的微信小程序已经过500个，其中个人开发者超3成。微信小程序的开发门槛低、传播容易，收益快，使得许多开发往微信小程序开拓，日益成为今日互联网APP软件开发的主流，软件测试方向也应该渐渐往微信小程序伸展，微信小程序如今成为了市场流量获取与转化的重要渠道。

　　但面对如此多的开发涌入小程序，伴随着资本投入，市场壮大，我们也发现了他的缺点，服务器容易崩溃、支付跳转经常卡死、网络性能很差这样的种种缺点也逐渐浮现，因此通过对微信小程序进行科学地测试对于小程序行业是迫在眉睫的。通过这样微信测试的规划方法，可以有规划地对微信小程序进行规划测试管理、科学地对微信小程序进行系统化、科学化、流程化地进行测试，减少对程序管理运营的后期维护难度以及不科学测试影响对微信小程序用户体验感的测试服务在此背景下营应运而生其测试方法可视此视为简易版APP测试，人们对小程序的简便，需求大，流动性强的需求也展现出对软件性能，功能要求的提高，为此我们要对微信小程序设计一个科学的，全面的测试计划与测试方法，对微信小程序软件的性能与功能方面的测试尽量做到全面的测试与作出合理的改善。

　　现阶段人们对于软件测试的方法与分析已经有了一定清楚的规划与了解，但是对于现今较为流行，需求量大的小程序的测试的设计与分析仍然比较模糊，只停留在较为基础且不全面的功能与测试点上。其中微信小程序是一种较为特殊的APP，不需要下载即可使用，所占内存少，开发门槛低，开发难度小，流动性强，用户只要扫一扫或者进行搜索框搜索就可以打开的应用。因此要为小程序的测试设计出科学的可行的测试计划与测试方法，并根据不同的侧重点对小程序进行测试。

　　随着软件高新产业的发展和更新，软件测试逐渐成为了软件企业生存与发展的重点。几乎每个大中型IT企业的软件产品在发布前都需要大量的质量测试和文档编辑工作，而这些工作必须依靠专业人士来完成。业内人士分析，这类职位的需求主要集中在沿海发达城市，其中北京和上海的需求量分别占去33%和29%。民企需求量最大，占19%，外商独资欧美类企业需求排列第二，占15%。我国软件测试仍处于地位低下、不标准不规范的局面。然而，正当国内软件行业绝大多数的测试工作，仍然停留于系统测试、集成测试和单元测试这些基础阶段。小程序作为一个新兴的软件产物，在国内都在蓬勃发展。但国外不如国内发展涨幅大，仍属于较为少量需求的状态，但前景仍然非常乐观。国内正在处于一个小程序需求增量非常大的时机，从而对于软件质量的评价也是非常重要。

　　本课题介绍了微信小程序测试的设计规划和分析，结合不同的测试方法，并结合不同的测试工具将微信小程序的测试进行科学地全面地规划，并将小程序测试与一般程序的测试方法进行两者之间的相同点和不同点的罗列，并以微信小程序测试的方法作为重点，结合实例“热门微博”来进行本课题的研究。通过对微信小程序的实际应用，从而总结出小程序测试的设计的方法，科学化地对产品的质量进行评估。

　　本章主要是写了在当今互联网发展快速发展的时代，小程序成为最新的创新产物，是一个在中国IT业能够真正简化程序员业务的创新产物。面对如此创新的产物，我们必须要把他的专业性、规范性给带动起来，软件测试也要跟上时代潮流，对微信小程序也不例外地进行规范科学地流程细化，这是迫在眉睫的。

　　如今程序的前端大部分是根据架构来进行的，微信小程序也不例外，小程序实际上也是在微信自己封装的框架基础上，开放接口、API、页面渲染功能，然后根据开发人员的需要对页面样式进行调整。小程序大部分来说是采用前后端分离的架构，虽然前端也有逻辑处理，但主要还是为了优化体验感作缓存的，关键流程和状态流转还是要通过后端接口来完成。

　　最底层是微信的小程序，当结束开发时，小程序里自带的开发工具会将程序的开发代码以及框架进行打包，下载到微信小程序里面，待我们打开微信小程序，所呈现的就是在开发工具里打开的小程序的运行的样子。

　　Native层是微信小程序的框架，有点像react框架。在native框架里面封装了UI层组件和逻辑层组件，根据这些组件可以通过微信小程序所提供的接口调用手机硬件信息。

　　框框里的内容，是开发工作人员所真正需要进行操作的视图层和逻辑层，视图层和逻辑层是经native层进行数据交互的。逻辑层与视图层都可以调动native框架里原本封装好的组件和方法

　　因此我们在视图层进行事件操作时，会改变数据，数据将会通过native框架传递给逻辑层，反之逻辑层可以影响视图层。

　　一个基本的小程序的内部结构如一般如上图所示，一般来说，一个微信小程序是由.js、.json、.wxml、.wxss这四种文件构成：

　　.js文件：即js脚本逻辑文件，与我们平时所编写的js文档一样，决定了页面和用户操作的交互，决定着用户的体验感。

　　.json文件：即.json配置文件，对微信小程序进行全局配置，设置页面文件的路径、窗口表现、设置网络超时时间、设置多tab切换页等。而.json文件又可分为APP.json文件和page.json文件。

　　APP.json文件对微信小程序进行全局配置，设置页面文件的路径、窗口表现、设置网络超时时间、设置tab切换等

　　Page.json：page.jason文件用于配置当前目录，在这里的位置是为了logs.json这类和小程序页面相关的配置。

　　.wxml文件：位于视图层（view），wxml文件相当于网页开发中html，用于描述当前页面的结构。

　　.wxss文件：是指wxss样式文件，相当于css，用于调整页面的样式。

　　2.注册成功，登入后进入到微信公众平台的主页面，进入左侧导航栏中的“用户身份”界面，然后在右边成员管理中添加测试人员的账号。

　　2.开发者工具安装完成之后进行微信扫码登陆，导入已有的准备测试的工作项目。

　　本章主要介绍了测试环境的部署方法，小程序的测试环境搭建是比一般软件测试环境部署简便。可以进行授权，在微信平台里直接进行小程序的测试，或者在小程序开发工具里直接打开微信小程序开发包。

　　对于仿网易优选微信小程序的测试点总概括有：权限测试、兼容性测试、易用性测试、UI测试、功能测试、性能测试、接口测试等。

　　权限测试：微信用户一般在访问小程序之前都会遇到有的授权提示，在测试小程序之时也要首先进行权限测试：

　　在遇到未授权的情况时，在使用一些业务功能之前，程序都应该弹出提醒，先同意授权，才能进入到程序的业务功能。

　　对于已经授权了的小程序，将会自动加入页面，今后无需再次授权便能直接问询该小程序的业务功能。

　　UI测试也是指界面测试，对于微信小程序的UI测试不仅要囊括手机端的，还需测试pc端的，查看他的规格与比例是否都符合要求。

　　一般来说小程序不管是在手机端还是在pc端打开，其程序业务的界面都必须是按比例分配的，

　　按照功能模块进行测试：首先对已经分配好的主功能进行模块划分，逐渐细化成各个小小的功能点，我们所覆盖到的每个功能都应该尽可能全面。

　　清晰每一个业务的流程，比如说添加商品，进入购物车，购买，付款。把每个功能点连接成一整套业务逻辑的路径，并且每一条路径都要被覆盖到。

　　我们要设计基于数据流的测试用例，要检查输入的数据是否符合代码的输出，是否与特殊数据发生冲突，要囊括到输入输出是否为空，输入输出是否符合要求等。

　　在该小程序中，各个功能点的入口都可能在不同的页面出现，也可能都在同一个页面出现，我们要对不一样的路径进行尽可能覆盖地测试。

　　检查是否兼容android系统和ios系统，在不同的手机操作系统中对该小程序进行测试。

　　检查是否兼容不同机型，一般来说小程序具有屏幕的自动适配功能，在不同的手机不同大小的机型下所呈现出来的比例是一致的。

　　检查是否兼容不同的程序版本，一个小程序开发出来后有许多更新版本，必须要对不同版本对同一小程序进行适配。

　　检查不同的微信版本对于小程序的接口是依赖的，测试的微信版本一般检查较高的版本。

　　使用微信自带的“扫一扫”对二维码扫描，看是否到达相应的界面，二维码隔一段时间是否自动更新。

　　支付二维码，支付二维码所要跳转的层数比一般二维码要多，在成功扫描完二维码进入到对应的支付工具页面，同时检查是否经过了支付授权。

　　性能测试：性能测试一般要打开下方的console和sources查看其参数值和情景值

　　据调查可知，微信小程序和和一般的APP相同，上线之前要经过微信总部的审核。小程序在上线之前到正式发布会有三个版本类型：开发版、体验版、正式版。其中开发版和体验版是不用审核的，但是需要给相关的微信号配置权限而且要扫小程序的二维码才能登入访问。

　　总的来说在软件开发项目中三个版本环境缺一不可，开发版是访问测试环境，体验版是访问预发布环境，正式版是访问生产环境的。

　　此论文是以微信小程序“仿网易严选商城（带后台管理系统）”进行测试。微信小程序的电商平台其实与普通的APP电商是类似的，小程序商城的功能、性能系统都必须囊括普通APP电商软件的所有功能。

　　通过测试进行的浏览可正确反映商城的功能和需求，这种浏览包括窗口与窗口之间，模块跳转间，窗口的对象和特征菜单、大小、位置、状态都符合需求要求

　　为每个主要界面创建测试，以核实各个应用程序窗口和对象都可正确地进行浏览，并处于正常的对象状态。

　　并不是所有定制或第三方对象的特征都可访问，但是所有对象所能进入到的界面都需要符合标准。

　　测试系统的安全访问性，核实只有具备小程序的访问权限的用户才能访问系统或者进入相应的具有权限设置的界面。

　　为各用户类型创建测试，比如说已授权用户，未授权用户，超级管理员，测试人员，一般用户等，主要通过手工测试，运用场景分析法来创建各用户所特有的事务来核实权限并核实它的权限正确性

　　所有的业务功能都要经过授权之后才能正常运行，而且所有事务都按照预期的方式运行

　　对于测试对象软件和非测试对象软件的各种组合，所有事务都成功完成，完全符合兼容的标准

　　利用专用的小程序性能测试工具进行压力测试，设置并发用户数，找出他的最大吞吐量，分析数据。

　　单个事务或单个用户：在每个事务所预期时间范围内成功地完成测试脚本，没有发生任何故障。

　　多个事务或多个用户：在可接受的时间范围内成功地完成测试脚本，没有发生任何故障。

　　使用不同的网络进行测试，在不同的网络进程下ping出他的网络并分析对小程序的影响。

　　本章主要编写的是微信小程序的测试计划，测试的目标，准则。其中包含了对整一个微信小程序测试方案的流程安排和准则的制定，对测试的各项活动设定一个模型，定义每个时间点的测试内容，识别各种要实现的目标和特殊注意的事项。

　　本章涉及的是针对不一样的功能性能和其他功能点的测试用例，测试用例用的主要是场景分析法，根据不同的场景贯彻不一样的流程，一般设置输入，执行的条件，和预期结果，用来检验是非符合原本的需求需要。

　　测试实施的过程一般包括单元测试、集成测试、系统测试和验收测试。测试计划以及测试用例编写完毕之后，往往就到了测试实施。我们要按照测试计划的时间内以及内容，结合测试用例的步骤实施测试。根据测试用例的预期结果，写出测试报告和Bug报告，Bug报告是对错误的，不符合原测试结果的上报以及分析，并检查是否符合需求。

　　点击首页所有的M页，上层感应导航栏，图片，文字，观察是否能够成功跳转到相应页面。

　　点击导航栏领红包，进入界面，点击签到，每日红包，打开奖励，购买商品时是否有抵消

　　进入分类页面，点击导航栏的不同分类进入到对应分类商品的界面，进一步看第二层分类的进入图标，查看是否进入符合标签页面。

　　进入到第二层商品分类属性，在右边选择更加细化的商品分类，点击看是否成功跳转入相应的商品页面。

　　打开仿网易严选小程序，在导航栏或者其他任意地方选择有存货的商品加入购物车

　　在小程序中所加入购物车的属性的量都能够完全表示在购物车里，且价格标识正确。

　　微信小程序的性能测试可以使用腾讯自带的浏览服务，直接扫二维码进入调试页，打开调试页可以见到简单的性能数据。

　　根据性能测试的测试用例来进行业务流程的走动，不断地切换页面，进行业务流程的变动来查看右上角小程序性能的变化。

　　压力测试使用的是华为性能测试服务（只用于安卓手机），先复制小程序的链接，并添加在测试事务中

　　等到测试完毕就可以看到性能报告了，其中可以看到TPS各项指标，带宽的变化，响应的时延，资源使用变化，花费大概十分钟的时间，简单测试出该小程序的性能指标

　　1..分别在三星，iphone，小米，ipad，oppo，vivo，等主流手机以及pc微信端打开该小程序

　　2.在每个界面有输入框的地方进行文字输入，检查是否出现键盘，且能正常输入

　　1.在进入小程序时，是否弹出权限授权，授权才能访问到小程序内部的业务流程

　　对该小程序测试一共有六种测试方法，Bug出现了一个属于功能测试，其他测试类型未出现Bug，都能按照指定的功能需求得出相应结果。

　　微信小程序是一个无法用接口或者是连接直接进入，只能用二维码扫码进入这一个方法，所以，在进入界面的时候，很容易会受到并发用户的限制而导致网络卡顿，界面不全的情况。所以小程序的进出口性能较差是一种常态，是一种至今仍未完善的一种问题。虽然在本次实践中性能是抢购事件的性能是通过了的，但是小程序的性能与其他程序相比仍然属于劣势。

　　本次对仿网易优选小程序的测试整个过程结束。主要运用的是场景分析法进行手工测试，以及利用华为性能工具来进行压力测试，结合微信小程序自带的性能检测来完成小程序的性能测试。相比普通APP，小程序测试的侧重点是在网络测试以及权限测试。由以上的测试用例也可以了解到小程序的功能点较少，其规模有限。一切的业务功能都源于一个小程序的二维码入口，虽然可以随时使用随时弃用，但是其局限性较大，与普通APP的比较如下图所示：

　　本章主要内容为测试的执行过程，结合预期结果，测试被测系统是否达到了预期的需要，衡量测试的质量。不同的测试需要使用不同的测试工具，有着与其相应的测试用例，遵循了测试的全面性、正确性、连贯性和可判定性的原则。

　　微信小程序实际上是一个无需安装的移动APP，小程序的测试方法与APP的测试方法有着很大的相同之处，但是也有它特有的不同之处。一般就入口来说，小程序是通过扫描二维码进入入口，是不需要进行下载的，相当于做了一个不同于传统形式的APP，但他的测试方法，测试步骤和测试点的侧重点都是与普通APP差不多，从本质上来说，他是没有摆脱掉普通APP的开发状态。虽然它拥有着不用安装就能打开的内存友好性，但是对于网络的要求是非常高的，在功能的体验感上也是不如APP的体验出色，我们就着较为科学的方法对小程序进行测试，但是主要的测试点和测试方法和WebAPP无太大出入，总的来说，是要看他的侧重点，比如网络性要求更高了。

　　微信小程序是一个创新的发明，他是最新的产物，说明它不止于此。我们在对小程序开发测试的时候要紧跟微信官方的脚步。众所周知，未来小程序的开发会往更加快速更加便捷注册方向发展，功能也会更加细化。我们要跟随小程序在未来提供更加完善的服务的基础上，贯彻落实好测试方向的科学与规范化，与小程序的开发匹配，提供更加完善优化的测试服务。

　　总结了对本篇论文的编写分析和对未来的展望，微信小程序并不限于此，对于它的测试方法只会越来越规范，越来越科学，我们要与时俱进，给予小程序有更加良好的测试方案，提交更加完善的小程序。

　　[2]上官霞南,蒋剑,沈昕.单元测试码重构方法在安全相关软件中的应用[J].科技风,2019(32):95.

　　[6]吴冬梅.基于安全性分析的嵌入式软件测试[J].电子技术与软件工程,2019(21):30-31.

　　[9]罗丹.基于微信小程序的云笔记平台设计与实现[J].电子技术与软件工程，2019(20):239-240.

　　[11]韦玉辉,苏兆伟,潘梦诗.基于微信小程序的服装个性化定制系统设计与实现[J].服装学报,2019,4(05):460-464.

　　[12]张沈梅,孙昊,王玲,成甜甜,祖兆研.基于微信小程序的课程在线测试系统[J].电脑知识与技术,2018,14(32):82-84+88.

　　经过几个月的努力，我的论文《基于微信小程序的测试设计与分析》终于完成了，也意味着我的大学生活就要结束了。回望既首，自己一生中最宝贵的青春能够在大学校园里奋斗，实在是荣幸至极。

　　在本论文的写作过程中，我的指导老师姚庚梅从最开始的论文选题，开题报告一直到写作，修改论文定稿都倾注非常多的时间与精力，在此我致以衷心的感谢。论文的完成离不开您的悉心指导与严谨的思想教导。除此之外，本论文也参照了大量的著作与文章，结合了许多学者的科研成果以及写作思路，没有他们，我一样无法完成，同时我也向这些学者们表示由衷的感谢。最后感谢我的家人、同学以及朋友对我的支持，有他们的支持和关怀，我才能继续去追求自己的人生理想和目标。

　　本论文虽然几经修改，但因才疏学浅，疏漏之处在所难免，还望各位老师批评指正。

　　PowerPoint是微软公司生产的制作幻灯片和简报的软件（以下简称PPT）。在我们许多人看来,它只不过是一个简单地对文字、图形、图片进行演示的软件，教学中的课件制作软件当属Authorware、Flash。Authorware和Flash制作的动画效果的确很好，而且它们的功能也很强大。不过这些软件在制作课件的过程中往往非常耗时，用这些专业软件来制作课件用于平时的教学往往效率很低。PPT就是一个非常简单、实用的制作课件的软件，只要你用好它,同样能做非常棒的课件来。

　　（一）知道从“插入”菜单进入，会给PPT课件添加文字、图片、影片和声音等，也就会做一般的课件了。

　　我们用PPT制作课件时，经常从网上下载图片来用，而网络中的图片往往含有超链接和网站名称痕迹，我们需要删除其中超链接，并对图片进行裁剪处理。在Powerpoint中，我们一般可以利用“图片”工具栏上的“裁剪”工具进行裁剪处理，但是，这里的工具只能对图片进行矩形裁剪，若想裁剪成圆形、多边形等其他形状，通常方法就无能为力了。其实这个问题在PPT中是可以解决的。我们用给自选图形做填充图片的方法就可以实现我们需要的效果。具体步骤：

　　b)选中椭圆后单击“绘图”工具栏上“填充颜色”按钮右侧黑三角，从列表菜单中单击“填充效果”命令。

　　c)打开选择“图片”选项卡，单击〔选择图片〕按钮，从“选择图片”对话框中找到合适的图片，单击〔插入〕按钮后返回到“填充效果”对话框最后单击〔确定〕按钮后退出。此图片当作椭圆图形的背景出现，改变了原来的矩形形状，获得了满意的裁剪图片效果。

　　图片在插入PPT之前，我们可以用ACDSEE软件进行加工，如改变大小，裁剪等操作。

　　在制作课件过程中，我们时常需要从网络上下载各种资源用以丰富课件内容，提升课堂效果。但有许多网站的flas都不提供下载；还有网站为我们提供了许多视频素材，这些视频素材都是FLV流媒体格式。FLV流媒体格式是一种新的视频格式，全称为FlashVideo。由于它形成的文件极小、加载速度极快，使得网络观看视频文件成为可能，它的出现也有效地解决了视频文件导入Flash后，使导出的SWF文件体积庞大，不能在网络上很好的使用等缺点。目前各在线视频网站均采用此视频格式。如新浪播客、56、优酷、土豆、酷6等，无一例外。FLV已经成为当前视频文件的主流格式。这些网站一般都不提供下载。我们想要这些素材，怎样办？

　　在网上看过一个flash后，一般情况下都会保存在IE缓存里。右击桌面上的IE图标，选“属性”命令，单击中间的“设置”按钮，弹出“Internet临时文件和历史记录设置”面板，单击“查看文件”，可以打开临时文件夹，按时间排序，找到刚才打开的flas文件。

　　方法二：借助Flashsaver等软件下载，这些软件都可以快速、方便的下载你所需要的flash文件。

　　b)单击“插入”→“flashmovie”→打开要播放的flash文件→确定。

　　a)插入“ShockwaveFlashObject”控件对象：右击“工具栏”→选“控件工具箱”（或点“视图→工具栏→控件工具箱”）；点“其他控件”（控件工具箱中最后一个形似锤子斧头的按钮），拖动滚动条或在英文输入法状态下按键盘上“s”键，快速定位到以s开头的控件，选择“ShockwaveFlashObject”控件。将鼠标移到幻灯片工作区，鼠标指针变成“十”字型，拖动鼠标绘制出一个形似信封的矩形。

　　b)打开控件对象“属性”对话框：右击矩形控件对象，在弹出的快捷菜单中选“属性”命令。

　　c)正确设置控件对象属性：主要是在“Movie”空白文本域中正确输入演示文稿要播放的.swf动画的完整名称。

　　d)将控件对象适当缩放：为了获得比较好的播放效果，拖动控件对象的缩放点使它几乎覆盖整个幻灯片工作区，但要在幻灯片工作区底部保留少许空白区域。这样既可以享受.swf动画大屏幕播放的好处，又能够保证幻灯片能够顺利地切换。

　　e)一般情况下，幻灯片应显示出动画的第一帧图形。如果控件对象仍是空白的，可保存演示文稿，关闭后再打开它，按F5放映幻灯片，应该能够正确播放动画。

　　FLV视频与FLASH不一样的。全称是flashvideo，所用的播放器也不一样。

　　不同点：先要下载pptflv.swf文件，此文件是类似于网页中FLV视频播放器的一个Flash文件(可用百度搜索下载下来后记着要改文件名，保留扩展名)；例如改成：pptflv1.swf

　　“pptflv.swf”即为步骤一下载下来的Flash文件的完整文件，“视频.FLV”即为需要播放的FLV视频的文件名，大家只要将pptflv.swf换成自己下载后起的文件名，将“视频.FLV”换成自己的FLV视频文件名，则此FLV文件就可以在PowerPoint中播放了。如播放2.flv视频参数填法：示例：

　　软件说明：该软件又叫全格式FLV转换器，支持将几乎所有主流视频格式转换为FLV或者SWF且对用户较为关心的RealMedia(RM/RMVB...)和QuickTime(MOV/QT...)支持良好。三大特色功能：既可输出FLV格式，也可输出SWF格式，甚至同时输出FLV+SWF格式。此软件也支持创建调用播放的网页支持导入所有的主流字幕格式。srt,*.sub,*.idx,*.ssa,*.ass,*.psb,*.smi)有字幕合成功能，你现在无需再使用那些繁琐的专业软件来合成字幕到视频中去，字幕合成与格式转换一气呵成！支持视频分割，右键点击列表中的源文件，选择[编辑视频]，自己设置下起点终点即可对视频进行去粗取精处理！

　　母版和模版可以使课件统一整体风格，展现自己的个性和特点；模版是对同一类课件所做的整体风格统一设置，母版则是对某一部课件内部所做的个性化统一设置。母版设置得好，就可以存为模版，供别人在制作同类题材时使用。

　　如果我们希望为每一张幻灯片添加上一项固定的内容，并做超链接，可以通过修改“母板”来实现。