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>

由于外部发布网址仅对生产有效...我想对其进行模拟，并将_next属性用作回调页面网址...

任何有用的链接，让我踏上第一步？ 非常感谢您的反馈

Answer 1

例如，应该防止使用axios提交和发布数据，然后模拟axios 。

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

这是对它进行单元测试的更简单方法。