Espero que alguien me pueda dar una pista con el siguiente problema. Actualmente estoy trabajando en la interfaz para una API REST. Me gustaría probar si puedo enviar una solicitud POST.
Con el comando de prueba npm , la prueba se ejecuta y muestra una marca verde para esta función de prueba. Sin embargo, no se envía ninguna solicitud POST y, por lo tanto, no se escribe ninguna entrada en la base de datos.
La función createObject(json) se llama correctamente durante la prueba y la cadena JSON pasada también es correcta. Desafortunadamente, no se llama al método AXIOS POST.
Cuando hago clic en "Publicar objeto" a través del navegador, se llama al método AXIOS y se crea un objeto en la base de datos.
PostClient.js
import axios from 'axios'; const options = { headers: { // 'Content-Type': 'application/x-www-form-urlencoded' 'Content-Type': 'application/json', 'Accept': 'application/json', } }; export class PostClient { // This function is called by the test, but the Axios command is not. static createObject(json) { const response = axios.post('http://localhost:8080/object/create/', JSON.stringify(json), options) .then(response => { console.log(response.data); return response; }).catch(function (error) { console.log(error); }); return response; } }Aplicación.prueba.js
describe('Test', function(){ let id; it('addObject()', function () { const response = PostClient.createObject(objectJSON); this.id = response.id; expect(response.status == 200); }); });Aplicación.js
class App extends React.Component { render() { return ( <> <h2>createObject</h2> <div className="createObject"> <button onClick={() => PostClient.createObject(objectJSON)}>Post Object</button> </div> ... </> ); } } export default App;Primero: lee el comentario de Yevgen Gorbunkov :)
Segundo: el método axios.post() devuelve una Promesa: está devolviendo esa promesa en lugar de devolver el resultado de su solicitud.
Mi consejo es revisar cómo funcionan las promesas; MDN tiene un buen artículo , y tal vez repasar el código asincrónico en general.
La solución rápida y sucia podría ser convertir su función en una función asíncrona y usar async/await:
static async createObject(json) { // Note: this might throw an error; try...catch is a good idea const response = await axios.post(url, payload, options); return response.data; }