鍍金池/ 問(wèn)答/測(cè)試  網(wǎng)絡(luò)安全  HTML/ react項(xiàng)目怎樣做樣式的測(cè)試?

react項(xiàng)目怎樣做樣式的測(cè)試?

單元測(cè)試是否包括對(duì)UI組件傳入的可變的行內(nèi)樣式的測(cè)試?
如果不在單元測(cè)試中那應(yīng)該在哪里測(cè)試?
react+redux的項(xiàng)目怎么測(cè)試樣式?
我現(xiàn)在用的jest和Enzyme,似乎沒(méi)找到有關(guān)style的API?網(wǎng)上有關(guān)介紹jest的也只測(cè)試了渲染/數(shù)據(jù)/調(diào)用,難道沒(méi)人關(guān)心樣式是否被正確渲染嗎?
或者說(shuō)不關(guān)心樣式的測(cè)試,我只想取到組件里div的高度要怎樣???我想知道我傳進(jìn)組件的樣式是否被正確渲染該怎么寫自動(dòng)化測(cè)試?

回答
編輯回答
傻叼

說(shuō)一下我自己的看法,我認(rèn)為樣式是不用測(cè)試的,兩個(gè)原因。

一是對(duì)于不需要的測(cè)試的樣式,如果有問(wèn)題很容易看出來(lái),比如浮動(dòng)沒(méi)清除,容器沒(méi)撐開。且樣式?jīng)]有代碼邏輯那么復(fù)雜,改動(dòng)很少會(huì)有連鎖反應(yīng),即樣式的邏輯簡(jiǎn)單明了。

二是對(duì)于需要隨狀態(tài)改變的樣式,直接檢測(cè)狀態(tài)就可以,比如這個(gè)checkbox是否選中,那個(gè)Collapse是否初始展開等等。即需要測(cè)試的樣式往往可以以邏輯的方式去測(cè)試。

總的來(lái)說(shuō),我認(rèn)為單元測(cè)試更多的是保證代碼在每個(gè)分支都能如期運(yùn)行,而樣式不存在這個(gè)需求

2017年10月30日 03:26