From 56d7b0de40d25e17131cbbce047d27dca7fbaf0f Mon Sep 17 00:00:00 2001 From: "AzureAD\\OlaBarecka" Date: Mon, 7 Aug 2023 21:59:14 +0100 Subject: [PATCH] feat: cv-slider-skeleton tests --- .../__tests__/CvSliderSkeleton.spec.js | 30 +++++++++++++++++++ .../CvSliderSkeleton.spec.js.snap | 13 ++++++++ 2 files changed, 43 insertions(+) create mode 100644 src/components/CvSlider/__tests__/CvSliderSkeleton.spec.js create mode 100644 src/components/CvSlider/__tests__/__snapshots__/CvSliderSkeleton.spec.js.snap diff --git a/src/components/CvSlider/__tests__/CvSliderSkeleton.spec.js b/src/components/CvSlider/__tests__/CvSliderSkeleton.spec.js new file mode 100644 index 000000000..074dfc89d --- /dev/null +++ b/src/components/CvSlider/__tests__/CvSliderSkeleton.spec.js @@ -0,0 +1,30 @@ +/** + * NOTE: This test needs to be converted to use the new library `@testing-library/vue`. See CvCheckbox test for example. + */ +import { shallowMount } from '@vue/test-utils'; +import { carbonPrefix } from '../../../global/settings'; +import CvSliderSkeleton from '../CvSliderSkeleton.vue'; + +describe('CvSliderSkeleton', () => { + it('should match snapshot', async () => { + const wrapper = await shallowMount(CvSliderSkeleton); + expect(wrapper.html()).toMatchSnapshot(); + }); + + it('renders slider skeleton', () => { + const wrapper = shallowMount(CvSliderSkeleton); + + const skeletonWrapper = wrapper.find('.cv-slider'); + const skeletonLabel = skeletonWrapper.find(`.${carbonPrefix}--label`); + const sliderTrack = skeletonWrapper.find(`.${carbonPrefix}--slider__track`); + const sliderFilledTrack = skeletonWrapper.find( + `.${carbonPrefix}--filled-track` + ); + const sliderThumb = skeletonWrapper.find(`.${carbonPrefix}--slider__thumb`); + + expect(skeletonLabel).toBeTruthy(); + expect(sliderTrack).toBeTruthy(); + expect(sliderThumb).toBeTruthy(); + expect(sliderFilledTrack).toBeTruthy(); + }); +}); diff --git a/src/components/CvSlider/__tests__/__snapshots__/CvSliderSkeleton.spec.js.snap b/src/components/CvSlider/__tests__/__snapshots__/CvSliderSkeleton.spec.js.snap new file mode 100644 index 000000000..00b23cd8d --- /dev/null +++ b/src/components/CvSlider/__tests__/__snapshots__/CvSliderSkeleton.spec.js.snap @@ -0,0 +1,13 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`CvSliderSkeleton should match snapshot 1`] = ` +
+
+
+
+
+
+
+
+
+`;