Vuejs2 тест HTTP-запрос на форму нажмите

Question

В моем компоненте у меня есть

   methods:{
      ContactUs(){
            this.$http.post("/api/contact-us").then((res)=>{
               ///do new stuff
            },(err)=>{
               //do new stuff
            })
        },

    }

Теперь я хочу проверить, что метод работает

, поэтому в моем тесте у меня есть

 const wrapper = mount(ContactForm);

it("Contact us method should return a 200 response ", () => {
    wrapper.vm.ContactUs().then((res) => {
        expect(res.data).toEqual(res);
    })
    //await flushPromises();
});

Но теперьтест не пройден, и на это указывает ошибка. $ http.post ...

Как проверить вышеуказанную функцию

Answer 1

ContactUs должен вернуть обещание, если вы хотите связать с ним .then ().this. $ http.post уже возвращает обещание, просто верните его результат из ContactUs, и ваш тест может быть связан с ним.

  ContactUs(){
        return this.$http.post("/api/contact-us").then((res)=>{
           ///do new stuff
        },(err)=>{
           //do new stuff
        })
    },