vue.js + Jest：如何测试表单帖子？

Question

到目前为止，我一直在使用 Avoriaz，但我现在想使用 Jest ... 发现了一些 tuts...但无法获得任何提示来测试我的联系人视图组件将 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>

这是一种更简单的单元测试方法。