QA基於開發的JavaScript修改測試數據和代碼查看返回值的小例子
一 背景
測試的項目比較龐大（Web端若干個、APP端若干個），比較複雜，數據依賴多，交互也多，聯調也多，這個給QA測試帶了一定的困難，這需要測試的QA掌握一定的代碼技巧，查看交互數據的返回值，替換測試資源，爲聯調做鋪墊。增加測試覆蓋率，提高收益比。
二 測試需求
（1）JS開發環境搭建：需要安裝NodeJS、npm、Ruby、SASS、WebStorm等。可見本人博客：http://blog.csdn.net/jlhx123456/article/details/46550135
（2）代碼：通過SVN拿到開發的代碼，並導入到WebStorm中查看與修改。
（3）實際測試需求：當天任務爲測試一個排序題的模塊，其具體需求如下：
1、計時器：支持順計時和倒計時
2、題目內容瀏覽：標題和多媒體文件顯示
3、題目選項：可拖動排序，並遵循排序規則
4、提交：a、限制時間內可提交；b、限制時間內提交過一次後，點擊修改後可以再次提交，並提示距離上次提交時間；c、限制時間內支持多次修改提交；d、限制時間結束後，提交按鈕顯示“已結束”，學生端不能操作，提示“請聽老師講解”。
5、對比提交數據：提交後在Network中核對xml數據：答案對錯、得分、用時、答題次數、提交答案、實際答案。
排序題答題功能如下圖所示：
三 測試操作
1、讀懂開發的代碼：a.計時器配置文件在哪裏，需要改哪裏，如：計時模式、計時長度；b.題目選項的答案在哪裏，需要比對；c. 提交狀態分哪幾種狀態？提交、修改、重新提交、已結束；d.提交返回的數據已xml返回，怎麼查看？需要比對哪些數據？
2、實際操作：
a.計時器測試:找到配置文件，修改計時器的類型value和時長的value。
b.查找開發的答案配置文件，以及提交答案返回的數據配置文件格式，對答案對錯、得分、用時、答題次數、提交答案、實際答案進行比對。
在開發的代碼中發現，數據以XML形式放返回，見下圖：
點擊提交按鈕以後按F12的Network下可以返回一串XML數據，如下圖爲分別提交四次返回的XML數據：
將Network下返回XML數據在WebStorm以XML顯示，並和開發的API對比，和實際操作是不是一致。下圖爲開發的API上的返回格式：
對比這些XML數據，可以覈對數據是否正確。單模塊測試完成後，可以給其他模塊聯調。
四 小結
搭建開發環境和看懂開發的代碼需要一定的時間，這需要前期投入。對於比較複雜且交互多的系統，功能測試有侷限性，數據交互沒法查看，容易導致漏測，需要採取一定的代碼測試。單模塊測試完成後，提供給系統聯調。代碼測試可以增加測試覆蓋率，提高收益比。
以前都是看帖子比較多，今天是第一次在TesterHome寫帖子，請多多關照。
本人TesterHome地址https://testerhome.com/topics/2824
