目錄

1.什么是小程序？

2.小程序特點(diǎn)？

3.小程序的入口

4.小程序的架構(gòu)

5.微信小程序測(cè)試的策略和注意事項(xiàng)

6.小程序測(cè)試點(diǎn)

7.常用操作

---

1.什么是小程序？

• 微信小程序是一種不需要下載也不需要安裝就可以使用的應(yīng)用程序；
• 實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢(mèng)想，用戶(hù)掃一掃或者搜一下即可打開(kāi)應(yīng)用；
• 體現(xiàn)了“用完即走”的理念，但又無(wú)需安裝卸載；
• 小程序的運(yùn)營(yíng)和開(kāi)發(fā)成本都很低的，能夠有效減少前期后期的成本。
• 小程序自帶的附近的小程序推廣功能。

2.小程序特點(diǎn)？

1. 類(lèi)WEB，非Html5
2. 即用即走，隨手可得
3. 擁有離線(xiàn)功能
4. 基于微信跨平臺(tái)
5. 媲美原生操作體驗(yàn)

3.小程序的入口

1. 掃碼進(jìn)入小程序
2. 搜索小程序
3. 小程序發(fā)送到桌面
4. 發(fā)送給朋友

4.小程序的架構(gòu)

• 視圖層和邏輯層分離，通過(guò)數(shù)據(jù)驅(qū)動(dòng)，事件交互，不直接操作DOM
• 視圖層負(fù)責(zé)渲染頁(yè)面結(jié)構(gòu)，邏輯層負(fù)責(zé)邏輯處理、數(shù)據(jù)請(qǐng)求、接口調(diào)用等
• 視圖層與邏輯層通過(guò)數(shù)據(jù)和事件進(jìn)行通信，邏輯層提供數(shù)據(jù)給視圖層，視圖層通過(guò)綁定/捕獲事件發(fā)起交互讓邏輯層處理
• 視圖使用WebView渲染，JS由JSCore(IOS)/X5(Android)/nwjs(DevTool)渲染解析
• JSBridge下架起上層開(kāi)發(fā)與Native（系統(tǒng)層）的橋梁，使得小程序可通過(guò)API使用原生的功能，
• 具體想了解請(qǐng)看：https://segmentfault.com/a/1190000010506405

5.微信小程序測(cè)試的策略和注意事項(xiàng)

測(cè)試前準(zhǔn)備（環(huán)境搭建）

1. 前端頁(yè)面
   1. 微信Web開(kāi)發(fā)者工具安裝、授權(quán)測(cè)試用的微信號(hào)可預(yù)覽和調(diào)試小程序…
   2. 可參考此文： 微信Web開(kāi)發(fā)者工具-下載、安裝和使用圖解
2. 管理后臺(tái)

   1. 配置內(nèi)網(wǎng)測(cè)試服務(wù)器環(huán)境，通過(guò)PC端Web站點(diǎn)管理小程序前端的輸出內(nèi)容，可從開(kāi)發(fā)人員獲取管理賬號(hào)進(jìn)行測(cè)試

6.小程序測(cè)試點(diǎn)

1. 權(quán)限測(cè)試-----------需要檢查以下幾種情況下微信用戶(hù)訪(fǎng)問(wèn)的權(quán)限

   1. 未授權(quán)微信登錄小程序---未授權(quán)時(shí)，一般使用一些業(yè)務(wù)功能的時(shí)候，都會(huì)彈出提醒：先授權(quán)再操作對(duì)應(yīng)功能。or在提交數(shù)據(jù)到后臺(tái)的時(shí)候，會(huì)提示補(bǔ)充相關(guān)身份信息才能提交成功

      2）已授權(quán)微信登錄小程序
      授權(quán)微信訪(fǎng)問(wèn)小程序，意味著自己的微信賬號(hào)可被小程序管理方所獲取，自動(dòng)以微信的身份行使業(yè)務(wù)操作權(quán)限，比如咨詢(xún)、支付、數(shù)據(jù)查詢(xún)等

      3）同一微信號(hào)在不同手機(jī)端登錄授權(quán)查看數(shù)據(jù)權(quán)限
      同一微信號(hào)在不同手機(jī)微信端授權(quán)登錄同一小程序之后，所能查看的數(shù)據(jù)和操作的權(quán)限都應(yīng)該是同步一致的

