primevue-mirror/components/password/Password.spec.js

58 lines
1.7 KiB
JavaScript

import { mount } from '@vue/test-utils';
import PrimeVue from '@/components/config/PrimeVue';
import Password from './Password.vue';
describe('Password.vue', () => {
let wrapper;
const event = { target: {value: 'P'}};
beforeEach(async () => {
wrapper = mount(Password, {
global: {
plugins: [PrimeVue],
stubs: {
teleport: true
}
},
props: {
modelValue: null
}
});
await wrapper.vm.onFocus();
});
it('should exist', () => {
expect(wrapper.find('.p-password.p-component').exists()).toBe(true);
expect(wrapper.find('.p-password-panel').exists()).toBe(true);
});
it('should update modelValue', async () => {
await wrapper.vm.onInput(event);
expect(wrapper.emitted()['update:modelValue'][0]).toEqual(['P']);
});
it('should meter update', async () => {
expect(wrapper.find('.p-password-info').text()).toBe('Enter a password');
await wrapper.vm.onKeyUp(event);
expect(wrapper.find('.p-password-info').text()).toBe('Weak');
expect(wrapper.find('.p-password-strength').classes()).toContain('weak');
});
it('should toggle mask', async () => {
await wrapper.setProps({ toggleMask: true });
expect(wrapper.find('.p-password-input').attributes().type).toBe('password');
expect(wrapper.find('.pi.pi-eye').exists()).toBe(true);
await wrapper.vm.onMaskToggle();
expect(wrapper.find('.p-password-input').attributes().type).toBe('text');
expect(wrapper.find('.pi.pi-eye').exists()).toBe(false);
expect(wrapper.find('.pi.pi-eye-slash').exists()).toBe(true);
});
});