test: settings page coverage

Signed-off-by: ivelin <[email protected]>
ambianic · Dec 14, 2021 · ab10e1d · ab10e1d
1 parent 91e3462
commit ab10e1d
Show file tree

Hide file tree

Showing 4 changed files with 93 additions and 5 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/store/pnp.js b/src/store/pnp.js
@@ -590,7 +590,7 @@ const actions = {
     console.info('######>>>>>>> p2p connection error', errMsg)
     console.info('Error while connecting to remote peer ID:', peerConnection.peer)
     commit(USER_MESSAGE, errMsg)
-    commit(PEER_CONNECTION_ERROR, errMsg)
+    commit(PEER_CONNECTION_ERROR)
   }
 }
 

diff --git a/src/views/Settings.vue b/src/views/Settings.vue
@@ -83,6 +83,7 @@
                 <v-list-item-content>
                   <v-switch
                     v-model="connectToEdgeSwitch"
+                    ref="connect-switch"
                     :label="`${ isEdgeConnected ? &quot;Connected&quot; : &quot;Disconnected&quot; }`"
                   />
                 </v-list-item-content>

diff --git a/tests/unit/views/settings.spec.js b/tests/unit/views/settings.spec.js
@@ -4,8 +4,14 @@ import Vuetify from 'vuetify'
 import VueX from 'vuex'
 import VueRouter from 'vue-router'
 import Settings from '@/views/Settings.vue'
-import { PEER_DISCOVER } from '@/store/action-types'
-import { PEER_CONNECTED, PEER_DISCONNECTED, NEW_REMOTE_PEER_ID }
+import {
+  PEER_DISCOVER,
+  HANDLE_PEER_CONNECTION_ERROR
+ } from '@/store/action-types'
+import {
+  PEER_CONNECTED,
+  PEER_DISCONNECTED,
+  NEW_REMOTE_PEER_ID}
 from '@/store/mutation-types'
 import AmbListItem from '@/components/shared/ListItem.vue'
 import { cloneDeep } from 'lodash'
@@ -195,4 +201,85 @@ describe('Settings View', () => {
     expect(idLabel.props('disabled')).toBe(true)
     expect(idLabel.props('type')).toBe('text')
   })
+
+  test('Connect to an accessible edge device', async () => {
+    expect(state.pnp.peerConnectionStatus).toBe(PEER_DISCONNECTED)
+    const remotePeerId = '0da0d142-9859-4371-96b7-decb180fcd37'
+    const newDeviceCard = new EdgeDeviceCard()
+    newDeviceCard.peerID = remotePeerId
+    wrapper = await mount(Settings, options)
+    await Vue.nextTick()
+    wrapper.vm.$store.commit(NEW_REMOTE_PEER_ID, remotePeerId)
+    await wrapper.vm.$store.dispatch('myDevices/add', newDeviceCard)
+    await wrapper.vm.$store.dispatch('myDevices/setCurrent', remotePeerId)
+    await Vue.nextTick()
+    await flushPromises()
+    console.debug('state.myDevices.allDeviceCards: ', state.myDevices.allDeviceCards)
+    console.debug('state.myDevices.currentDeviceCard: ', state.myDevices.currentDeviceCard)
+    console.debug('wrapper.vm.edgePeerId:', wrapper.vm.edgePeerId)
+    const connectSwitch = wrapper.findComponent({ ref: 'connect-switch' })
+    expect(connectSwitch.exists()).toBeTrue()
+    expect(wrapper.vm.connectToEdgeSwitch).toBeFalse()
+    expect(connectSwitch.props('label')).toEqual('Disconnected')
+    wrapper.vm.peerConnect = jest.fn().mockImplementation(
+      async function (peerID) {
+        wrapper.vm.$store.commit(PEER_CONNECTED)
+      }
+    )
+    // console.debug('connectSwitch before click HTML:[', connectSwitch.html(), ']')
+    // Switch on connect button
+    await connectSwitch.vm.$emit('change', true)
+    await Vue.nextTick()
+    await flushPromises()
+    await sleep(100)
+    // console.debug('connectSwitch after click HTML:[', connectSwitch.html(), ']')
+    expect(wrapper.vm.peerConnect).toHaveBeenCalledTimes(1)
+    expect(wrapper.vm.connectToEdgeSwitch).toBeTrue()
+    expect(connectSwitch.props('label')).toEqual('Connected')
+  })
+
+
+  test('Error connecting to an offline edge device', async () => {
+    expect(state.pnp.peerConnectionStatus).toBe(PEER_DISCONNECTED)
+    const remotePeerId = '0da0d142-9859-4371-96b7-decb180fcd37'
+    const newDeviceCard = new EdgeDeviceCard()
+    newDeviceCard.peerID = remotePeerId
+    wrapper = await mount(Settings, options)
+    await Vue.nextTick()
+    wrapper.vm.$store.commit(NEW_REMOTE_PEER_ID, remotePeerId)
+    await wrapper.vm.$store.dispatch('myDevices/add', newDeviceCard)
+    await wrapper.vm.$store.dispatch('myDevices/setCurrent', remotePeerId)
+    await Vue.nextTick()
+    await flushPromises()
+    console.debug('state.myDevices.allDeviceCards: ', state.myDevices.allDeviceCards)
+    console.debug('state.myDevices.currentDeviceCard: ', state.myDevices.currentDeviceCard)
+    console.debug('wrapper.vm.edgePeerId:', wrapper.vm.edgePeerId)
+    const connectSwitch = wrapper.findComponent({ ref: 'connect-switch' })
+    expect(connectSwitch.exists()).toBeTrue()
+    expect(wrapper.vm.connectToEdgeSwitch).toBeFalse()
+    expect(connectSwitch.props('label')).toEqual('Disconnected')
+    const errMsg = 'Device Offline?'
+    wrapper.vm.peerConnect = jest.fn().mockImplementation(
+      async function (peerID) {
+        // mock connection error
+        const peerConnection = jest.fn()
+        peerConnection.peer = jest.fn()
+        await wrapper.vm.$store.dispatch(HANDLE_PEER_CONNECTION_ERROR, { peerConnection, errMsg })
+      }
+    )
+    // console.debug('connectSwitch before click HTML:[', connectSwitch.html(), ']')
+    // Switch on connect button
+    await connectSwitch.vm.$emit('change', true)
+    await Vue.nextTick()
+    await flushPromises()
+    await sleep(100)
+    // console.debug('connectSwitch after click HTML:[', connectSwitch.html(), ']')
+    expect(wrapper.vm.peerConnect).toHaveBeenCalledTimes(1)
+    expect(wrapper.vm.connectToEdgeSwitch).toBeTrue()
+    expect(connectSwitch.props('label')).toEqual('Disconnected')
+    expect(wrapper.vm.edgeDeviceError).toEqual(errMsg)
+    const alert = wrapper.findComponent({ ref: 'edge-device-error'})
+    expect(alert.isVisible()).toBeTrue()
+    expect(alert.text()).toEqual(errMsg)
+  })
 })