Merge pull request #356 from chrismayer/global-app-lang-lookup

Introduce global app language lookup

app-starter/WguAppTemplate.vue

@@ -129,6 +129,7 @@ export default {
     }
   },
   created () {
+    this.setGlobalAppLang(); // initially set global app language lookup
     this.setDocumentTitle();
   },
   mounted () {
@@ -189,17 +190,24 @@ export default {
       return moduleWins;
     },
     /**
-       * Sets the document title from language file.
-       */
+     * Sets the document title from language file.
+     */
     setDocumentTitle () {
       document.title = this.$t('app.browserTitle') || document.title;
+    },
+    /**
+     * Sets the current i18n language to the global app language lookup.
+     */
+    setGlobalAppLang () {
+      Vue.prototype.$appLanguage = this.$i18n.locale;
     }
   },
   watch: {
     /**
-       * Watch for locale changes.
-       */
+     * Watch for locale changes.
+     */
     '$i18n.locale': function () {
+      this.setGlobalAppLang();
       this.setDocumentTitle();
     }
   }

tests/unit/specs/WguAppTemplate.spec.js

@@ -89,5 +89,26 @@ describe('WguAppTpl.vue', () => {
       expect(moduleData[0].type).to.equal('wgu-infoclick-win');
       expect(moduleData[0].target).to.equal('menu');
     });
+
+    it('has a method setGlobalAppLang', () => {
+      expect(vm.setGlobalAppLang).to.be.a('function');
+    });
+  });
+
+  describe('global app language lookup', () => {
+    let comp;
+    let vm;
+    beforeEach(() => {
+      comp = shallowMount(WguAppTpl);
+      vm = comp.vm;
+    });
+
+    it('is set correctly', () => {
+      expect(vm.$i18n.locale).to.equal(Vue.prototype.$appLanguage);
+    });
+
+    afterEach(() => {
+      comp.destroy();
+    });
   });
 });