slick react jest

在react裡使用slick.js雖然簡單又方便,可是加入Jest snapshot test就錯誤百出了,亂試了一下解決方法。第一個錯誤解決了之後又有其它的錯誤。

第一個錯誤可以從issue看到有人也有一樣問題
Testing with Jest causes error #472
Jest testing with react: matchMedia not present, legacy browsers require a polyfill #742

發現還有個傢伙自己fork出一個套件,還不錯笑XD
Package – ryotamurakami-react-slick

另外發現這裡有測試的範例,可以參考來寫測試

不爽不要用:
nuka carousel
@brainhubeu/react-carousel

查一堆資料覺得有點累,後來決定換其它套件試試。發現換成其它套件就可以了,唔…真的是不爽不要用。
我在猜應該是我後來找的套件是專門為react寫的,這個slick以前是基於jQuery寫的,有一些舊邏輯不適合react了。改用@brainhubeu/react-carousel就可以正常跑測試,希望不要再出什麼差錯,抖抖的。(還是應該學好寫扣,哪天能不用別人的套件最好)