mirror of
https://github.com/apache/cloudstack.git
synced 2025-10-26 08:42:29 +01:00
d258da5524
* add new vue 3 library & and 2.x (beta) * edit config files, settings, utils, store,... corresponding to Vue 3 * edit layout and config to suit the new library * fix header & side menu * components, autogenview * fix dashboard & compute * compute: fix form errors * storage: fix form & template by vue3 * networks: fix form & template by vue3 * image: fix form & template by vue3 * project: fix by vue3 library * user: fix by vue3 * iam: fix by vue3 * fix zoneWizard & tooltip click event * fix infra > physicalnetwork & visible modal * fix infra by vue3 & antdv 2x * fix offerings by vue3 * fix plugin by vue3 * fix form & action form * update the ant-design latest version * fix icon, style dark mode, menu * fix unittest * fix babel plugins not found * add name,ref missing & callback i18n not found * fix slot & info icon * fix unit test * fix tooltip label of form item * fix lint errors * using global app, globalProperties * add focus directive & edit the position of ctrl+Enter * upgrage Vue 3 version * fix main UT * fix build failed * using `optionFilterProp="label"' & fix build fail * fix UT with new code * fix icons of undefined * fix error run app * fix selectbox options * add vue version for clear storage * fix template * fix template of iprange form * fix warning test UT * fix conflit * fix build failed * fix error run app the first time after upgrade * fix auto-complete & watch object/array * fix error run application * fix error build * fix form, icon, template & locales * fix conflit & form * remove slot errors * fix error build & test UT * fix error template * Add licenses for missing files * add scroll to first errors * add scroll to first errors * fix select filter, tag event * add shallowRef async component are missing * fix css, upgrade vue-cropper version * fix css * fix vue 3 coding for new components * Remove unused components * fixes `this` not found in @/roles * fix redirect after login again when session expired error * fix openKeys menu & watch router * fixes * fix build failed * fixes * fixes ut * fixes * fixes eslint * fixes * fixes * fixes css * fix menu sidebar css * fix some css icon, images * fix build fail * fixes * fixes * fixes * fixes * fix publicip resource * fixes ut * fixes * fixes * fixes layout mode * fixes dropdown filter columns * fixes dashboard & hidden setting for normal user * fixes * fixes layout * fixes avatar * fixes * Add missing else * Fix query in routable paths Co-authored-by: davidjumani <dj.davidjumani1994@gmail.com>
299 lines
11 KiB
JavaScript
299 lines
11 KiB
JavaScript
// Licensed to the Apache Software Foundation (ASF) under one
|
|
// or more contributor license agreements. See the NOTICE file
|
|
// distributed with this work for additional information
|
|
// regarding copyright ownership. The ASF licenses this file
|
|
// to you under the Apache License, Version 2.0 (the
|
|
// "License"); you may not use this file except in compliance
|
|
// with the License. You may obtain a copy of the License at
|
|
//
|
|
// http://www.apache.org/licenses/LICENSE-2.0
|
|
//
|
|
// Unless required by applicable law or agreed to in writing,
|
|
// software distributed under the License is distributed on an
|
|
// "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
|
// KIND, either express or implied. See the License for the
|
|
// specific language governing permissions and limitations
|
|
// under the License.
|
|
|
|
import { flushPromises } from '@vue/test-utils'
|
|
|
|
import common from '../../../common'
|
|
import mockData from '../../../mockData/Status.mock.json'
|
|
import Status from '@/components/widgets/Status'
|
|
|
|
let router, i18n
|
|
|
|
router = common.createMockRouter(mockData.routes)
|
|
i18n = common.createMockI18n('en', mockData.messages)
|
|
|
|
const factory = (opts = {}) => {
|
|
router = opts.router || router
|
|
i18n = opts.i18n || i18n
|
|
|
|
return common.createFactory(Status, {
|
|
router,
|
|
i18n,
|
|
props: opts.props || {},
|
|
data: opts.data || {}
|
|
})
|
|
}
|
|
|
|
describe('Components > Widgets > Status.vue', () => {
|
|
describe('Methods', () => {
|
|
describe('getText()', () => {
|
|
it('getText() is called and return value is empty', async () => {
|
|
const wrapper = factory({ props: { text: 'Running', displayText: false } })
|
|
await flushPromises()
|
|
const received = wrapper.html()
|
|
const expected = '<span class="ant-badge-status-text"></span>'
|
|
|
|
expect(received).toContain(expected)
|
|
})
|
|
|
|
it('getText() is called and return value equal `Running`', async () => {
|
|
const wrapper = factory({
|
|
props: { text: 'Running', displayText: true }
|
|
})
|
|
await flushPromises()
|
|
const received = wrapper.html()
|
|
const expected = '<span class="ant-badge-status-text">Running</span>'
|
|
|
|
expect(received).toContain(expected)
|
|
})
|
|
|
|
it('getText() is called and return value equal `Stopped`', async () => {
|
|
const wrapper = factory({
|
|
props: { text: 'Stopped', displayText: true }
|
|
})
|
|
await flushPromises()
|
|
const received = wrapper.html()
|
|
const expected = '<span class="ant-badge-status-text">Stopped</span>'
|
|
|
|
expect(received).toContain(expected)
|
|
})
|
|
|
|
it('getText() is called and return value equal `Starting`', async () => {
|
|
const wrapper = factory({
|
|
props: { text: 'Starting', displayText: true }
|
|
})
|
|
await flushPromises()
|
|
const received = wrapper.html()
|
|
const expected = '<span class="ant-badge-status-text">Starting</span>'
|
|
|
|
expect(received).toContain(expected)
|
|
})
|
|
|
|
it('getText() is called and return value equal `Stopping`', async () => {
|
|
const wrapper = factory({
|
|
props: { text: 'Stopping', displayText: true }
|
|
})
|
|
await flushPromises()
|
|
const received = wrapper.html()
|
|
const expected = '<span class="ant-badge-status-text">Stopping</span>'
|
|
|
|
expect(received).toContain(expected)
|
|
})
|
|
|
|
it('getText() is called and return value equal `Suspended`', async () => {
|
|
const wrapper = factory({
|
|
props: { text: 'Suspended', displayText: true }
|
|
})
|
|
await flushPromises()
|
|
const received = wrapper.html()
|
|
const expected = '<span class="ant-badge-status-text">Suspended</span>'
|
|
|
|
expect(received).toContain(expected)
|
|
})
|
|
|
|
it('getText() is called and return value equal `Pending`', async () => {
|
|
const wrapper = factory({
|
|
props: { text: 'Pending', displayText: true }
|
|
})
|
|
await flushPromises()
|
|
const received = wrapper.html()
|
|
const expected = '<span class="ant-badge-status-text">Pending</span>'
|
|
|
|
expect(received).toContain(expected)
|
|
})
|
|
|
|
it('getText() is called and return value equal `Expunging`', async () => {
|
|
const wrapper = factory({
|
|
props: { text: 'Expunging', displayText: true }
|
|
})
|
|
await flushPromises()
|
|
const received = wrapper.html()
|
|
const expected = '<span class="ant-badge-status-text">Expunging</span>'
|
|
|
|
expect(received).toContain(expected)
|
|
})
|
|
|
|
it('getText() is called and return value equal `Error`', async () => {
|
|
const wrapper = factory({
|
|
props: { text: 'Error', displayText: true }
|
|
})
|
|
await flushPromises()
|
|
const received = wrapper.html()
|
|
const expected = '<span class="ant-badge-status-text">Error</span>'
|
|
|
|
expect(received).toContain(expected)
|
|
})
|
|
})
|
|
|
|
describe('getBadgeStatus()', () => {
|
|
it('getBadgeStatus() is called and return is default status', () => {
|
|
const wrapper = factory({
|
|
props: {
|
|
text: 'Another',
|
|
displayText: true
|
|
}
|
|
})
|
|
const received = wrapper.html()
|
|
const expected = '<span class="ant-badge-status-dot ant-badge-status-default"></span>'
|
|
|
|
expect(received).toContain(expected)
|
|
})
|
|
|
|
it('getBadgeStatus() is called and return is success status', () => {
|
|
const wrapper = factory({
|
|
props: {
|
|
text: 'Active',
|
|
displayText: true
|
|
}
|
|
})
|
|
const received = wrapper.html()
|
|
const expected = '<span class="ant-badge-status-dot ant-badge-status-success"></span>'
|
|
|
|
expect(received).toContain(expected)
|
|
})
|
|
|
|
it('getBadgeStatus() is called and return is error status', () => {
|
|
const wrapper = factory({
|
|
props: {
|
|
text: 'Disabled',
|
|
displayText: true
|
|
}
|
|
})
|
|
const received = wrapper.html()
|
|
const expected = '<span class="ant-badge-status-dot ant-badge-status-error"></span>'
|
|
|
|
expect(received).toContain(expected)
|
|
})
|
|
|
|
it('getBadgeStatus() is called and return is processing status', () => {
|
|
const wrapper = factory({
|
|
props: {
|
|
text: 'Migrating',
|
|
displayText: true
|
|
}
|
|
})
|
|
const received = wrapper.html()
|
|
const expected = '<span class="ant-badge-status-dot ant-badge-status-processing"></span>'
|
|
|
|
expect(received).toContain(expected)
|
|
})
|
|
|
|
it('getBadgeStatus() is called and return is error status with state equal `Alert`', () => {
|
|
const wrapper = factory({
|
|
props: {
|
|
text: 'Alert',
|
|
displayText: true
|
|
}
|
|
})
|
|
const received = wrapper.html()
|
|
const expected = '<span style="display: inline-flex;" class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-error"></span><span class="ant-badge-status-text">Alert</span></span>'
|
|
|
|
expect(received).toContain(expected)
|
|
})
|
|
|
|
it('getBadgeStatus() is called and return is success status with state equal `Allocated`', async () => {
|
|
const wrapper = factory({
|
|
props: {
|
|
text: 'Allocated',
|
|
displayText: true
|
|
}
|
|
})
|
|
router.push({ name: 'testRouter1' })
|
|
await router.isReady()
|
|
await flushPromises()
|
|
const received = wrapper.html()
|
|
const expected = '<span style="display: inline-flex;" class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-success"></span><span class="ant-badge-status-text">Allocated</span></span>'
|
|
|
|
expect(received).toContain(expected)
|
|
})
|
|
|
|
it('getBadgeStatus() is called and return is warning status with state equal `Allocated`', async () => {
|
|
const wrapper = factory({
|
|
props: {
|
|
text: 'Allocated',
|
|
displayText: true
|
|
}
|
|
})
|
|
router.push('/')
|
|
await router.isReady()
|
|
await flushPromises()
|
|
const received = wrapper.html()
|
|
const expected = '<span style="display: inline-flex;" class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-warning"></span><span class="ant-badge-status-text">Allocated</span></span>'
|
|
|
|
expect(received).toContain(expected)
|
|
})
|
|
})
|
|
|
|
describe('getTooltip()', () => {
|
|
it('getTooltip() is called with `$route.path` equal `/vmsnapshot`', async () => {
|
|
const wrapper = factory({ props: { text: 'Active', displayText: true } })
|
|
router.push({ name: 'testRouter2' })
|
|
await router.isReady()
|
|
await flushPromises()
|
|
const received = wrapper.html()
|
|
const expected = '<span style="display: inline-flex;" class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-success"></span><span class="ant-badge-status-text">Active</span></span>'
|
|
|
|
expect(received).toContain(expected)
|
|
})
|
|
|
|
it('getTooltip() is called with `$route.path` equal `/vm`', async () => {
|
|
const wrapper = factory({ props: { text: 'Active', displayText: true } })
|
|
router.push({ name: 'testRouter3' })
|
|
await router.isReady()
|
|
await flushPromises()
|
|
const received = wrapper.html()
|
|
const expected = '<span style="display: inline-flex;" class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-success"></span><span class="ant-badge-status-text">Active</span></span>'
|
|
|
|
expect(received).toContain(expected)
|
|
})
|
|
|
|
it('getTooltip() is called with `$route.path` equal `/volume`', async () => {
|
|
const wrapper = factory({ props: { text: 'Active', displayText: true } })
|
|
router.push({ name: 'testRouter4' })
|
|
await router.isReady()
|
|
await flushPromises()
|
|
const received = wrapper.html()
|
|
const expected = '<span style="display: inline-flex;" class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-success"></span><span class="ant-badge-status-text">Active</span></span>'
|
|
|
|
expect(received).toContain(expected)
|
|
})
|
|
|
|
it('getTooltip() is called with `$route.path` equal `/guestnetwork`', async () => {
|
|
const wrapper = factory({ props: { text: 'Active', displayText: true } })
|
|
router.push({ name: 'testRouter5' })
|
|
await router.isReady()
|
|
await flushPromises()
|
|
const received = wrapper.html()
|
|
const expected = '<span style="display: inline-flex;" class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-success"></span><span class="ant-badge-status-text">Active</span></span>'
|
|
|
|
expect(received).toContain(expected)
|
|
})
|
|
|
|
it('getTooltip() is called with `$route.path` equal `/publicip`', async () => {
|
|
const wrapper = factory({ props: { text: 'Active', displayText: true } })
|
|
router.push({ name: 'testRouter1' })
|
|
await router.isReady()
|
|
await flushPromises()
|
|
const received = wrapper.html()
|
|
const expected = '<span style="display: inline-flex;" class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-success"></span><span class="ant-badge-status-text">Active</span></span>'
|
|
|
|
expect(received).toContain(expected)
|
|
})
|
|
})
|
|
})
|
|
})
|