improvement(useGeolocation): Add tests for useGeolocation function

Author: microcipcip

src/components/useFullscreen/useFullscreen.spec.ts

@@ -21,7 +21,7 @@ const testComponent = () => ({
 })
 
 describe('useFullscreen', () => {
-  it('should not be fullscreen when initialized', () => {
+  it('should not be fullscreen onMounted', () => {
     const wrapper = mount(testComponent())
     expect(wrapper.find('#isFullscreen').exists()).toBe(false)
   })

src/components/useGeolocation/useGeolocation.spec.ts

@@ -1,8 +1,83 @@
-// import { mount } from '@src/helpers/test'
-// import { useGeolocation } from '@src/vue-use-kit'
+import { mount } from '@src/helpers/test'
+import { useGeolocation } from '@src/vue-use-kit'
+
+let watchPosition: any
+let clearWatch: any
+let getCurrentPosition: any
+
+beforeEach(() => {
+  watchPosition = jest.fn()
+  clearWatch = jest.fn()
+  getCurrentPosition = jest.fn().mockImplementationOnce(success =>
+    Promise.resolve(
+      success({
+        coords: {
+          latitude: 51.1,
+          longitude: 45.3
+        }
+      })
+    )
+  )
+  const inst = ((navigator as any).geolocation = {
+    watchPosition,
+    clearWatch,
+    getCurrentPosition
+  })
+})
+
+afterEach(() => {
+  jest.clearAllMocks()
+})
+
+const testComponent = () => ({
+  template: `
+    <div>
+      <div id="isTracking" v-if="isTracking"></div>
+      <button id="start" @click="start"></button>
+      <button id="stop" @click="stop"></button>
+    </div>
+  `,
+  setup() {
+    const { isTracking, geo, start, stop } = useGeolocation()
+    return { isTracking, geo, start, stop }
+  }
+})
 
 describe('useGeolocation', () => {
-  it('should do something', () => {
-    // Add test here
+  it('should call getCurrentPosition and watchPosition onMounted', () => {
+    expect(getCurrentPosition).toHaveBeenCalledTimes(0)
+    expect(watchPosition).toHaveBeenCalledTimes(0)
+    mount(testComponent())
+    expect(getCurrentPosition).toHaveBeenCalledTimes(1)
+    expect(watchPosition).toHaveBeenCalledTimes(1)
+  })
+
+  it('should call clearWatch onUnmounted', () => {
+    expect(clearWatch).toHaveBeenCalledTimes(0)
+    const wrapper = mount(testComponent())
+    wrapper.vm.$destroy()
+    expect(clearWatch).toHaveBeenCalledTimes(1)
+  })
+
+  it('should call getCurrentPosition again when start is called', async () => {
+    expect(getCurrentPosition).toHaveBeenCalledTimes(0)
+    const wrapper = mount(testComponent())
+    expect(getCurrentPosition).toHaveBeenCalledTimes(1)
+    wrapper.find('#stop').trigger('click')
+
+    // Wait for Vue to append #start in the DOM
+    await wrapper.vm.$nextTick()
+    wrapper.find('#start').trigger('click')
+    expect(getCurrentPosition).toHaveBeenCalledTimes(2)
+  })
+
+  it('should call clearWatch when stop is called', async () => {
+    expect(clearWatch).toHaveBeenCalledTimes(0)
+    const wrapper = mount(testComponent())
+    wrapper.find('#stop').trigger('click')
+
+    // Wait for Vue to append #start in the DOM
+    await wrapper.vm.$nextTick()
+    expect(clearWatch).toHaveBeenCalledTimes(1)
   })
 })

src/components/useIntersection/useIntersection.spec.ts

@@ -31,7 +31,7 @@ const testComponent = (onMount = true) => ({
 })
 
 describe('useIntersection', () => {
-  it('should call IntersectionObserver when initialized', () => {
+  it('should call IntersectionObserver onMounted', () => {
     expect(observe).toHaveBeenCalledTimes(0)
     mount(testComponent())
     expect(observe).toHaveBeenCalledTimes(1)

src/components/useIntervalFn/useIntervalFn.spec.ts

@@ -33,7 +33,7 @@ const testComponent = (onMount = true) => ({
 })
 
 describe('useIntervalFn', () => {
-  it('should call setInterval when initialized', () => {
+  it('should call setInterval onMounted', () => {
     expect(setInterval).toHaveBeenCalledTimes(0)
     mount(testComponent())
     jest.advanceTimersByTime(1500)

src/components/useTimeoutFn/useTimeoutFn.spec.ts

@@ -35,7 +35,7 @@ const testComponent = (onMount = true) => ({
 })
 
 describe('useTimeoutFn', () => {
-  it('should call setTimeout when initialized', () => {
+  it('should call setTimeout onMounted', () => {
     expect(setTimeout).toHaveBeenCalledTimes(0)
     mount(testComponent())
     expect(setTimeout).toHaveBeenCalledTimes(1)