vue.js + Jest: как проверить форму сообщения?

Question

До сих пор я давал использовать Avoriaz, но я хотел бы использовать Jest сейчас ... нашел некоторые слова ... но не смог получить подсказки при тестировании моего компонента просмотра контактов, отправляющего POST на внешний urk ...

    <form id="contactForm" action="https://formspree.io/mysite.com" method="POST">
      <div class="form-group">
        <input type="hidden" name="_next" v-model="next" />
        <input type="hidden" name="_language" v-model="language" />
        <input type="hidden" name="_subject" value="Contact from my site" />
        <input v-model="sendername" ...>
        <input v-model="email" ...>
      </div>
      <div class="form-group">
        <div class="uk-margin">
          <textarea v-model="message" ...></textarea>
        </div>
      </div>
      <button type="submit" class="btn btn-primary btn-gradient submit">Send</button>
    </form>

Поскольку внешний пост-URL действителен только для производства ... Я хотел бы смоделировать его и использовать свойство _next в качестве URL-адреса страницы обратного вызова ...

какие-нибудь полезные ссылки, чтобы поставить меня на первые треки ?? Большое спасибо за отзыв

Answer 1

Вы должны запретить отправлять и публиковать данные, используя, например, axios, а затем издеваться axios.

<!-- the submit event will no longer reload the page -->
<form v-on:submit.prevent="onSubmit"></form>

Это более простой способ для юнит-тестирования.