測試用例：手機上面，smzdm網頁的H5頁面測試
測試用例：
標題：
優先級：
前置條件：
操作步驟：
第1步：在微信中點擊www.smzdm.com
第2步：檢查首頁
期待結果：首頁顯示正常，沒有UI問題
電商H5頁面的主流程測試
步驟：
第1步：在手機瀏覽器上打開www.360kad.com，期待結果：界面顯示正常
第2步：在搜索框中，搜索“維生素”期待結果：可以搜索到包含“維生素”的商品。
第3步：添加一個商品到購物車中
第4步：提交訂單， 期待結果： 提交訂單成功
第5步：取消訂單， 期待結果：取消訂單成功
第6步：刪除訂單， 期待結果：刪除訂單成功
肖佳老師分析： 這個測試用例，可以學習到H5頁面是如何測試的。體驗下H5的測試和Web測試有什么不同。
電商H5頁面的前進后退功能
步驟：
第1步：在手機瀏覽器上打開www.360kad.com，期待結果：界面顯示正常
第2步：查看幾個商品。
第3步：點擊前進和后退按鈕。期待結果：通過前進和后退按鈕可以跳轉到其他頁面。
電商H5頁面的下拉刷新測試
步驟：
第1步：在手機瀏覽器上打開www.360kad.com，期待結果：界面顯示正常
第2步：點擊主頁，拉到底部。
第3步：繼續下拉， 期待結果：會刷新出新的商品。
電商H5頁面的兼容性測試
步驟：（這個測試用例不需要執行，只需要理解）
第1步：在華為Mate30上面打開www.360kad.com, 購買一個商品。期待結果：頁面顯示操作，功能正常
第2步：在小米紅米8手機上面打開www.360kad.com, 購買一個商品。期待結果：頁面顯示操作，功能正常
第3步：在Ipad的safari中打開www.360kad.com, 購買一個商品。期待結果：頁面顯示操作，功能正常
肖佳老師分析：兼容性測試是最體力活。
H5頁面和安卓原生APP的互通測試
步驟
第1步：找一個安卓手機，安裝 京東APP。並且登錄
第2步：在QQ的聊天窗口中，點擊一個 https://item.jd.com/12375396.html 期待結果：點擊鏈接后， 會啟動京東的APP，並且打開商品頁面。
如果沒有自動啟動APP（可以點擊H5頁面上方的打開京東APP）
肖佳老師分析：原生APP，就是指手機上安裝的APP。
H5頁面和蘋果原生APP的互通測試
步驟
第1步：找一個蘋果手機，安裝 京東APP。並且登錄
第2步：在QQ的聊天窗口中，點擊一個 https://item.jd.com/12375396.html 期待結果：點擊鏈接后， 會啟動京東的APP，並且打開商品頁面
如果沒有自動啟動APP（可以點擊H5頁面上方的打開京東APP）
肖佳老師分析：原生APP，就是指手機上安裝的APP。
電商H5頁面在網絡慢的情況下的測試
步驟：（如果不會模擬弱網的情況，暫時不需要執行這個測試用例）
第1步：手機處於網絡很慢的情況， 網絡的速度是56k/s，比2G速度還慢很多。
第2步：在手機瀏覽器上打開www.360kad.com，期待結果：界面顯示正常
第3步：在搜索框中，搜索“維生素”期待結果：可以搜索到包含“維生素”的商品。
第4步：添加一個商品到購物車中
第5步：提交訂單， 期待結果： 提交訂單成功
第6步：取消訂單， 期待結果：取消訂單成功
第7步：刪除訂單， 期待結果：刪除訂單成功