如何解决如何使用 Jasmine 测试 SweetAlert2?
我正在尝试测试以下功能,但我不确定我是否需要做一些额外的事情来通过 de preConfirm() 验证,我几乎没有做过单元测试,如果有人可以提供一些指导,我会欣赏它
edit(id: any,user: any,position: any): void {
debugger;
let formValues: any;
const htmlContent = `
<div style="font-size: 12px">
<p>Nombre: <input type="text" id="name" value="${user.name}"/></p>
<p>Email: <input type="text" id="email" value="${user.email}"/></p>
<p>Telefono: <input type="text" id="phone" value="${user.phone}"/></p>
</div>`;
Swal.fire({
title: 'Información Firmante',html: htmlContent,confirmButtonColor: '#3085d6',confirmButtonText: 'Guardar',preConfirm: () => {
const name = (document.getElementById('name') as HTMLInputElement).value;
const email = (document.getElementById('email') as HTMLInputElement).value;
const phone = (document.getElementById('phone') as HTMLInputElement).value;
if (name === '') {
Swal.showValidationMessage('El campo Nombre es requerido.');
return;
}
if (email === '') {
Swal.showValidationMessage('El campo Email es requerido.');
return;
}
if (phone === '') {
Swal.showValidationMessage('El campo Telefono es requerido.');
return;
}
if (!this.validateName(name)) {
Swal.showValidationMessage('El campo Nombre solo puede contener letras');
return;
}
if (!this.validateEmail(email)) {
Swal.showValidationMessage('El campo Email es incorrecto');
return;
}
if (!this.validateTelephoneNumber(phone)) {
Swal.showValidationMessage('El campo Telefono debe iniciar con +52 y 10 dígitos del número');
return;
}
return [name,email,phone];
}
}).then((result) => {
if (result.value !== undefined && result.value) {
/*
*
* THIS BLOCK OF CODE IS UNREACHABLE BY THE TEST
*/
const name = (document.getElementById('name') as HTMLInputElement).value;
const email = (document.getElementById('email') as HTMLInputElement).value;
const phone = (document.getElementById('phone') as HTMLInputElement).value;
user.name = name;
user.email = email;
user.phone = phone;
this.callUpdateSigner(id,user,position)
}
}).catch(error => {
this.alert.error(`¡Ocurrió algo al intentar editar el firmante!,error: ${error}`);
})
}
但是当我测试它时,测试没有到达以下语句中的代码:
if (result.value !== undefined && result.value)
这是我的测试
it('modal edit firmante - open modal',(done) => {
const spycomponentUpdate = spyOn(component,'callUpdateSigner')
component.edit(1616723872429,{name:"Sebastian",email:"angel.gabriel@alphacredit.mx",phone:"+525545782417"},1)
expect(Swal.isVisible()).toBeTruthy();
setTimeout(() => {
expect(spycomponentUpdate).toHaveBeenCalled()
done()
})
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。