2. 功能測(cè)試
   1. 輸入
   2. 輸出
   3. 邊界值
   4. 頁(yè)面交互-微信小程序里面界面交互
   5. 系統(tǒng)問(wèn)題方面測(cè)試--低電來(lái)電話(huà)，數(shù)據(jù)線(xiàn)拔插，充電狀態(tài)，重啟等
   6. 按功能模塊測(cè)試
      1. 根據(jù)設(shè)計(jì)好的各個(gè)大類(lèi)功能模塊劃分，然后再逐級(jí)細(xì)化，覆蓋到每個(gè)功能盡可能全面的測(cè)試點(diǎn)
   7. 按業(yè)務(wù)流程測(cè)試
      1. 小程序的業(yè)務(wù)，比如咨詢(xún)、支付、播放、查詢(xún)、下載。把各個(gè)功能點(diǎn)串聯(lián)起來(lái)形成完整的業(yè)務(wù)流程來(lái)檢查；同一個(gè)業(yè)務(wù)，可能有不能的路徑來(lái)實(shí)現(xiàn)，每個(gè)路徑都需要覆蓋檢查
   8. 按數(shù)據(jù)流向測(cè)試
      1. 根據(jù)數(shù)據(jù)從某一端操作輸入和輸出流向，設(shè)計(jì)基于數(shù)據(jù)流的測(cè)試用例，輸出的數(shù)據(jù)也可能成為另外一端的輸入，檢查輸入的數(shù)據(jù)是否按照代碼邏輯執(zhí)行正確的輸出，是否數(shù)據(jù)發(fā)生異常（無(wú)法輸入；有輸入?yún)s無(wú)任何輸出；輸出不正確；多余的輸出其他信息…）
   9. 同一功能不同的入口有效性的檢查
      1. 小程序中在首頁(yè)、列表頁(yè)、詳細(xì)頁(yè)、其他的業(yè)務(wù)功能相關(guān)頁(yè)面，都有可能存在同一個(gè)功能的入口，如付費(fèi)咨詢(xún)、免費(fèi)咨詢(xún)業(yè)務(wù)中，可以直接從首頁(yè)進(jìn)入付費(fèi)咨詢(xún)?nèi)肟?#xff0c;也可以通過(guò)免費(fèi)咨詢(xún)?nèi)肟谠偾袚Q到付費(fèi)咨詢(xún)?nèi)肟凇Ｃ恳粋€(gè)入口路徑都需要覆蓋檢查
   10. 交互性檢查
       1. 一般而言，產(chǎn)生數(shù)據(jù)和功能交互變化的情況主要有這幾個(gè)分類(lèi)：前臺(tái)<–>前臺(tái)、后臺(tái)<–>后臺(tái)、前臺(tái)<–>后臺(tái)。前臺(tái)從A1頁(yè)面提交的數(shù)據(jù)，可能需要在前臺(tái)A2頁(yè)面查看到，也會(huì)在對(duì)應(yīng)后臺(tái)的B頁(yè)面查到記錄；后臺(tái)B1頁(yè)面修改or添加的數(shù)據(jù)，對(duì)應(yīng)到前臺(tái)的A頁(yè)面產(chǎn)生交互變化，后臺(tái)本身的不同頁(yè)面之間也可能存在同一個(gè)數(shù)據(jù)的輸出值
   11. 版本配置測(cè)試

       1. 有時(shí)候小程序一次性做了幾套不相同的模板，在前端程序代碼中修改配置參數(shù)，保存后重新編譯，即可從一個(gè)版本切換到另一版本，同時(shí)也需要在管理后臺(tái)作相應(yīng)的切換，以保證前端進(jìn)行數(shù)據(jù)調(diào)用

       2. 對(duì)于非公用的部分：不同版本直接的切換，需要保證彼此的功能模塊和數(shù)據(jù)獨(dú)立性不受干擾影響，即不同版本的管理后臺(tái)所添加的數(shù)據(jù)只應(yīng)該調(diào)用到各自對(duì)應(yīng)模板的前臺(tái)小程序中，不同版本的小程序從前臺(tái)提交的數(shù)據(jù)也只會(huì)提交到各自管理后臺(tái)，不應(yīng)該有交差重疊

       3. 對(duì)于公用的部分：切換不同的模板，都會(huì)顯示相同的內(nèi)容

