Soy nuevo en las pruebas y actualmente estoy tratando de probar un formulario desde mi aplicación esbelta. En este formulario solo hay una entrada para una categoría. Cuando el backend recibe esta categoría, se genera un uuid para él y se devuelve un objeto json con la categoría y el uuid.

 it('submits info', async () => { render(ItemsForm); let requestBody; const server = setupServer( rest.post(`http://localhost:5025/api/categories`, (req, res, ctx) => { requestBody = req.body; return res(ctx.status(200), ctx.json({ name: 'Action', })) }) ); server.listen(); server.printHandlers() const itemInput = screen.getByLabelText('Categories Name'); await userEvent.type(itemInput, 'Action') const submitBTN = screen.queryByRole('button', {name: `Save Categories`}) await userEvent.click(submitBTN); server.close(); expect(requestBody).toBe ({ name: 'Action', }) })

cuando ejecuto la prueba, el error que recibo es

 expect(received).toBe(expected) // Object.is equality Expected: {"name": "Action"} Received: undefined 64 | await userEvent.click(submitBTN); 65 | server.close(); > 66 | expect(requestBody).toBe | ^ 67 | ({ 68 | name: 'Action', 69 |

Probé varios enfoques e intenté buscar recursos en línea para encontrar una solución, pero no pude avanzar hacia una solución.