Add tests for AppBreadcrumb component

Fixes #8

src/components/AppBreadcrumb.vue

@@ -40,11 +40,19 @@ export default {
   },
 
   computed: {
-    selectedApplication: function () {
+    selectedOrganisation: function () {
       if (!this.application) {
         return 'All'
       }
 
+      return 'Rebuilding Acquia'
+    },
+
+    selectedApplication: function () {
+      if (!this.application) {
+        return null
+      }
+
       return this.application.name
     },
 
@@ -58,14 +66,6 @@ export default {
       }
 
       return this.environment.name
-    },
-
-    selectedOrganisation: function () {
-      if (!this.application) {
-        return null
-      }
-
-      return 'Rebuilding Acquia'
     }
   }
 }

tests/unit/.eslintrc.js

@@ -2,4 +2,4 @@ module.exports = {
   env: {
     jest: true
   }
-}
+}

tests/unit/api_client.spec.js

@@ -153,7 +153,7 @@ test('it can get the type of an application', () => {
     },
     symfony: {
       type: 'symfony'
-    },
+    }
   }
 
   _.forEach(applications, (application, expected) => {

tests/unit/app_breadcrumb.spec.js

@@ -0,0 +1,47 @@
+import AppBreadcrumb from '@/components/AppBreadcrumb.vue'
+import { RouterLinkStub, shallowMount } from '@vue/test-utils'
+
+const stubs =  {
+  RouterLink: RouterLinkStub
+}
+
+test('it returns default values', () => {
+  const wrapper = shallowMount(AppBreadcrumb, { stubs })
+
+  expect(wrapper.vm.selectedOrganisation).toBe('All')
+  expect(wrapper.vm.selectedApplication).toBe(null)
+  expect(wrapper.vm.selectedEnvironment).toBe(null)
+})
+
+test('it returns the organisation and application names', () => {
+  const wrapper = shallowMount(AppBreadcrumb, {
+    propsData: {
+      application: {
+        name: 'Oliver Davies'
+      }
+    },
+    stubs
+  })
+
+  expect(wrapper.vm.selectedOrganisation).toBe('Rebuilding Acquia')
+  expect(wrapper.vm.selectedApplication).toBe('Oliver Davies')
+  expect(wrapper.vm.selectedEnvironment).toBe('All')
+})
+
+test('it returns the environment name', () => {
+  const wrapper = shallowMount(AppBreadcrumb, {
+    propsData: {
+      application: {
+        name: 'Oliver Davies'
+      },
+      environment: {
+        name: 'Dev'
+      }
+    },
+    stubs
+  })
+
+  expect(wrapper.vm.selectedOrganisation).toBe('Rebuilding Acquia')
+  expect(wrapper.vm.selectedApplication).toBe('Oliver Davies')
+  expect(wrapper.vm.selectedEnvironment).toBe('Dev')
+})