added tests

Author: fatihsolhan

dist/VueFinalModal.esm.js

@@ -8,6 +8,7 @@
     @keydown="onEsc"
   >
     <transition
+      ref="vfmOverlayTransition"
       v-bind="computedOverlayTransition"
       @before-enter="beforeOverlayEnter"
       @after-enter="afterOverlayEnter"
@@ -22,6 +23,7 @@
       ></div>
     </transition>
     <transition
+      ref="vfmTransition"
       v-bind="computedTransition"
       @before-enter="beforeModalEnter"
       @after-enter="afterModalEnter"

dist/VueFinalModal.esm.js.map

@@ -1,6 +1,6 @@
 import { createLocalVue, enableAutoDestroy } from '@vue/test-utils'
-import { afterTransition, createOpenedModal, createClosedModal, initDynamicModal } from './utils'
 import VueFinalModal from '../../lib'
+import { afterTransition, createClosedModal, createOpenedModal, initDynamicModal, transitionStub } from './utils'
 
 enableAutoDestroy(afterEach)
 
@@ -192,6 +192,89 @@ describe('VueFinalModal.vue', () => {
       })
       expect(wrapper.attributes('style')).toContain(zIndexStyle)
     })
+    it('transition is string', async () => {
+      const transition = 'vfm-test-transition'
+      const { wrapper } = await createClosedModal(
+        {
+          transition
+        },
+        {},
+        {},
+        { transition: transitionStub() }
+      )
+      const transitionComponent = wrapper
+        .findComponent({
+          ref: 'vfmTransition'
+        })
+        .attributes()
+      expect(transitionComponent.name).toEqual(transition)
+    })
+    it('transition is an object', async () => {
+      const transition = {
+        'enter-active-class': 'transition duration-200 ease-in-out transform',
+        'enter-class': 'translate-y-full',
+        'enter-to-class': 'translate-y-0',
+        'leave-active-class': 'transition duration-200 ease-in-out transform',
+        'leave-to-class': 'translate-y-full',
+        'leave-class': 'translate-y-0'
+      }
+      const { wrapper } = await createClosedModal(
+        {
+          transition
+        },
+        {},
+        {},
+        { transition: transitionStub() }
+      )
+      const transitionComponent = wrapper
+        .findComponent({
+          ref: 'vfmTransition'
+        })
+        .attributes()
+      expect(transitionComponent).toEqual(expect.objectContaining(transition))
+    })
+    it('overlayTransition is string', async () => {
+      const overlayTransition = 'vfm-test-overlay-transition'
+      const { wrapper } = await createClosedModal(
+        {
+          overlayTransition
+        },
+        {},
+        {},
+        { transition: transitionStub() }
+      )
+      const transitionComponent = wrapper
+        .findComponent({
+          ref: 'vfmOverlayTransition'
+        })
+        .attributes()
+      expect(transitionComponent.name).toEqual(overlayTransition)
+    })
+    it('overlayTransition is an object', async () => {
+      const overlayTransition = {
+        'enter-active-class': 'transition duration-200 ease-in-out transform',
+        'enter-class': 'translate-y-full',
+        'enter-to-class': 'translate-y-0',
+        'leave-active-class': 'transition duration-200 ease-in-out transform',
+        'leave-to-class': 'translate-y-full',
+        'leave-class': 'translate-y-0'
+      }
+      const { wrapper } = await createClosedModal(
+        {
+          overlayTransition
+        },
+        {},
+        {},
+        { transition: transitionStub() }
+      )
+
+      const transitionComponent = wrapper
+        .findComponent({
+          ref: 'vfmOverlayTransition'
+        })
+        .attributes()
+      expect(transitionComponent).toEqual(expect.objectContaining(overlayTransition))
+    })
   })
 
   describe('API', () => {

dist/VueFinalModal.umd.js

@@ -7,6 +7,12 @@ export function afterTransition(callback, transitionDelay = 60) {
   }, transitionDelay)
 }
 
+export const transitionStub = () => ({
+  render: function() {
+    return this.$options._renderChildren
+  }
+})
+
 export function createOpenedModal(propsData = {}, listeners = {}, mountingOptions = {}) {
   const localVue = createLocalVue()
   localVue.use(VueFinalModal())
@@ -39,12 +45,12 @@ export function createOpenedModal(propsData = {}, listeners = {}, mountingOption
     })
   })
 }
-export function createClosedModal(propsData = {}, listeners = {}, mountingOptions = {}) {
+export function createClosedModal(propsData = {}, listeners = {}, mountingOptions = {}, stubs = false) {
   const localVue = createLocalVue()
   localVue.use(VueFinalModal())
   return new Promise(resolve => {
     const wrapper = mount(localVue.options.components.VueFinalModal, {
-      stubs: false,
+      stubs,
       localVue,
       propsData: {
         value: false,