3. 界面測(cè)試
   1. 設(shè)計(jì)是否美觀(guān)
   2. 是否符合需求說(shuō)明
   3. 尺寸是否合理
   4. 對(duì)于橫豎屏切換使用和不同手機(jī)分辨率和尺寸的要求是否符合
4. 兼容性測(cè)試
   1. 操作系統(tǒng) ---IOS、Android
   2. 微信版本---小程序的api（接口）庫(kù)
   3. 其他微信小程序
   4. 屏幕大小和分辨率因素
   5. 不同網(wǎng)絡(luò)狀態(tài)下的測(cè)試--2G/3G/4G/wifi
5. 與微信功能的交互測(cè)試
   1. 入口--下拉框、發(fā)現(xiàn)模塊搜索
   2. 交易--微信錢(qián)包、微信卡包
   3. 與微信其他功能的切換--搶紅包、文字聊天、語(yǔ)音、視頻
6. 性能測(cè)試
   1. 頁(yè)面響應(yīng)時(shí)間
   2. 資源占用
   3. 渲染時(shí)間
   4. 耗電量
   5. 白屏?xí)r間
   6. 幀率
7. 安全性測(cè)試
   1. 接口測(cè)試---傳遞的數(shù)據(jù)的安全性
   2. 微信賬號(hào)授權(quán)
   3. 與小程序的app賬號(hào)關(guān)聯(lián)
8. 易用性測(cè)試
   1. 是否方便使用
   2. 提示信息是否完整
   3. 各個(gè)功能是否可用
   4. 是否方便查找
   5. 是否可以離線(xiàn)使用
   6. 進(jìn)入微信小程序過(guò)程是否簡(jiǎn)單易操作
9. 其他注意事項(xiàng)
   1. 小程序升級(jí)更新----一般為強(qiáng)制升級(jí)和更新
   2. 小程序目前不支持分享至朋友圈，但是可以用圖片的方式分享至朋友圈
   3. 小程序的添加和刪除
   4. 微信端取消授權(quán)登陸

7.常用操作

1.上線(xiàn)
1）上線(xiàn)配置
內(nèi)網(wǎng)測(cè)試、線(xiàn)上測(cè)試對(duì)應(yīng)不同url接口；上線(xiàn)前，需要修改內(nèi)網(wǎng)測(cè)試接口地址為正式環(huán)境使用的接口。同時(shí)還有一個(gè)配置參數(shù)的 轉(zhuǎn)換設(shè)置也要關(guān)注到

2）審核
將程序包提交給微信官方進(jìn)行審核，工作日審核一般0.5d-1d之內(nèi)可以搞定

3）發(fā)布
微信官方審核通過(guò)后，即可發(fā)布小程序到正式環(huán)境中訪(fǎng)問(wèn)使用，通過(guò)手機(jī)微信端搜索對(duì)應(yīng)小程序的名字即可搜索到

2.常用功能
1）緩存清理
微信Web開(kāi)發(fā)者工具、手機(jī)端微信的緩存清理。
使用場(chǎng)景：數(shù)據(jù)修改后檢查修改的效果，程序修改代碼后檢查效果等情況，可清除緩存后再檢查

2）編譯
更新測(cè)試版本時(shí)使用。小程序需要經(jīng)過(guò)幾輪的循環(huán)測(cè)試和修復(fù)，開(kāi)發(fā)人員每次修復(fù)Bug完成之后會(huì)添加新的程序包給到測(cè)試人員，測(cè)試人員則需要通過(guò)微信Web開(kāi)發(fā)者工具刪除舊版本的項(xiàng)目程序，重新添加新版本的程序包，然后編譯調(diào)試

3.常用操作鍵
新建項(xiàng)目：Ctr+Shift+N
保存：Ctr+S
關(guān)閉文件：Ctr+W
搜索：Ctr+F
刷新：Ctr+R
編譯：Ctr+B
預(yù)覽：Ctr+Shift+P
清除緩存：CTRL+SHIFT+DEL