Add test case for input password toggle component
Signed-off-by: Sukanya Pandey <sukapan1@in.ibm.com>
Change-Id: I00e3fc12a58d644d0aad3c0caf4a94d2ed435109
diff --git a/tests/unit/Global/InputPasswordToggle.spec.js b/tests/unit/Global/InputPasswordToggle.spec.js
new file mode 100644
index 0000000..4a3a0b0
--- /dev/null
+++ b/tests/unit/Global/InputPasswordToggle.spec.js
@@ -0,0 +1,33 @@
+import { mount, createLocalVue } from '@vue/test-utils';
+import InputPasswordToggle from '@/components/Global/InputPasswordToggle';
+import BootstrapVue from 'bootstrap-vue';
+
+const localVue = createLocalVue();
+localVue.use(BootstrapVue);
+
+describe('InputPasswordToggle.vue', () => {
+ const wrapper = mount(InputPasswordToggle, {
+ localVue,
+ data() {
+ return {
+ isVisible: false,
+ };
+ },
+ mocks: {
+ $t: (key) => key,
+ },
+ });
+ it('should exist', () => {
+ expect(wrapper.exists()).toBe(true);
+ });
+ it('should not render isVisible class', () => {
+ expect(wrapper.find('.isVisible').exists()).toBe(false);
+ });
+ it('should render isVisible class when button is clicked', async () => {
+ await wrapper.find('button').trigger('click');
+ expect(wrapper.find('.isVisible').exists()).toBe(true);
+ });
+ it('should render correctly', () => {
+ expect(wrapper.element).toMatchSnapshot();
+ });
+});