Javascript Vue开玩笑不等待axios Post
我正在测试登录请求,但jest没有调用模拟: 这是我的测试:Javascript Vue开玩笑不等待axios Post,javascript,vue.js,jestjs,axios,Javascript,Vue.js,Jestjs,Axios,我正在测试登录请求,但jest没有调用模拟: 这是我的测试: const User = '123123' jest.mock('axios', () => ({ get: jest.fn(), post: (_url, _body) => new Promise((resolve, reject) => { if (_body.username != User) return reject({ data: { auth: false } }) reso
const User = '123123'
jest.mock('axios', () => ({
get: jest.fn(),
post: (_url, _body) => new Promise((resolve, reject) => {
if (_body.username != User) return reject({ data: { auth: false } })
resolve({
data: {
auth: true,
data: '123456789789213',
name: 'Indra'
}
})
})
}))
describe('Component', () => {
let actions
let store
beforeEach(() => {
actions = {
logIn: jest.fn()
}
store = new Vuex.Store({
actions
})
})
test('Logins in server', () => {
const wrapper = shallowMount(Login, { store, localVue })
const inputLogin = wrapper.find('[name=login]')
const inputPassword = wrapper.find('[name=password]')
//fake user and password
inputLogin.element.value = User
inputPassword.element.value = 'Indra1234'
wrapper.find('button').trigger('click')
expect(actions.logIn).toHaveBeenCalled()
})
})
这是我的登录功能
methods : {
AuthUser () {
if(this.server == "Selecione um servidor") return this.$swal('Atenção', 'Favor selecionar um servidor!', 'error');
console.log("Solicitando login")
this.loading = true
try {
axios.post(this.server+"/auth",
{
username: this.id,
password: this.password
})
.then(result => {
console.log(result)
if(result.data.auth) {
this.tk = result.data.data
this.nome = result.data.name
this.logIn
setTimeout(() => {
console.log("oi")
$("body, this").css("background-color","#FBF5F3");
// this.$router.push('/home')
this.$eventHub.$emit('logIn', 1);
}, 1000);
} else {
this.loading = false
this.$swal('Atenção', 'Usuário ou senha incorretos!', 'warning');
}
}).catch((er) => {
this.loading = false
this.$swal('Desculpe', 'Ocorreu um erro de comunicação com o servidor!', 'error');
console.log(er)
})
} catch (error) {
this.loading = false
this.$swal('Desculpe', 'Ocorreu um erro ao realizar o login', 'error');
console.log('Erro interno: ', error)
}
}
}
当我运行测试时
注意,控制台日志“请求登录”已被调用。
测试的配置是由Vue cli 3完成的,我将其用作参考我看不到您违背承诺。您可以尝试使用flush promise库吗
npmi--保存开发人员刷新承诺
然后
//向上
从“冲洗承诺”进口冲洗液;
//...
wrapper.find('button')。trigger('click');
等待flushPromises();
expect(actions.logIn).tohaveBeenCall();
更多信息请点击这里。。。
问题在于我设置输入值时 当我记录console.log(wrapper.vm.id、wrapper.vm.password)时,它们是空的 解决
inputLogin.element.value = User
inputLogin.trigger('input');
inputPassword.element.value = 'Indra1234'
inputPassword.trigger('input');
当然,flushPromises()也是如此