geophystech#137 Users component tests.

Author: Arthur Ayvazov

src/App.vue

@@ -57,7 +57,7 @@
           .catch(error => { console.log(error) })
       },
       fetchSystemInfo: function() {
-        this.$http.get(this.$root.$options.settings.api.endpointSystemInfo)
+        this.$http.get(appSettings.endpointSystemInfo)
           .then(response => {
             (data => {
               this.$store.dispatch('setMsk64ConfigVersion', data.msk64Config.data.config_version)

src/components/CountersHeader.vue

@@ -36,6 +36,8 @@
 <script>
   import ModalMap from '@/components/maps/ModalMap'
   import ExportDropDown from '@/components/ExportDropDown'
+  import apiSettings from '@/settings/api'
+
   export default {
     props: {
       trainingEventsBtnDisabled: false,
@@ -56,7 +58,7 @@
     methods: {
       export2xls: function(request) {
         let params = Object.assign({}, this.filtersData)
-        request(this.$root.$options.settings.api.endpointEvents, Object.assign(params, {
+        request(apiSettings.endpointEvents, Object.assign(params, {
           limit: 5000
         }))
       },

src/components/event/Header.vue

@@ -63,6 +63,7 @@
   import Spinner from '@/components/Spinner'
   import ExportDropDown from '@/components/ExportDropDown'
   import { agency, agencyDescription } from '@/helpers/event'
+  import apiSettings from '@/settings/api'
 
   export default {
     components: { Spinner, ExportDropDown },
@@ -105,7 +106,7 @@
         }
       },
       export2xls: function(request) {
-        request(this.$root.$options.settings.api.endpointEvent(this.event.id))
+        request(apiSettings.endpointEvent(this.event.id))
       }
     },
     computed: {

src/components/maps/GeneralInformation.vue

@@ -5,6 +5,7 @@
 <script>
   import { addEpicenter, createMap, id, removeEpicenter, setView } from '@/map_functions'
   import { numberDeclension } from '@/helpers/number'
+  import apiSettings from '@/settings/api'
 
   export default {
     props: ['event', 'tab'],
@@ -93,7 +94,7 @@
           return this.putEpicenter()
         }
 
-        this.$http.get(this.$root.$options.settings.api.endpointEventPga(this.event.id))
+        this.$http.get(apiSettings.endpointEventPga(this.event.id))
           .then(response => {
             this.addData(response.data.data)
           })

src/components/users/ConfirmPassword.vue

@@ -51,6 +51,8 @@
 </template>
 
 <script>
+  import apiSettings from '@/settings/api'
+
   export default {
     data() {
       return {
@@ -66,7 +68,11 @@
         email: null,
         form: {
           fields: {
-            password: { value: '', disabled: false, state: null }
+            password: {
+              value: '',
+              disabled: false,
+              state: null
+            }
           },
           messages: {
             password: 'Некорректный пароль'
@@ -107,7 +113,7 @@
 
         this.disableFields()
 
-        this.$http.post(this.$root.$options.settings.api.endpointUserResetPasswordComplete, payload)
+        this.$http.post(apiSettings.endpointUserResetPasswordComplete, payload)
           .then(response => {
             this.passwordChanged = true
           })

src/components/users/Confirmation.vue

@@ -20,6 +20,8 @@
 </template>
 
 <script>
+  import apiSettings from '@/settings/api'
+
   export default {
     data() {
       return {
@@ -44,7 +46,7 @@
     },
     methods: {
       confirmEmail: function(token) {
-        this.$http.post(this.$root.$options.settings.api.endpointEmailConfirmation(token))
+        this.$http.post(apiSettings.endpointEmailConfirmation(token))
           .then(response => {
             this.status = 'success'
             this.message = response.data.data

src/components/users/Registration.vue

@@ -9,7 +9,7 @@
     <b-row v-if="registrationComplete">
       <b-col class="complete" cols="8" offset="2" align="center">
         <h5>Регистрация завершена</h5>
-        <p>На указанный электронный адрес отправлено письмо. </p>
+        <p>На указанный электронный адрес отправлено письмо.</p>
         <p>Вам осталось только открыть это письмо и нажать на кнопку "Подтвердить регистрацию".</p>
       </b-col>
     </b-row>
@@ -123,6 +123,8 @@
 </template>
 
 <script>
+  import apiSettings from '@/settings/api'
+
   export default {
     data() {
       return {
@@ -184,7 +186,7 @@
         this.changeFieldsDisabledState(true)
       },
       getPurposesList: function() {
-        this.$http.get(this.$root.$options.settings.api.endpointPurposesList)
+        this.$http.get(apiSettings.endpointPurposesList)
           .then(response => {
             Object.keys(response.data.data).forEach(key => {
               this.form.purposes.values.push({ value: key, text: response.data.data[key] })
@@ -211,7 +213,7 @@
 
         this.disableFields()
 
-        this.$http.post(this.$root.$options.settings.api.endpointUserRegistration, payload)
+        this.$http.post(apiSettings.endpointUserRegistration, payload)
           .then(response => {
             this.registrationComplete = true
           })

src/components/users/ResetPassword.vue

@@ -47,6 +47,8 @@
 </template>
 
 <script>
+  import apiSettings from '@/settings/api'
+
   export default {
     data() {
       return {
@@ -101,7 +103,7 @@
 
         this.disableFields()
 
-        this.$http.post(this.$root.$options.settings.api.endpointUserResetPassword, payload)
+        this.$http.post(apiSettings.endpointUserResetPassword, payload)
           .then(response => {
             this.resetComplete = true
           })

test/unit/specs/users/Authentication.spec.js

@@ -0,0 +1,22 @@
+import { shallowMount } from '@vue/test-utils'
+import Authentication from '@/components/users/Authentication'
+import {$routerMocks} from '../../utils'
+import $moment from 'moment'
+import $http from 'axios'
+
+describe('users/Authentication.vue', () => {
+
+  const wrapper = shallowMount(Authentication, {
+    mocks: Object.assign({ $http, $moment }, $routerMocks),
+    propsData: {
+      form: {
+
+      }
+    }
+  })
+
+  it('Check component Authentication', () => {
+    expect(wrapper.is(Authentication)).to.eql(true)
+  })
+
+})

test/unit/specs/users/ConfirmPassword.spec.js

@@ -0,0 +1,22 @@
+import { shallowMount } from '@vue/test-utils'
+import ConfirmPassword from '@/components/users/ConfirmPassword'
+import {$routerMocks} from '../../utils'
+import $moment from 'moment'
+import $http from 'axios'
+
+describe('users/ConfirmPassword.vue', () => {
+
+  const wrapper = shallowMount(ConfirmPassword, {
+    mocks: Object.assign({ $http, $moment }, $routerMocks),
+    propsData: {
+      form: {
+
+      }
+    }
+  })
+
+  it('Check component ConfirmPassword', () => {
+    expect(wrapper.is(ConfirmPassword)).to.eql(true)
+  })
+
+})

test/unit/specs/users/Confirmation.spec.js

@@ -0,0 +1,18 @@
+import { shallowMount } from '@vue/test-utils'
+import Confirmation from '@/components/users/Confirmation'
+import {$routerMocks} from '../../utils'
+import $moment from 'moment'
+import $http from 'axios'
+
+describe('users/Confirmation.vue', () => {
+
+  const wrapper = shallowMount(Confirmation, {
+    mocks: Object.assign({ $http, $moment }, $routerMocks),
+    propsData: {}
+  })
+
+  it('Check component Confirmation', () => {
+    expect(wrapper.is(Confirmation)).to.eql(true)
+  })
+
+})

test/unit/specs/users/Registration.spec.js

@@ -0,0 +1,22 @@
+import { shallowMount } from '@vue/test-utils'
+import Registration from '@/components/users/Registration'
+import {$routerMocks} from '../../utils'
+import $moment from 'moment'
+import $http from 'axios'
+
+describe('users/Registration.vue', () => {
+
+  const wrapper = shallowMount(Registration, {
+    mocks: Object.assign({ $http, $moment }, $routerMocks),
+    propsData: {
+      form: {
+
+      }
+    }
+  })
+
+  it('Check component Registration', () => {
+    expect(wrapper.is(Registration)).to.eql(true)
+  })
+
+})

test/unit/specs/users/ResetPassword.spec.js

@@ -0,0 +1,22 @@
+import { shallowMount } from '@vue/test-utils'
+import ResetPassword from '@/components/users/ResetPassword'
+import {$routerMocks} from '../../utils'
+import $moment from 'moment'
+import $http from 'axios'
+
+describe('users/ResetPassword.vue', () => {
+
+  const wrapper = shallowMount(ResetPassword, {
+    mocks: Object.assign({ $http, $moment }, $routerMocks),
+    propsData: {
+      form: {
+
+      }
+    }
+  })
+
+  it('Check component ResetPassword', () => {
+    expect(wrapper.is(ResetPassword)).to.eql(true)
+  })
+
+})