Rename 'TopLogo' to 'AppLogo'

src/WguApp.vue

@@ -33,7 +33,7 @@
         </v-toolbar-items>
       </wgu-app-header>
 
-      <wgu-top-logo />
+      <wgu-app-logo />
 
       <wgu-map />
 
@@ -54,7 +54,7 @@ import OlMap from './components/ol/Map'
 import InfoWindow from './components/InfoWindow'
 import FeatureInfoWindow from './components/FeatureInfoWindow'
 import AppHeader from './components/AppHeader'
-import TopLogo from './components/TopLogo'
+import AppLogo from './components/AppLogo'
 import MenuButton from './components/MenuButton'
 import LayerListToggleButton from './components/layerlist/ToggleButton'
 import HelpWinToggleButton from './components/helpwin/ToggleButton'
@@ -69,7 +69,7 @@ export default {
     'wgu-info-window': InfoWindow,
     'wgu-feature-infowindow': FeatureInfoWindow,
     'wgu-app-header': AppHeader,
-    'wgu-top-logo': TopLogo,
+    'wgu-app-logo': AppLogo,
     'wgu-menubutton': MenuButton,
     'wgu-toggle-layerlist-button': LayerListToggleButton,
     'wgu-toggle-helpwin-button': HelpWinToggleButton,

src/assets/css/wegue.css

@@ -26,7 +26,7 @@ html {
   height: calc(100% - 56px);
 }
 
-.wgu-top-logo {
+.wgu-app-logo {
   left: 25px;
   top: 45px;
 }

src/components/TopLogo.vue → src/components/AppLogo.vue

@@ -3,7 +3,7 @@
   <v-avatar
      :size="logoSize"
      :tile="true"
-     class="wgu-top-logo"
+     class="wgu-app-logo"
     >
     <img :src="logoSrc" alt="App Logo">
   </v-avatar>
@@ -13,7 +13,7 @@
 <script>
 
 export default {
-  name: 'wgu-top-logo',
+  name: 'wgu-app-logo',
   data () {
     return {
       logoSrc: this.$appConfig.logo,
@@ -26,7 +26,7 @@ export default {
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style>
 
-  .wgu-top-logo {
+  .wgu-app-logo {
     position: absolute;
     z-index: 1000;
     border: 2px solid white;

test/unit/specs/AppLogo.spec.js

@@ -0,0 +1,15 @@
+import Vue from 'vue'
+import AppLogo from '@/components/AppLogo'
+
+describe('AppLogo.vue', () => {
+  it('should render an <img> tag', () => {
+    const Constructor = Vue.extend(AppLogo);
+    const AppLogoComponent = new Constructor({
+      logoSrc: 'foosrc'
+    }).$mount();
+
+    // assert that component has an img tag
+    const avatarImg = AppLogoComponent.$el.querySelector('img');
+    expect(avatarImg.src !== null).to.equal(true);
+  });
+});