鐵人檔案
開頭，大家都希望自己的元件或者是功能能達到robust的境界，偏偏我們常常沒有時間寫或是覺得很難，加上之前公司使用的enzyme支援度也沒有到很高．所以趁這次好好學習，如果時間許可的話，希望能為Cypress寫個幾篇篇幅．
Mocks Service Worker 先來介紹一下msw，因為我們要模擬真實的環境不可能隨時都使用mock的方式模擬回傳的json file，因此我們使用m...
MSW實戰 今天我們來實戰一個msw的使用，首先我們先隨意建立一個component，我是建立一個Users component． import { useEf...
這是一個來自msw的錯誤處理當我們想要驗證是否元件會因為server回傳錯誤的資料而產生錯誤警示 import { useEffect, useState }...
今天來講講如何來測試hook的原始版本 來，我們來先做一個超簡單的hook就叫useName吧 import { useState } from 'react'...
來，今天來看renderHooks這個library吧，大家可以看到昨天的寫法，透過render component的方式去取得hook的value這種方式太不...
import { render, screen, waitFor } from '@testing-library/react'; import { rest...
.url 抓取測試url .window 使用window物件 .its 在window底下使用localstorage import { buildUser...
來我們今天先寫一個簡單的Provider，這個Provider沒有做效能優化，也沒有把hook集結在一起就一個很單純的Provider，然後ts的型別部分，因為...
今天是一個小Tip的日子，當我們在座每項測試案例時，不可能每次都要包Provider吧 太累 import { render } from '@testing-...
昨天我們講到使用context-util來讓每個測試都包住Provider來達到測試的元件都能取得Provider傳下來的state，那今天我們來講講在測試ro...
