Как утверждать отправку в Vuex было сделано с Cypress - PullRequest
Новая
       6

Как утверждать отправку в Vuex было сделано с Cypress

0 голосов
/ 12 февраля 2020

Я пытаюсь создать тест, который утверждает, что вызов Ax ios Get был выполнен из vuex в момент создания компонента.

Я мог бы проверить, правильно ли отображается результат вызова API. в DOM, но я хотел бы убедиться, что вызов сделан с указанным c действием от Vuex. Поэтому мне нужно посмотреть, работает ли диспетчеризация.

К сожалению, я не могу найти способ правильно это подтвердить.

Вот код, который я использую: 

// VUEX

import Vue from 'vue'
import Vuex from 'vuex'
import Axios from "axios"

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
  },
  mutations: {
  },
  actions: {

    // Ruft die API auf um alle Tickets zu erhalten
    callTicketAction: () => {
      Axios.get('api/ticket')
      .then(res => {
          console.log('ok' + res.data);
      })
      .catch(error => {
          console.error('error: ' + error);
      })
    },
  },
  modules: {
  }
})


// MY COMPONENT.vue

<template>
  <div>
    <h1>Object List Component</h1>
  </div>
</template>

<script>
  export default  {
    created: function() {
      this.$store.dispatch('callTicketAction');

    }
  }

</script>

Понятия не имею, как это утверждать. Я попробовал cy.server/cy.route, а также cy.spy, не повезло.

Мне нужен кто-то, кто мог бы указать мне на это, потому что я хочу убедиться, что вызов сделан, и данные отображаются из Backend Server, а не откуда-то еще (например, кеш).

Заранее спасибо.

...