fix(tests): added new checks to fix reference errors (#287)

* fix(tests): added new checks to fix reference errors

* feat(test): fixed snapshot

* feat(test): fixed snapshot

.gitignore

@@ -4,6 +4,7 @@ logs
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+.idea/
 
 # Runtime data
 pids

src/Carousel.vue

@@ -840,9 +840,9 @@ export default {
 
     // when autoplay direction is backward start from the last slide
     if (this.autoplayDirection === "backward") {
-        this.goToLastSlide();
+      this.goToLastSlide();
     }
-  },    
+  },
   beforeDestroy() {
     this.detachMutationObserver();
     window.removeEventListener("resize", this.getBrowserWidth);

src/Pagination.vue

@@ -26,7 +26,7 @@
             width: ${carousel.paginationSize}px;
             height: ${carousel.paginationSize}px;
             background: ${isCurrentDot(index) ? carousel.paginationActiveColor : carousel.paginationColor};
-          `"
+            `"
         ></button>
       </li>
     </ul>
@@ -39,9 +39,11 @@ export default {
   inject: ["carousel"],
   computed: {
     paginationCount() {
-      return this.carousel.scrollPerPage
+      return this.carousel && this.carousel.scrollPerPage
         ? this.carousel.pageCount
-        : this.carousel.slideCount - 2;
+        : this.carousel.slideCount
+          ? this.carousel.slideCount - 2
+          : 0;
     }
   },
   methods: {

src/Slide.vue

@@ -33,7 +33,7 @@ export default {
   },
   computed: {
     activeSlides() {
-      const { currentPage, perPage, $children, slideCount } = this.carousel;
+      const { currentPage, perPage, $children } = this.carousel;
       const activeSlides = [];
       const children = $children
         .filter(

tests/client/components/__snapshots__/carousel.spec.js.snap

@@ -76,11 +76,11 @@ exports[`Carousel should decrease current slide number by 1 when advance slide b
 ".VueCarousel-wrapper
   .VueCarousel-inner(role='listbox', style='transform: translate(0px, 0); visibility: hidden; height: auto;')
     .VueCarousel-slide(tabindex='-1')
-    .VueCarousel-slide(tabindex='-1')
+    .VueCarousel-slide.VueCarousel-slide-active.VueCarousel-slide-center(tabindex='-1')
     .VueCarousel-slide(tabindex='-1')
     .VueCarousel-slide(tabindex='-1')
 |  
-.VueCarousel-pagination
+.VueCarousel-pagination(style='')
   ul.VueCarousel-dot-container(role='tablist')
     li.VueCarousel-dot(aria-hidden='false', role='presentation', aria-selected='false', style='margin-top: 20px; padding: 10px;')
       button.VueCarousel-dot-button(type='button', role='button', aria-label='\`Item \${index}\`', title='Item 0', tabindex='0', style='width: 10px; height: 10px; background: rgb(239, 239, 239);')

tests/client/components/__snapshots__/slide.spec.js.snap

@@ -3,7 +3,7 @@
 exports[`Slide should mount successfully 1`] = `
 ".VueCarousel-wrapper
   .VueCarousel-inner(role='listbox', style='transform: translate(0px, 0); visibility: hidden; height: auto;')
-    .VueCarousel-slide.VueCarousel-slide-active(tabindex='-1')
+    .VueCarousel-slide(tabindex='-1')
 |  
 .VueCarousel-pagination(style='display: none;')
   ul.VueCarousel-dot-container(role='tablist')