From 6e22dd36f117c187eebf145b3c5a354e32b14214 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?= Date: Tue, 22 Mar 2022 10:56:12 +0300 Subject: [PATCH] Password tests added --- src/components/password/Password.spec.js | 58 ++++++++++++++++++++++++ src/components/password/Password.vue | 2 +- 2 files changed, 59 insertions(+), 1 deletion(-) create mode 100644 src/components/password/Password.spec.js 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;