@eturnity/eturnity_reusable_components 8.34.0-EPDM-13618.2 → 8.34.0-EPDM-16204.1

package/src/components/progressBar/ProgressBar.stories.js

@@ -1,62 +0,0 @@
-import defaultDropdownProps from './defaultProps'
-import ProgressBar from './index.vue'
-import theme from '@/assets/theme'
-
-export default {
-  title: 'ProgressBar',
-  component: ProgressBar,
-  tags: ['autodocs'],
-  argTypes: {
-    fillProgress: {
-      description: 'Precentage of progress bar filled in with color',
-    },
-    labelText: {
-      description: 'Label text above the progress bar',
-    },
-    appTheme: {
-      description: 'App color theme',
-      control: 'select',
-      options: ['light', 'dark'],
-    },
-  },
-}
-
-// To use:
-// import ProgressBar from "@eturnity/eturnity_reusable_components/src/components/progressBar"
-// <ProgressBar
-//   :fill-progress="50"
-//   :label-text="some label text"
-// />
-
-const Template = (args) => {
-  return {
-    components: { ProgressBar },
-    setup() {
-      return { args }
-    },
-    provide: {
-      theme,
-    },
-    template: `
-      <ProgressBar v-bind="args"/>
-    `,
-  }
-}
-
-export const Default = Template.bind({})
-Default.args = {
-  ...defaultDropdownProps,
-}
-
-export const ProgressBarLabelText = Template.bind({})
-ProgressBarLabelText.args = {
-  ...defaultDropdownProps,
-  labelText: 'Progress Bar Label Text',
-}
-
-export const ProgressBarLabelTextAppThemeDark = Template.bind({})
-ProgressBarLabelTextAppThemeDark.args = {
-  ...defaultDropdownProps,
-  labelText: 'Progress Bar Label Text',
-  appTheme: 'dark',
-}

package/src/components/progressBar/defaultProps.js

@@ -1,5 +0,0 @@
-const defaultProps = {
-  fillProgress: '65',
-}
-
-export default defaultProps

package/src/components/progressBar/progressBar.spec.js

@@ -1,52 +0,0 @@
-import { mount } from '@vue/test-utils'
-import RCProgressBar from '@/components/progressBar'
-import defaultProps from './defaultProps'
-import theme from '@/assets/theme'
-
-jest.mock('@/components/icon/iconCache.mjs', () => ({
-  // need to mock this due to how jest handles import.meta
-  fetchIcon: jest.fn(() => Promise.resolve('mocked-icon-url.svg')),
-}))
-
-describe('progressBar/index.vue', () => {
-  it('progress bar is rendered with correct props', async () => {
-    const labelText = 'test_label_text'
-
-    const wrapper = mount(RCProgressBar, {
-      props: { ...defaultProps, labelText },
-      global: {
-        provide: {
-          theme,
-        },
-      },
-    })
-
-    const progressBarProgress = wrapper.find(
-      '[data-test-id="progress_bar_progress"]'
-    )
-    const progressBarLabel = wrapper.find('[data-test-id="progress_bar_label"]')
-
-    expect(wrapper.vm.fillProgress).toBe(defaultProps.fillProgress)
-    expect(progressBarProgress.exists()).toBe(true)
-    expect(progressBarLabel.exists()).toBe(true)
-
-    expect(progressBarLabel.text()).toContain(labelText)
-  })
-
-  it('progress bar progress changes', async () => {
-    const wrapper = mount(RCProgressBar, {
-      props: {},
-      global: {
-        provide: {
-          theme,
-        },
-      },
-    })
-
-    expect(wrapper.vm.fillProgress).toBe(0)
-
-    await wrapper.setProps({ fillProgress: defaultProps.fillProgress })
-
-    expect(wrapper.vm.fillProgress).toBe(defaultProps.fillProgress)
-  })
-})