feat: cv-slider-skeleton tests

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();
+  });
+});

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`] = `
+<div class="cv-slider bx--form-item"><label class="bx--label bx--skeleton"></label>
+  <div class="bx--slider-container bx--skeleton"><span class="bx--slider__range-label"></span>
+    <div class="bx--slider">
+      <div class="bx--slider__track"></div>
+      <div class="bx--slider__filled-track"></div>
+      <div class="bx--slider__thumb"></div>
+    </div><span class="bx--slider__range-label"></span>
+  </div>
+</div>
+`;