@eturnity/eturnity_reusable_components 7.45.4 → 7.45.5-EPDM-11711.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "7.45.4",
+  "version": "7.45.5-EPDM-11711.0",
   "files": [
     "dist",
     "src"

package/src/components/icon/icon.spec.js

@@ -0,0 +1,66 @@
+import { mount } from '@vue/test-utils'
+import RCIcon from '@/components/icon'
+import theme from '@/assets/theme'
+import 'jest-styled-components'
+jest.mock('@/components/icon/iconCache.mjs', () => ({
+  fetchIcon: jest.fn(() => Promise.resolve('mocked-icon-url.svg')),
+}))
+
+describe('RCIcon.vue', () => {
+  it('renders icon with default props', async () => {
+    const wrapper = mount(RCIcon, {
+      props: { name: 'House' },
+      global: {
+        provide: {
+          theme,
+        },
+      },
+    })
+
+    const iconWrapper = wrapper.find('[data-test-id="icon_wrapper"]')
+    const iconImage = wrapper.find('[data-test-id="icon_image"]')
+
+    expect(iconWrapper.exists()).toBe(true)
+    expect(iconImage.exists()).toBe(true)
+    expect(wrapper.props('size')).toBe('30px')
+  })
+
+  it('renders striked line when isStriked is true', async () => {
+    const wrapper = mount(RCIcon, {
+      props: {
+        name: 'House',
+        isStriked: true,
+        color: 'red',
+      },
+      global: {
+        provide: {
+          theme,
+        },
+      },
+    })
+
+    const strikedLine = wrapper.find('[data-test-id="icon_striked_line"]')
+    expect(strikedLine.exists()).toBe(true)
+  })
+
+  it('applies correct styling based on props', async () => {
+    const wrapper = mount(RCIcon, {
+      props: {
+        name: 'House',
+        size: '60px',
+        color: 'red',
+        hoveredColor: 'blue',
+        backgroundColor: 'yellow',
+      },
+      global: {
+        provide: {
+          theme,
+        },
+      },
+    })
+
+    const iconImage = wrapper.find('[data-test-id="icon_image"]')
+    expect(iconImage.exists()).toBe(true)
+    // Add assertions for styling if needed
+  })
+})

package/src/components/icon/index.vue

@@ -1,14 +1,24 @@
 <template>
-  <Wrapper :cursor="cursor" :disabled="disabled" :size="size">
+  <Wrapper
+    :cursor="cursor"
+    data-test-id="icon_wrapper"
+    :disabled="disabled"
+    :size="size"
+  >
     <IconImage
       :animation="animation"
       :background-color="backgroundColor"
       :color="color"
+      data-test-id="icon_image"
       :hovered-color="hoveredColor"
     >
-      <i v-html="icon.html"></i>
+      <i data-test-id="icon_svg" v-html="icon.html"></i>
     </IconImage>
-    <StrikedLine v-if="isStriked" :color="color" />
+    <StrikedLine
+      v-if="isStriked"
+      :color="color"
+      data-test-id="icon_striked_line"
+    />
   </Wrapper>
 </template>
 

package/src/components/inputs/inputText/index.vue

@@ -44,6 +44,7 @@
             :type="inputTypeData"
             :value="value"
             @blur="onInputBlur"
+            @focus="onInputFocus"
             @input="onChangeHandler"
             @keyup.enter="onEnterPress"
           />
@@ -367,6 +368,9 @@
         this.validateInput($event.target.value)
         this.$emit('input-blur', $event.target.value)
       },
+      onInputFocus($event) {
+        this.$emit('input-focus', $event.target.value)
+      },
       toggleShowPassword() {
         this.inputTypeData =
           this.inputTypeData === 'password' ? 'text' : 'password'