@eturnity/eturnity_reusable_components 7.48.1-qa-elisee-7.51.1 → 7.48.5

package/src/components/tables/mainTable/index.vue

@@ -10,7 +10,11 @@
       ref="tableRef"
       :is-position-absolute="doesTableContainDraggables"
     >
-      <TableWrapper class="main-table-wrapper" :full-width="fullWidth">
+      <TableWrapper
+        class="main-table-wrapper"
+        :full-width="fullWidth"
+        :is-overflow-hidden="isOverflowHidden"
+      >
         <SpinnerWrapper v-if="isLoading">
           <Spinner />
         </SpinnerWrapper>
@@ -70,12 +74,12 @@
   `}
   `
 
-  const wrapperAttrs = { fullWidth: Boolean }
+  const wrapperAttrs = { fullWidth: Boolean, isOverflowHidden: Boolean }
   const TableWrapper = styled('div', wrapperAttrs)`
     width: ${(props) => (props.fullWidth ? '100%' : 'fit-content')};
     max-width: 100%;
-    overflow-x: auto;
-    overflow-y: hidden;
+    ${(props) =>
+      props.isOverflowHidden ? 'overflow-x: auto; overflow-y: hidden;' : ''}
 
     ::-webkit-scrollbar {
       height: 10px; //height of the whole scrollbar area
@@ -409,6 +413,10 @@
         required: false,
         default: false,
       },
+      isOverflowHidden: {
+        required: false,
+        default: true,
+      },
       titleText: {
         required: false,
         default: null,

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

@@ -1,66 +0,0 @@
-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
-  })
-})