[TEST] - Test unit - Fix failing UI unit test 4.15 branch (#5219)
* fix error test unit on MigrateWizard
* fix error test unit on AutogenView, ActionButton
* fix error lint
* fix error pollJob originalPage.starWith undefined
* Update ui/src/utils/plugins.js
Co-authored-by: davidjumani <dj.davidjumani1994@gmail.com>
* Update ui/src/utils/plugins.js
Co-authored-by: davidjumani <dj.davidjumani1994@gmail.com>
* uses a substitution variable if the originalPage is null with queryAsyncJob have jobstatus = 1
* remove argument null
Co-authored-by: davidjumani <dj.davidjumani1994@gmail.com>
diff --git a/ui/src/components/view/ActionButton.vue b/ui/src/components/view/ActionButton.vue
index 7d5497b..bf9f63b 100644
--- a/ui/src/components/view/ActionButton.vue
+++ b/ui/src/components/view/ActionButton.vue
@@ -143,7 +143,6 @@
this.actionBadge = {}
const arrAsync = []
const actionBadge = this.actions.filter(action => action.showBadge === true)
- if ((actionBadge.dataView ? actionBadge.dataView : false) !== this.dataView) return
if (actionBadge && actionBadge.length > 0) {
const dataLength = actionBadge.length
diff --git a/ui/src/utils/plugins.js b/ui/src/utils/plugins.js
index 60dfff2..3c512d2 100644
--- a/ui/src/utils/plugins.js
+++ b/ui/src/utils/plugins.js
@@ -53,8 +53,7 @@
showLoading = true,
catchMessage = i18n.t('label.error.caught'),
catchMethod = () => {},
- action = null,
- originalPage = null
+ action = null
} = options
store.dispatch('AddHeaderNotice', {
@@ -64,7 +63,7 @@
status: 'progress'
})
- options.originalPage = options.originalPage ? options.originalPage : this.$router.currentRoute.path
+ options.originalPage = options.originalPage || this.$router.currentRoute.path
api('queryAsyncJobResult', { jobId }).then(json => {
const result = json.queryasyncjobresultresponse
if (result.jobstatus === 1) {
@@ -90,7 +89,7 @@
// Ensure we refresh on the same / parent page
const currentPage = this.$router.currentRoute.path
- const samePage = originalPage === currentPage || originalPage.startsWith(currentPage + '/')
+ const samePage = options.originalPage === currentPage || options.originalPage.startsWith(currentPage + '/')
if (samePage && (!action || !('isFetchData' in action) || (action.isFetchData))) {
eventBus.$emit('async-job-complete')
}
diff --git a/ui/src/views/AutogenView.vue b/ui/src/views/AutogenView.vue
index 73fff05..a1fb569 100644
--- a/ui/src/views/AutogenView.vue
+++ b/ui/src/views/AutogenView.vue
@@ -615,7 +615,6 @@
params.page = this.page
params.pagesize = this.pageSize
- this.searchParams = params
api(this.apiName, params).then(json => {
var responseName
var objectName
@@ -703,6 +702,7 @@
}
}).finally(f => {
this.loading = false
+ this.searchParams = params
})
},
closeAction () {
@@ -949,34 +949,38 @@
})
},
handleResponse (response, resourceName, action, showLoading = true) {
- for (const obj in response) {
- if (obj.includes('response')) {
- if (response[obj].jobid) {
- return new Promise(resolve => {
- const jobid = response[obj].jobid
- resolve(this.pollActionCompletion(jobid, action, resourceName, showLoading))
- })
- } else {
- var message = action.successMessage ? this.$t(action.successMessage) : this.$t(action.label) +
- (resourceName ? ' - ' + resourceName : '')
- var duration = 2
- if (action.additionalMessage) {
- message = message + ' - ' + this.$t(action.successMessage)
- duration = 5
+ return new Promise(resolve => {
+ let jobId = null
+ for (const obj in response) {
+ if (obj.includes('response')) {
+ if (response[obj].jobid) {
+ jobId = response[obj].jobid
+ } else {
+ var message = action.successMessage ? this.$t(action.successMessage) : this.$t(action.label) +
+ (resourceName ? ' - ' + resourceName : '')
+ var duration = 2
+ if (action.additionalMessage) {
+ message = message + ' - ' + this.$t(action.successMessage)
+ duration = 5
+ }
+ this.$message.success({
+ content: message,
+ key: action.label + resourceName,
+ duration: duration
+ })
}
- this.$message.success({
- content: message,
- key: action.label + resourceName,
- duration: duration
- })
+ break
}
- break
}
- }
- if (['addLdapConfiguration', 'deleteLdapConfiguration'].includes(action.api)) {
- this.$store.dispatch('UpdateConfiguration')
- }
- return false
+ if (['addLdapConfiguration', 'deleteLdapConfiguration'].includes(action.api)) {
+ this.$store.dispatch('UpdateConfiguration')
+ }
+ if (jobId) {
+ return resolve(this.pollActionCompletion(jobId, action, resourceName, showLoading))
+ }
+
+ return resolve(false)
+ })
},
execSubmit (e) {
e.preventDefault()
diff --git a/ui/tests/mockData/ActionButton.mock.json b/ui/tests/mockData/ActionButton.mock.json
index c0934d0..85ff8f1 100644
--- a/ui/tests/mockData/ActionButton.mock.json
+++ b/ui/tests/mockData/ActionButton.mock.json
@@ -1,7 +1,13 @@
{
"messages": {
- "en": { "label.action": "action-en" },
- "de": { "label.action": "action-de" }
+ "en": {
+ "label.action": "action-en",
+ "label.view.console": "Console-en"
+ },
+ "de": {
+ "label.action": "action-de",
+ "label.view.console": "Console-de"
+ }
},
"apis": {
"test-api-case-1": {},
diff --git a/ui/tests/unit/views/AutogenView.spec.js b/ui/tests/unit/views/AutogenView.spec.js
index 8823894..a866aae 100644
--- a/ui/tests/unit/views/AutogenView.spec.js
+++ b/ui/tests/unit/views/AutogenView.spec.js
@@ -36,9 +36,6 @@
store = common.createMockStore(state)
i18n = common.createMockI18n('en', mockData.messages)
-const actions = {
- AddAsyncJob: jest.fn((jobId) => {})
-}
const spyConsole = {
log: null,
warn: null
@@ -2814,8 +2811,8 @@
}, 1000)
})
- it('check pollActionCompletion() and action AddAsyncJob is called when api is called and response have jobId result', async (done) => {
- store = common.createMockStore(state, actions)
+ it('check pollActionCompletion() is called when api is called and response have jobId result', async (done) => {
+ store = common.createMockStore(state)
wrapper = factory({
store: store,
data: {
@@ -2851,14 +2848,13 @@
wrapper.vm.execSubmit(event)
setTimeout(() => {
- expect(actions.AddAsyncJob).toHaveBeenCalled()
expect(spyPollAction).toHaveBeenCalled()
done()
})
})
- it('check $notification when api is called and response have not jobId result', async (done) => {
+ it('check $message, fetchData() is called when api response have not jobId result', async (done) => {
wrapper = factory({
data: {
showAction: true,
@@ -2888,6 +2884,7 @@
}
}
+ const spyFetchData = jest.spyOn(wrapper.vm, 'fetchData')
mockAxios.mockResolvedValue(mockData)
spyConsole.log = jest.spyOn(console, 'log').mockImplementation(() => {})
@@ -2903,6 +2900,7 @@
key: 'labelnametest-name-value',
duration: 2
})
+ expect(spyFetchData).toHaveBeenCalled()
done()
})
diff --git a/ui/tests/unit/views/compute/MigrateWizard.spec.js b/ui/tests/unit/views/compute/MigrateWizard.spec.js
index 14c8a89..210bf1c 100644
--- a/ui/tests/unit/views/compute/MigrateWizard.spec.js
+++ b/ui/tests/unit/views/compute/MigrateWizard.spec.js
@@ -25,9 +25,6 @@
let wrapper, i18n, store, mocks
const state = {}
-const actions = {
- AddAsyncJob: jest.fn((jobObject) => {})
-}
mocks = {
$message: {
error: jest.fn((message) => {})
@@ -56,7 +53,7 @@
})
}
i18n = common.createMockI18n('en', mockData.messages)
-store = common.createMockStore(state, actions)
+store = common.createMockStore(state)
const factory = (opts = {}) => {
i18n = opts.i18n || i18n
@@ -434,7 +431,7 @@
})
})
- it('check store dispatch `AddAsyncJob` and $pollJob have successMethod() is called with requiresStorageMotion is true', async (done) => {
+ it('check $pollJob have successMethod() is called with requiresStorageMotion is true', async (done) => {
const mockData = {
migratevirtualmachinewithvolumeresponse: {
jobid: 'test-job-id-case-1'
@@ -469,7 +466,6 @@
await wrapper.vm.submitForm()
setTimeout(() => {
- expect(actions.AddAsyncJob).toHaveBeenCalled()
expect(mocks.$pollJob).toHaveBeenCalled()
expect(wrapper.emitted()['close-action'][0]).toEqual([])
@@ -477,7 +473,7 @@
})
})
- it('check store dispatch `AddAsyncJob` and $pollJob have successMethod() is called with requiresStorageMotion is false', async (done) => {
+ it('check $pollJob have successMethod() is called with requiresStorageMotion is false', async (done) => {
const mockData = {
migratevirtualmachineresponse: {
jobid: 'test-job-id-case-2'
@@ -512,7 +508,6 @@
await wrapper.vm.submitForm()
setTimeout(() => {
- expect(actions.AddAsyncJob).toHaveBeenCalled()
expect(mocks.$pollJob).toHaveBeenCalled()
expect(wrapper.emitted()['close-action'][0]).toEqual([])
@@ -520,7 +515,7 @@
})
})
- it('check store dispatch `AddAsyncJob` and $pollJob have errorMethod() is called', async (done) => {
+ it('check $pollJob have errorMethod() is called', async (done) => {
const mockData = {
migratevirtualmachinewithvolumeresponse: {
jobid: 'test-job-id-case-3'
@@ -555,7 +550,6 @@
await wrapper.vm.submitForm()
setTimeout(() => {
- expect(actions.AddAsyncJob).toHaveBeenCalled()
expect(mocks.$pollJob).toHaveBeenCalled()
expect(wrapper.emitted()['close-action'][0]).toEqual([])
@@ -563,7 +557,7 @@
})
})
- it('check store dispatch `AddAsyncJob` and $pollJob have catchMethod() is called', async (done) => {
+ it('check $pollJob have catchMethod() is called', async (done) => {
const mockData = {
migratevirtualmachinewithvolumeresponse: {
jobid: 'test-job-id-case-4'
@@ -592,7 +586,6 @@
await wrapper.vm.submitForm()
setTimeout(() => {
- expect(actions.AddAsyncJob).toHaveBeenCalled()
expect(mocks.$pollJob).toHaveBeenCalled()
expect(wrapper.emitted()['close-action'][0]).toEqual([])