一 測試前准備(環境搭建)
1.前端界面
web開發者工具安裝、授權測試用的微信號可預覽和調試小程序
2.管理后台
配置內網測試服務器環境
二 測試范圍
1.權限測試
- 未授權登錄用戶:彈框提醒先授權在操作。
- 授權登錄用戶:正常操作業務功能。
- 同一個微信號在不同手機端登錄授權查看數據權限:不同端操作的動作都同步有效。
2.功能測試
- 功能模塊
- 業務流程
- 數據流向
- 同一功能不同入口有效性檢查
- 交互性檢查
3.版本配置測試
- 非公用部分:不同版本切換,保證功能和數據的獨立性。
- 公用部分:切換不同的模板,都會顯示相同內容。
4.兼容性測試測試
- 微信版本測試
- 手機操作系統測試
5.易用性測試
- 導航
- 功能入口
- 上下層級進入&返回
- 字體、圖片、動態交互效果
三 小程序相關基礎知識
1.微信小程序簡介
了解小程序的基本概念及特性,有個整個認知。
什么是微信小程序:不需要安裝、用完即走、又無須卸載。
什么應用適合用小程序開發:簡單、低頻、對性能要求不高的應用。
小程序與原生APP區別:從技術上,APP主流開發方式:WebApp、Native App(原生APP)、Hybrid App(混合APP)。小程序類似於Hybrid App的子集。
web前端開發者與小程序:小程序主要用到的技術是JS和CSS。
2.微信小程序技術模型及開發流程
小程序技術模型:
- 渲染層:語言WXML+WXSS
- 邏輯層:JavaScript
- JSON配置
小程序開發流程:
- 申請賬號
- 完善信息
- 提交代碼
- 審核發布
小程序的設計規范
- 友好:重點突出、流暢明確。
- 清晰:導航明確、減少等待、異常反饋。
- 便捷:減少輸入、避免誤操作、操作流暢。
- 統一:視覺統一。
小程序的運營規范
- 賬號信息:名稱描述清晰、與功能一致、材料真實
- 服務類目:類目與頁面內容一致、便捷使用’
- 功能:完整可用、無推薦/排行榜、無搜索小程序、不互推
- 內容:禁止誘導/欺騙/虛假、不得以營銷與廣告為主、禁止測試類、游戲、法律法規禁止的
- 數據:獲取用戶數據時需告知、不得私下收集用戶數據
3.初始微信小程序
覆蓋的小程序技術
- 小程序的整體框架和運行原理
- 常用組件的使用(view、text、image、navigator、swiper、)
- 配置詳解
- 數據綁定(包括條件渲染、列表渲染)
- 事件機制
- 頁面生命周期
- 導航API
- 網絡請求API
四 小程序WebSocket功能
1.什么是WebSocket
WebSocket協議是HTML5中新引進的一種協議,實現了瀏覽器和服務器間的全雙工通信。小程序的通信過程類似於瀏覽器和后台服務器的通信過程。
WebSocket建立在TCP之上,通過TCP進行傳輸:
WebSocket:一種雙向通信協議,建立連接后,WebSocket服務器和Browser/Client Agent都能主動地向對方發送或接收數據。
WebSocket需要類似TCP的客戶端和服務器端通過握手連接,並連接成功后才能相互通信。
PC端實現數據同步的方式:
- 輪詢:客戶端每隔一定的時間以頻繁請求的方式向服務器發送請求,來保持客戶端和服務端的數據同步。
- 基於Flash:通過自身的Socket實現來完成數據交換,在利用flash暴露出相應的接口被JS調用,從而達到實時傳輸的目的。
wx提供的wx.connectSocket接口說明:
微信小程序測試疑問:
1.微信小程序與公眾號、PC端的區別?
2.三個點(...)和圓圈怎么進行測試?
3.定位問題?
4.關鍵詞、搜索關鍵詞?
5.頁面跳轉問題?
6.測試小程序時遇到的重難點、如何解決、舉例說明?
學習資源:
微信官方文檔:https://developers.weixin.qq.com/miniprogram/dev/framework/
學做小程序視頻:https://cloud.tencent.com/edu/learning/learn-1095-1839
微信小程序的自動化測試框架Minium:https://cloud.tencent.com/developer/article/1578759?from=information.detail.微信小程序怎么測試
WeTest+微信-小程序雲端測試系統上線:https://www.cnblogs.com/wetest/p/7525448.html
微信小程序自動化測試實踐:https://www.cnblogs.com/yyoba/p/9455519.html