軟件測試之微信小程序


一 測試前准備(環境搭建)

1.前端界面

web開發者工具安裝、授權測試用的微信號可預覽和調試小程序

2.管理后台

配置內網測試服務器環境

二 測試范圍

 1.權限測試

  1. 未授權登錄用戶:彈框提醒先授權在操作。
  2. 授權登錄用戶:正常操作業務功能。
  3. 同一個微信號在不同手機端登錄授權查看數據權限:不同端操作的動作都同步有效。

2.功能測試

  1. 功能模塊
  2. 業務流程
  3. 數據流向
  4. 同一功能不同入口有效性檢查
  5. 交互性檢查

3.版本配置測試

  1. 非公用部分:不同版本切換,保證功能和數據的獨立性。
  2. 公用部分:切換不同的模板,都會顯示相同內容。

4.兼容性測試測試

  1. 微信版本測試
  2. 手機操作系統測試

5.易用性測試

  1. 導航
  2. 功能入口
  3. 上下層級進入&返回
  4. 字體、圖片、動態交互效果

 三 小程序相關基礎知識

1.微信小程序簡介

了解小程序的基本概念及特性,有個整個認知。

什么是微信小程序:不需要安裝、用完即走、又無須卸載。

什么應用適合用小程序開發:簡單、低頻、對性能要求不高的應用。

小程序與原生APP區別:從技術上,APP主流開發方式:WebApp、Native App(原生APP)、Hybrid App(混合APP)。小程序類似於Hybrid App的子集。

web前端開發者與小程序:小程序主要用到的技術是JS和CSS。

2.微信小程序技術模型及開發流程

小程序技術模型:

  1. 渲染層:語言WXML+WXSS
  2. 邏輯層:JavaScript
  3. JSON配置

小程序開發流程:

  1. 申請賬號
  2. 完善信息
  3. 提交代碼
  4. 審核發布

 

 小程序的設計規范

  1. 友好:重點突出、流暢明確。
  2. 清晰:導航明確、減少等待、異常反饋。
  3. 便捷:減少輸入、避免誤操作、操作流暢。
  4. 統一:視覺統一。

小程序的運營規范

  1. 賬號信息:名稱描述清晰、與功能一致、材料真實
  2. 服務類目:類目與頁面內容一致、便捷使用’
  3. 功能:完整可用、無推薦/排行榜、無搜索小程序、不互推
  4. 內容:禁止誘導/欺騙/虛假、不得以營銷與廣告為主、禁止測試類、游戲、法律法規禁止的
  5. 數據:獲取用戶數據時需告知、不得私下收集用戶數據

3.初始微信小程序

覆蓋的小程序技術

  1. 小程序的整體框架和運行原理
  2. 常用組件的使用(view、text、image、navigator、swiper、)
  3. 配置詳解
  4. 數據綁定(包括條件渲染、列表渲染)
  5. 事件機制
  6. 頁面生命周期
  7. 導航API
  8. 網絡請求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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM