vue.js + Jest:如何测试表单帖子?

时间:2018-04-29 14:35:42

标签: vue.js jest

直到现在我一直在使用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属性作为回调页面网址...

任何有用的链接将我放在第一首曲目上?非常感谢您的反馈

1 个答案:

答案 0 :(得分:0)

You should prevent submit and post data using &apos; for example and then mock &quot;.

axios

It's an easier way to unit-test that.