@eturnity/eturnity_reusable_components 7.51.10 → 7.51.11-EPDM-12810.1

package/src/components/inputs/checkbox/checkbox.spec.js

@@ -1,109 +1,109 @@
-/* eslint-disable */
-import { mount } from '@vue/test-utils'
-import Checkbox from '@/components/inputs/checkbox'
-import theme from '@/assets/theme'
-
-describe('Checkbox Component', () => {
-  let wrapper
-
-  beforeEach(() => {
-    wrapper = mount(Checkbox, {
-      props: {
-        isChecked: false,
-        label: 'Click me',
-        isDisabled: false,
-        dataId: 'checkbox_wrapper',
-      },
-      global: {
-        provide: {
-          theme,
-        },
-      },
-    })
-  })
-  it('checkbox is rendered and emits correct payload on change', async () => {
-    const checkboxWrapper = wrapper.find('[data-test-id="checkbox_wrapper"]')
-
-    // check that the element exists with correct props
-    expect(checkboxWrapper.exists()).toBe(true)
-    expect(wrapper.vm.isChecked).toBe(false)
-    expect(wrapper.vm.label).toBe('Click me')
-    expect(wrapper.vm.size).toBe('medium')
-    expect(wrapper.vm.isDisabled).toBe(false)
-
-    // Test the change
-    const inputCheckbox = checkboxWrapper.find('input[type="checkbox"]')
-    await inputCheckbox.trigger('change')
-    expect(wrapper.emitted('on-event-handler')).toBeTruthy()
-    const emittedEvent = wrapper.emitted('on-event-handler')
-    // To inspect emitted events:
-    expect(emittedEvent).toHaveLength(1) // Check if the event was emitted exactly once
-    // Check the payload of the event
-    expect(emittedEvent[0]).toEqual([true])
-  })
-  it('disabled should not emit anything', async () => {
-    const checkboxWrapper = wrapper.find('[data-test-id="checkbox_wrapper"]')
-    await wrapper.setProps({ isDisabled: true })
-
-    // check that the element exists with correct props
-    expect(checkboxWrapper.exists()).toBe(true)
-    expect(wrapper.vm.isDisabled).toBe(true)
-
-    // Test the change
-    const inputCheckbox = checkboxWrapper.find('input[type="checkbox"]')
-    await inputCheckbox.trigger('change')
-    // expect(wrapper.emitted('on-event-handler')).toBeTruthy()
-    const emittedEvents = wrapper.emitted('on-event-handler')
-    // To inspect emitted events:
-    expect(emittedEvents).toBeUndefined() // No event should be emitted
-  })
-  it('checkbox can handle multiple clicks', async () => {
-    const checkboxWrapper = wrapper.find('[data-test-id="checkbox_wrapper"]')
-
-    // check that the element exists with correct props
-    expect(checkboxWrapper.exists()).toBe(true)
-    expect(wrapper.vm.isChecked).toBe(false)
-
-    // Test the change
-    const inputCheckbox = checkboxWrapper.find('input[type="checkbox"]')
-    await inputCheckbox.trigger('change')
-    expect(wrapper.emitted('on-event-handler')).toBeTruthy()
-    const emittedEvent = wrapper.emitted('on-event-handler')
-    expect(emittedEvent).toHaveLength(1) // Check if the event was emitted exactly once
-    // Check the payload of the event
-    expect(emittedEvent[0]).toEqual([true])
-    await wrapper.setProps({ isChecked: true }) // manually update the props
-
-    // test the 2nd click
-    await inputCheckbox.trigger('change')
-    expect(wrapper.emitted('on-event-handler')).toBeTruthy()
-    expect(emittedEvent).toHaveLength(2) // Check if the event was emitted exactly once
-    // Check the payload of the event
-    expect(emittedEvent[1]).toEqual([false])
-    await wrapper.setProps({ isChecked: false }) // manually update the props
-
-    // test the 3rd click
-    await inputCheckbox.trigger('change')
-    expect(wrapper.emitted('on-event-handler')).toBeTruthy()
-    expect(emittedEvent).toHaveLength(3) // Check if the event was emitted exactly once
-    // Check the payload of the event
-    expect(emittedEvent[2]).toEqual([true])
-    await wrapper.setProps({ isChecked: true }) // manually update the props
-  })
-  it('should have a custom background color', async () => {
-    const checkboxWrapper = wrapper.find('[data-test-id="checkbox_wrapper"]')
-    await wrapper.setProps({ backgroundColor: theme.colors.red })
-
-    // check that the element exists with correct props
-    expect(checkboxWrapper.exists()).toBe(true)
-    expect(wrapper.vm.backgroundColor).toBe(theme.colors.red)
-  })
-  it('should have a custom checkbox color', async () => {
-    const checkboxWrapper = wrapper.find('[data-test-id="checkbox_wrapper"]')
-    await wrapper.setProps({ checkColor: theme.colors.brightBlue })
-
-    // check that the element exists with correct props
-    expect(checkboxWrapper.exists()).toBe(true)
-    expect(wrapper.vm.checkColor).toBe(theme.colors.brightBlue)
-  })
-})
+/* eslint-disable */
+import { mount } from '@vue/test-utils'
+import Checkbox from '@/components/inputs/checkbox'
+import theme from '@/assets/theme'
+
+describe('Checkbox Component', () => {
+  let wrapper
+
+  beforeEach(() => {
+    wrapper = mount(Checkbox, {
+      props: {
+        isChecked: false,
+        label: 'Click me',
+        isDisabled: false,
+        dataId: 'checkbox_wrapper',
+      },
+      global: {
+        provide: {
+          theme,
+        },
+      },
+    })
+  })
+  it('checkbox is rendered and emits correct payload on change', async () => {
+    const checkboxWrapper = wrapper.find('[data-test-id="checkbox_wrapper"]')
+
+    // check that the element exists with correct props
+    expect(checkboxWrapper.exists()).toBe(true)
+    expect(wrapper.vm.isChecked).toBe(false)
+    expect(wrapper.vm.label).toBe('Click me')
+    expect(wrapper.vm.size).toBe('medium')
+    expect(wrapper.vm.isDisabled).toBe(false)
+
+    // Test the change
+    const inputCheckbox = checkboxWrapper.find('input[type="checkbox"]')
+    await inputCheckbox.trigger('change')
+    expect(wrapper.emitted('on-event-handler')).toBeTruthy()
+    const emittedEvent = wrapper.emitted('on-event-handler')
+    // To inspect emitted events:
+    expect(emittedEvent).toHaveLength(1) // Check if the event was emitted exactly once
+    // Check the payload of the event
+    expect(emittedEvent[0]).toEqual([true])
+  })
+  it('disabled should not emit anything', async () => {
+    const checkboxWrapper = wrapper.find('[data-test-id="checkbox_wrapper"]')
+    await wrapper.setProps({ isDisabled: true })
+
+    // check that the element exists with correct props
+    expect(checkboxWrapper.exists()).toBe(true)
+    expect(wrapper.vm.isDisabled).toBe(true)
+
+    // Test the change
+    const inputCheckbox = checkboxWrapper.find('input[type="checkbox"]')
+    await inputCheckbox.trigger('change')
+    // expect(wrapper.emitted('on-event-handler')).toBeTruthy()
+    const emittedEvents = wrapper.emitted('on-event-handler')
+    // To inspect emitted events:
+    expect(emittedEvents).toBeUndefined() // No event should be emitted
+  })
+  it('checkbox can handle multiple clicks', async () => {
+    const checkboxWrapper = wrapper.find('[data-test-id="checkbox_wrapper"]')
+
+    // check that the element exists with correct props
+    expect(checkboxWrapper.exists()).toBe(true)
+    expect(wrapper.vm.isChecked).toBe(false)
+
+    // Test the change
+    const inputCheckbox = checkboxWrapper.find('input[type="checkbox"]')
+    await inputCheckbox.trigger('change')
+    expect(wrapper.emitted('on-event-handler')).toBeTruthy()
+    const emittedEvent = wrapper.emitted('on-event-handler')
+    expect(emittedEvent).toHaveLength(1) // Check if the event was emitted exactly once
+    // Check the payload of the event
+    expect(emittedEvent[0]).toEqual([true])
+    await wrapper.setProps({ isChecked: true }) // manually update the props
+
+    // test the 2nd click
+    await inputCheckbox.trigger('change')
+    expect(wrapper.emitted('on-event-handler')).toBeTruthy()
+    expect(emittedEvent).toHaveLength(2) // Check if the event was emitted exactly once
+    // Check the payload of the event
+    expect(emittedEvent[1]).toEqual([false])
+    await wrapper.setProps({ isChecked: false }) // manually update the props
+
+    // test the 3rd click
+    await inputCheckbox.trigger('change')
+    expect(wrapper.emitted('on-event-handler')).toBeTruthy()
+    expect(emittedEvent).toHaveLength(3) // Check if the event was emitted exactly once
+    // Check the payload of the event
+    expect(emittedEvent[2]).toEqual([true])
+    await wrapper.setProps({ isChecked: true }) // manually update the props
+  })
+  it('should have a custom background color', async () => {
+    const checkboxWrapper = wrapper.find('[data-test-id="checkbox_wrapper"]')
+    await wrapper.setProps({ backgroundColor: theme.colors.red })
+
+    // check that the element exists with correct props
+    expect(checkboxWrapper.exists()).toBe(true)
+    expect(wrapper.vm.backgroundColor).toBe(theme.colors.red)
+  })
+  it('should have a custom checkbox color', async () => {
+    const checkboxWrapper = wrapper.find('[data-test-id="checkbox_wrapper"]')
+    await wrapper.setProps({ checkColor: theme.colors.brightBlue })
+
+    // check that the element exists with correct props
+    expect(checkboxWrapper.exists()).toBe(true)
+    expect(wrapper.vm.checkColor).toBe(theme.colors.brightBlue)
+  })
+})