測試用例：
優先順序：
前置條件：
操作步驟：
第2步：檢查首頁
期待結果：首頁顯示正常，沒有ui問題
步驟：第1步：在手機瀏覽器上開啟www.360kad.com，期待結果：介面顯示正常
第2步：在搜尋框中，搜尋「維生素」期待結果：可以搜尋到包含「維生素」的商品。
第3步：新增乙個商品到購物車中
第4步：提交訂單， 期待結果： 提交訂單成功
第5步：取消訂單， 期待結果：取消訂單成功
第6步：刪除訂單， 期待結果：刪除訂單成功
肖佳老師分析： 這個測試用例，可以學習到h5頁面是如何測試的。體驗下h5的測試和web測試有什麼不同。
步驟：第1步：在手機瀏覽器上開啟www.360kad.com，期待結果：介面顯示正常
第2步：檢視幾個商品。
第3步：點選前進和後退按鈕。期待結果：通過前進和後退按鈕可以跳轉到其他頁面。
步驟：第1步：在手機瀏覽器上開啟www.360kad.com，期待結果：介面顯示正常
第2步：點選主頁，拉到底部。
第3步：繼續下拉， 期待結果：會重新整理出新的商品。
步驟：（這個測試用例不需要執行，只需要理解）
第1步：在華為mate30上面開啟www.360kad.com, 購買乙個商品。期待結果：頁面顯示操作，功能正常
第2步：在小公尺紅公尺8手機上面開啟www.360kad.com, 購買乙個商品。期待結果：頁面顯示操作，功能正常
第3步：在ipad的safari中開啟www.360kad.com, 購買乙個商品。期待結果：頁面顯示操作，功能正常
肖佳老師分析：相容性測試是最體力活。
步驟步驟
步驟：（如果不會模擬弱網的情況，暫時不需要執行這個測試用例）
第1步：手機處於網路很慢的情況， 網路的速度是56k/s，比2g速度還慢很多。
第2步：在手機瀏覽器上開啟www.360kad.com，期待結果：介面顯示正常
第3步：在搜尋框中，搜尋「維生素」期待結果：可以搜尋到包含「維生素」的商品。
第4步：新增乙個商品到購物車中
第5步：提交訂單， 期待結果： 提交訂單成功
第6步：取消訂單， 期待結果：取消訂單成功
第7步：刪除訂單， 期待結果：刪除訂單成功
H5測試要點
1 h5是什麼？可以理解為乙個網頁 h5來自 html5 是一種高階的網頁技術，包括html css和j ascript在內的一套技術組合 參考部落格文章 如何識別h5？html是 超文字標記語言 是一門描述頁面的標準語言 1 h5 開發快，實現的功能也很炫 只編寫一次，可以再多個裝置上到處執行 具...
H5 前端效能測試實踐
如下圖所示，是精選平台開啟 h5 頁面的幾個過程截圖。1 載入網路請求 這個過程主要是 webview 拿到 h5 頁面 url 之後，呼叫 loadurl 方法，開始去網路上請求第乙個資源檔案。這個階段主要包含 dns 解析 建立網路鏈結 資料傳輸的耗時。2 html 解析 webview 拿到 ...
H5 前端效能測試實踐
如下圖所示，是精選平台開啟 h5 頁面的幾個過程截圖。1 載入網路請求 這個過程主要是 webview 拿到 h5 頁面 url 之後，呼叫 loadurl 方法，開始去網路上請求第乙個資源檔案。這個階段主要包含 dns 解析 建立網路鏈結 資料傳輸的耗時。2 html 解析 webview 拿到 ...