我剛剛開始學(xué)習(xí)反應(yīng)單元測(cè)試,整個(gè)模擬的東西讓我感到困惑,我無法理解。我正在使用 axios 來獲取數(shù)據(jù)并將其顯示在應(yīng)用程序組件中:const [ data, setData ] = React.useState(null); useEffect( () => { const url = '/url'; axios.get(url).then((res) => setData(res.data)).catch((err) => { console.log('error happened' + err); }); }, [ data ] ); return ( <div> {data ? <p data-testid="name">{data.name}</p> : <p data-testid="loading">Loading...</p>} </div> );我在 app.test.js 中測(cè)試了整個(gè)加載和命名:afterEach(cleanup);describe('App', () => { test('Render app', async () => { render(<App />); expect(screen.getByTestId('loading')).toBeInTheDocument(); const name = await waitForElement(() => screen.getByTestId('name')); expect(name).toBeInTheDocument(); expect(screen.queryByTestId('loading')).toBeNull(); });});所有這些測(cè)試都成功通過。我想要實(shí)現(xiàn)的是如何通過在 app.test.js 中以最簡(jiǎn)單的方式模擬它來測(cè)試 axios 本身?
如何通過模擬來測(cè)試 axios 本身?
森林海
2022-10-13 15:43:30