Merge pull request #460 from j4ckofalltrades/issue-124/add-tests-for-…

…error-page

Add tests for the ErrorPage view

client/src/views/ErrorPage.vue

@@ -2,7 +2,7 @@
 .center-container.fadeIn(v-wow data-wow-duration="1s")
   h1 oops!
   .quote-container.sentence
-    | An error occured.
+    | An error occurred.
     br
     | Please go to the 
     a.is-text-primary.is-underlined(:href="webstoreLink") {{ webstoreText }}

client/test/src/views/ErrorPage.test.js

@@ -0,0 +1,28 @@
+import { shallowMount, createLocalVue } from '@vue/test-utils';
+import ErrorPage from '../../../src/views/ErrorPage';
+
+const localVue = createLocalVue();
+localVue.directive('wow', { bind() { }, unbind() { } })
+
+describe('ErrorPage', () => {
+  const wrapper = shallowMount(ErrorPage, { localVue });
+
+  it('is a Vue instance', () => {
+    expect(wrapper.vm).toBeTruthy();
+  });
+
+  it('displays an error message', () => {
+    const errorMessageSelector = '.quote-container'
+    const errorMessage = wrapper.find(errorMessageSelector).text()
+
+    expect(errorMessage).toContain('An error occurred.');
+    expect(errorMessage).toContain('Please go to the support tab of the extension if this continues!');
+  });
+
+  it('links to the Letra extension in the web store', () => {
+    const webStoreLinkSelector = 'a.is-text-primary.is-underlined'
+
+    expect(wrapper.find(webStoreLinkSelector).attributes().href)
+      .toBe('https://chrome.google.com/webstore/detail/letra/cjodkkjokggcaeacdhjliobekbnnmoio')
+  });
+});