在REACT中測驗來自本地節點服務器的POSTHttp請求

我需要對一些發布請求進行單元測驗，但我不明白如何。我嘗試使用 mswjs，但測驗通過了，因為我遺漏了一些東西，我不知道是什么。我嘗試以通常的方式測驗請求，但我無法把我的條件放在那里，它只發送 200 個狀態碼。
首先，這是我的檔案夾結構：

 main folder  
  nodeServer  
   public  
   routes  
  public  
  src  
   tests  

這是我測驗對 /subscribe 端點的發布請求的嘗試，我應該在其中發送一封電子郵件作為有效負載并獲得成功接收有效負載的回應。
訂閱Fetch.test.js：

import {setupServer} from 'msw/node'
import {rest} from 'msw'

const handlers = [
    rest.post("/api/subscribe",(req,res,context)=>{

                if (!req.body || !req.body.email) {
                  return res(context.status(400).json({ error: "Wrong payload" }));
                }
            
                if (req.body.email === '[email protected]') {
                  return res(context.status(422).json({ error: "Email is already in use" }));
                }
        
                return res(
                    context.status(200),
                    context.json({email:'[email protected]'})
                )

    })
]

const server = setupServer(...handlers)

beforeAll(()=>server.listen())
afterAll(()=>server.close())
afterEach(()=>server.resetHandlers())

test('should send post request to the server',async()=>{
    server.use(
        rest.post('/api/subscribe',(req,res,ctx)=>{
            return res(
                expect (ctx.status()).toBe(200)
            )
        }
        )
    )
})

//export {handlers,rest}  

這是我需要測驗的訂閱帖子請求功能：

import { validateEmail } from './email-validator.js'

export const sendSubscribe = (emailInput) => {
  const isValidEmail = validateEmail(emailInput)
  if (isValidEmail === true) {
    sendData(emailInput)
  }
}

export const sendHttpRequest = (method, url, data) => {
  return fetch(url, {
    method: method,
    body: JSON.stringify(data),
    headers: data
      ? {
        'Content-Type': 'application/json'
      }
      : {}
  }).then(response => {
    if (response.status >= 400) {
      return response.json().then(errResData => {
        const error = new Error('Something went wrong!')
        error.data = errResData
        throw error
      })
    }
    return response.json()
  })
}

const sendData = (emailInput) => {
  sendHttpRequest('POST', '/api/subscribe', {
    email: emailInput
  }).then(responseData => {
    return responseData
  }).catch(err => {
    console.log(err, err.data)
    window.alert(err.data.error)
  })
}

來自服務器的檔案：
app.js：

const express = require('express');
const path = require('path');
const cookieParser = require('cookie-parser');
const logger = require('morgan');

const indexRouter = require('./routes/index');
const communityRouter = require('./routes/community');
const analyticsRouter = require('./routes/analytics');

const app = express();
global.appRoot = path.resolve(__dirname);

app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', indexRouter);
app.use('/community', communityRouter);
app.use('/analytics', analyticsRouter);

module.exports = app;

來自服務器檔案夾中路由檔案夾的 index.js：

const express = require('express');
const router = express.Router();
const FileStorage = require('../services/FileStorage');

/* POST /subscribe */
router.post('/subscribe', async function (req, res) {
  try {
    if (!req.body || !req.body.email) {
      return res.status(400).json({ error: "Wrong payload" });
    }

    if (req.body.email === '[email protected]') {
      return res.status(422).json({ error: "Email is already in use" });
    }

    const data = {email: req.body.email};
    await FileStorage.writeFile('user.json', data);
    await res.json({success: true})
  } catch (e) {
    console.log(e);
    res.status(500).send('Internal error');
  }
});

/* GET /unsubscribe */
router.post('/unsubscribe', async function (req, res) {
  try {
    await FileStorage.deleteFile('user.json');
    await FileStorage.writeFile('user-analytics.json', []);
    await FileStorage.writeFile('performance-analytics.json', []);
    await res.json({success: true})
  } catch (e) {
    console.log(e);
    res.status(500).send('Internal error');
  }
});

module.exports = router;  

請大家幫我為訂閱端點撰寫單元測驗，以匹配服務器檔案夾中路由檔案夾中 index.js 檔案中的條件，提前謝謝！

uj5u.com熱心網友回復：

所以，我在沒有任何庫的情況下得到了預期的結果，但我不知道它是否是一個好的方法，但至少它有效：
const app = require('../../../personal-website-server/app' ) const request = require('supertest')

describe('POST /subscribe', () => {
    it('should give 400 status code when email is empty', async () => {
        const email = { email: '' }
        const response = await request(app).post('/subscribe').send(email)
        if (!request.body || !request.body.email) {
            expect(response.status).toBe(400)
        }
    })
    it('should give 422 status code when email is forbidden', async () => {
        const email = { email: '[email protected]' }
        const response = await request(app).post('/subscribe').send(email)
        if (request.body === '[email protected]') {
            expect(response.status).toBe(422)
        }
    })
    it('should give 200 status code when email is valid', async () => {
        const email = { email: '[email protected]' }
        const response = await request(app).post('/subscribe').send(email)
        expect(response.error).toBe(false)
        expect(response.status).toBe(200)
        expect(response.body.body).not.toBeNull()
    })
})

標籤：javascript 反应 api 拿来

上一篇：Microsoft.AspNetCore.Mvc.NewtonsoftJson6.0.2與net5.0不兼容

下一篇：流行的免費api似乎不起作用