目錄

1.什么是小程序？

2.小程序特點？

3.小程序的入口

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

5.微信小程序測試的策略和注意事項

6.小程序測試點

7.常用操作

---

1.什么是小程序？

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

2.小程序特點？

1. 類WEB，非Html5
2. 即用即走，隨手可得
3. 擁有離線功能
4. 基于微信跨平臺
5. 媲美原生操作體驗

3.小程序的入口

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

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

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

5.微信小程序測試的策略和注意事項

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

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

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

6.小程序測試點

1. 權(quán)限測試-----------需要檢查以下幾種情況下微信用戶訪問的權(quán)限

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

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

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

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

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

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

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

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

7.常用操作

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

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

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

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

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

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