(VUEX + JEST)函数响应未定义

我在编写测试时遇到问题。尽管一切似乎都正确编写,但我无法调用该函数。请帮忙!

index.vue:

import { shallowMount,createLocalVue } from '@vue/test-utils'
import Vuex from 'vuex'
import Login from '../index'

const localVue = createLocalVue()

localVue.use(Vuex)

describe('Проверяем страницу входа в систему',() => {

    let actions
    let store
    let loginData = {username: 'user1',password: '123'}

    beforeEach (() => {
        actions = {
            handleLogin: jest.fn(),login: jest.fn()
        }
        store = new Vuex.Store({
            actions
        })
    })

    it('Отправляем экшн логирования',() => {
        const wrapper = shallowMount(Login,{
            computed: {
                loginBtn: () => true,loginStatus: () => '',showLogoutEverywhereBtn: () => false
            },store,localVue
        })

        wrapper.find('.main-form__login-submit').trigger('click')
        expect(actions.handleLogin).toHaveBeenCalled()
    })
});

这是我在index.vue中的功能:

...
methods: {
        handleLogin(e) {
            e.preventDefault()
            this.$store.dispatch('login',this.loginForm)
                .then((response) => {
                    console.log('login page response: ',response)
                    if (response.id_user !== undefined) {
                        this.$router.push({ path: '/' })
                    }
                })
                .catch((e) => {
                    console.log('ты внутри ошибки: ',e);
                });
        },...

这是我的user.js:

...
actions: {
        // user login
        login({ commit },userInfo) {
            console.log('store/modules/user.js userInfo: ',userInfo)
            const { username,password } = userInfo
            return new Promise((resolve,reject) => {
                login({ user_login: username.trim(),user_password: password }).then(response => {            
                    const decoded = jwtDecode(response)
                    console.log(decoded)
                    /***********************SOCKET.IO***************************/
                    let data = { userId: decoded.id_user,page: 'login' }
                    socketUrl.emit('authorize',data,(flag) => {
                        console.log('Main authorize here.')
                        console.log('This is store token id:',decoded.id_user)
                        console.log(flag)
                        if (decoded.status === 0) {
                            commit('CHANGE_SELECTED_USER_STATUS_ID',392)
                            console.log(decoded.full_name)
                            // commit('SET_TOKEN',decoded)
                            commit('AUTH_SUCCESS',decoded)
                            if (flag) {
                                resolve(decoded)
                                console.log('This is decoded: ',decoded.statuses[0])
                                getStatusesArray().then(response => {
                                    console.log('This is presencestatus data:',response)

                                    commit('UPDATE_STATUS',response)
                                })
                            } else {
                                commit('AUTH_ERROR')
                            }
                            resolve() // TODO: зачем это здесь?
                        } else {
                            commit('AUTH_ERROR')
                        }
                    })
                    socketUrl.on('kick',(message) => {
                        console.log('store.js socket: ',message)
                        commit('DUPLICATE_LOGIN',message.text)
                    })
                    socketUrl.on('message',() => {
                        commit('AUTH_ERROR')
                    })
                    /***********************SOCKET.IO***************************/
                }).catch(error => {
                    console.log('store/modules/user.js login error: ',error)
                    commit('AUTH_ERROR')
                    reject(error)
                })
            })
        },logout(state,payload) {
            state = null
            console.log('Logout userId: ',payload)
            socketUrl.emit('disconnectUser',{ userId: payload }) 

            return new Promise ((resolve,reject) => {
                logout({ userId: payload })
                    .then(response => {
                        console.log('logout function',response)
                        resolve(response)
                    })
                    .catch((e) => {
                        console.log('logout error: ',e)
                        reject(e)
                    })
            }) 
        },...

我将非常感谢能为您提供帮助的任何人。由于我不熟悉测试,因此这个问题花费了我很多时间。也许我需要将参数传递给函数(我不确定确切在哪里)。预先谢谢你!

chen22di 回答:(VUEX + JEST)函数响应未定义

现在我看到了:

您看,您在嘲笑handleLogin是一种存储操作。但这不是您的存储操作。这是您在组件中使用的方法。

所以您需要做的是:

... // your previous code

wrapper.setMethods({ handleLogin: jest.fn() })  // add this line here
wrapper.find('.main-form__login-submit').trigger('click')

... // your next code
本文链接:https://www.f2er.com/2944103.html

大家都在问