web前端包含的測試過程是如何進(jìn)行的？每個(gè)公司、工作室、團(tuán)隊(duì)和項(xiàng)目都不同，但基本技能是相同的：1。不要把所有的問題都放在測試階段，開發(fā)是最好的測試。因此，在開發(fā)的時(shí)候，我們應(yīng)該使用更多的控制臺和端點(diǎn)，

web前端包含的測試過程是如何進(jìn)行的？

每個(gè)公司、工作室、團(tuán)隊(duì)和項(xiàng)目都不同，但基本技能是相同的：1。不要把所有的問題都放在測試階段，開發(fā)是最好的測試。因此，在開發(fā)的時(shí)候，我們應(yīng)該使用更多的控制臺和端點(diǎn)，使用chrome測試開發(fā)工具來測試資源和渲染。渲染還可以使用時(shí)間戳API打印出來進(jìn)行檢測。Chrome測試開發(fā)工具還可以測試低網(wǎng)絡(luò)高延遲，如2G網(wǎng)絡(luò)請求。建議學(xué)習(xí)。

2. 在編寫代碼之后，您的構(gòu)建工具（如E2E和eslint）將測試您的編碼規(guī)范、UI性能和代碼執(zhí)行，包括webpack的一些測試。同時(shí)，最好引入節(jié)點(diǎn)斷言或一些JS測試包，如柴.js等等。（公司將開發(fā)一套基于webpack本身的構(gòu)建工具）

3。經(jīng)過測試，它只是證明你的代碼是正常的，兼容性，安全性和網(wǎng)絡(luò)仍然需要測試。兼容性通常由不同的瀏覽器、不同版本的瀏覽器、PC和移動終端進(jìn)行測試。如果是本地病毒和H5病毒，將分別進(jìn)行檢測。安全，我不知道其他公司。不管怎樣，我們公司有自己的門神測試。至于網(wǎng)絡(luò)，你只能去測試服務(wù)器，用chrome開發(fā)者工具在線測試，查看資源包的加載、解析和呈現(xiàn)。

4. 最后，說到在線，最好是多分支開發(fā)，一個(gè)在線分支，一個(gè)測試分支，其余都是開發(fā)分支。多個(gè)git狀態(tài)和git差異，看看變化。另外，注意在線變化，確保與在線同步。在這方面，我們應(yīng)該建立自己的規(guī)章制度，不能亂來。否則，每推一次都會很惱火。