diff --git a/src/components/password/Password.spec.js b/src/components/password/Password.spec.js new file mode 100644 index 000000000..6e109e0d6 --- /dev/null +++ b/src/components/password/Password.spec.js @@ -0,0 +1,58 @@ +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); + }); +}); \ No newline at end of file diff --git a/src/components/password/Password.vue b/src/components/password/Password.vue index 40d1f2ee2..4a3ef09d7 100755 --- a/src/components/password/Password.vue +++ b/src/components/password/Password.vue @@ -148,7 +148,7 @@ export default { return level; }, onInput(event) { - this.$emit('update:modelValue', event.target.value) + this.$emit('update:modelValue', event.target.value) }, onFocus() { this.focused = true;