geophystech#137 Charts tests.

Author: Arthur Ayvazov

src/components/charts/ChartByDatetime.vue

@@ -1,5 +1,6 @@
 <script>
 import { Line } from 'vue-chartjs'
+import apiSettings from '@/settings/api'
 
 export default Line.extend({
   props: ['filtersParams'],
@@ -65,7 +66,7 @@ export default Line.extend({
   },
   methods: {
     drawChart: function(params = {}) {
-      this.$http.get(this.$root.$options.settings.api.endpointAnalyticsEarthquakeCounts, { params: params })
+      this.$http.get(apiSettings.endpointAnalyticsEarthquakeCounts, { params: params })
         .then(response => {
           const dates = this.prepareDates(response.data.data.dates)
           this.chartData.datasets[0].label = 'Количество землетрясений'

src/components/charts/ChartByDensityCounts.vue

@@ -1,5 +1,6 @@
 <script>
 import { Line } from 'vue-chartjs'
+import apiSettings from '@/settings/api'
 
 export default Line.extend({
   props: ['filtersParams'],
@@ -71,7 +72,7 @@ export default Line.extend({
   },
   methods: {
     drawChart: function(params = {}) {
-      this.$http.get(this.$root.$options.settings.api.endpointAnalyticsDensityCounts, { params: params })
+      this.$http.get(apiSettings.endpointAnalyticsDensityCounts, { params: params })
         .then(response => {
           this.chartData.datasets[0].label = 'Плотностное распределение повторяемости (ML)'
           this.chartData.datasets[0].data = response.data.data.counts

src/components/charts/ChartByMagnitudeCumulative.vue

@@ -1,5 +1,6 @@
 <script>
 import { Line } from 'vue-chartjs'
+import apiSettings from '@/settings/api'
 
 export default Line.extend({
   props: ['filtersParams'],
@@ -76,7 +77,7 @@ export default Line.extend({
   },
   methods: {
     drawChart: function(params = {}) {
-      this.$http.get(this.$root.$options.settings.api.endpointAnalyticsCumulativeCounts, { params: params })
+      this.$http.get(apiSettings.endpointAnalyticsCumulativeCounts, { params: params })
         .then(response => {
           this.chartData.datasets[0].label = 'Кумулятивный график повторяемости (ML)'
           this.chartData.datasets[0].data = response.data.data.counts

src/components/charts/ChartByRMSAllocation.vue

@@ -1,5 +1,6 @@
 <script>
 import { Line } from 'vue-chartjs'
+import apiSettings from '@/settings/api'
 
 export default Line.extend({
   props: ['filtersParams'],
@@ -65,7 +66,7 @@ export default Line.extend({
   },
   methods: {
     drawChart: function(params = {}) {
-      this.$http.get(this.$root.$options.settings.api.endpointAnalyticsRMSAllocation, { params: params })
+      this.$http.get(apiSettings.endpointAnalyticsRMSAllocation, { params: params })
         .then(response => {
           this.chartData.datasets[0].label = 'Распределение RMS'
           this.chartData.datasets[0].data = response.data.data.counts

src/components/charts/ChartByStationCounts.vue

@@ -1,5 +1,6 @@
 <script>
 import { Line } from 'vue-chartjs'
+import apiSettings from '@/settings/api'
 
 export default Line.extend({
   props: ['filtersParams'],
@@ -65,7 +66,7 @@ export default Line.extend({
   },
   methods: {
     drawChart: function(params = {}) {
-      this.$http.get(this.$root.$options.settings.api.endpointAnalyticsStationCounts, { params: params })
+      this.$http.get(apiSettings.endpointAnalyticsStationCounts, { params: params })
         .then(response => {
           this.chartData.datasets[0].label = 'События по количеству станций'
           this.chartData.datasets[0].data = response.data.data.counts

test/unit/specs/MobileAppAlert.spec.js

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

test/unit/specs/charts/ChartByDatetime.spec.js

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

test/unit/specs/charts/ChartByDensityCounts.spec.js

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

test/unit/specs/charts/ChartByMagnitudeCumulative.spec.js

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

test/unit/specs/charts/ChartByRMSAllocation.spec.js

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

test/unit/specs/charts/ChartByStationCounts.spec.js

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