第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

使用 Axios 發(fā)布 onSubmit 方法測(cè)試 React Form

使用 Axios 發(fā)布 onSubmit 方法測(cè)試 React Form

瀟瀟雨雨 2023-08-18 10:01:29
我是 JavaScript 和測(cè)試新手。我使用“npx create-react-app”作為起點(diǎn)。我搜索過論壇,但代碼非常不同。CreatePost.jsimport React, { useState } from 'react';import axios from 'axios';export default () => {  const [title, setTitle] = useState('');  const onSubmit = async event => {    event.preventDefault();    await axios.post('http://localhost:4000/posts', {      title    });    // clear title    setTitle('');  };  return (    <div>      <form onSubmit={onSubmit}>        <div className="form-group">          <label>Title</label>          <input            value={title}            onChange={e => setTitle(e.target.value)}            className="form-control"          />        </div>        <button className="btn btn-primary">Submit</button>      </form>    </div>  );};axios.js模擬文件export default {  get: jest.fn().mockResolvedValue(),  post: jest.fn().mockResolvedValue()  };我根據(jù)這里的研究嘗試過:CreatePost.test.jsimport * as axios from 'axios';import request from 'supertest';import CreatePost from '../CreatePost';it('returns a 201 on successful post', async () => {  axios.post.mockImplementationOnce(() => Promise.resolve());  return request(CreatePost)    .post('/posts')    .send({       title : 'My first post'    })    .expect(201);});測(cè)試中的錯(cuò)誤TypeError: Cannot read property 'mockImplementationOnce' of undefined       5 |       6 | it('returns a 201 on successful post', async () => {    >  7 |   axios.post.mockImplementationOnce(() => Promise.resolve());         |              ^       8 |   return request(CreatePost)       9 |     .post('/posts')      10 |     .send({ 我肯定感到茫然和困惑。任何工作示例將不勝感激。
查看完整描述

1 回答

?
一只萌萌小番薯

TA貢獻(xiàn)1795條經(jīng)驗(yàn) 獲得超7個(gè)贊

這是以下的規(guī)范用法axios-mock-adapter:


import MockAdapter from 'axios-mock-adapter';


const mock = new MockAdapter(axios);

const resp = 'success';


mock.onGet().reply(201, resp);

但我認(rèn)為您不知道自己在做什么...請(qǐng)先閱讀文檔,然后再提出問題。另外,我首先推薦教程jest和enzyme基礎(chǔ)知識(shí):)


查看完整回答
反對(duì) 回復(fù) 2023-08-18
  • 1 回答
  • 0 關(guān)注
  • 129 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)