diff options
author | Sukanya Pandey <sukapan1@in.ibm.com> | 2020-10-29 09:03:42 +0300 |
---|---|---|
committer | Derick Montague <derick.montague@ibm.com> | 2020-11-12 23:44:36 +0300 |
commit | edb8a77437d95242ec1ddb98667b0c117a2fb36c (patch) | |
tree | c7edc3bc20840fb99b15b02a5c0ec08209625177 | |
parent | 2f6d5520fd63c516684c753efcde54d493aa8c5f (diff) | |
download | webui-vue-edb8a77437d95242ec1ddb98667b0c117a2fb36c.tar.xz |
Resolve custom-event-name-casing lint warnings
Signed-off-by: Sukanya Pandey <sukapan1@in.ibm.com>
Change-Id: I9eea4eac3b8cacc216fc9ad1011e51622622e75f
31 files changed, 73 insertions, 74 deletions
diff --git a/.eslintrc.js b/.eslintrc.js index 502e87a0..aeaa1c95 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -14,7 +14,6 @@ module.exports = { }, ], 'vue/component-name-in-template-casing': ['error', 'kebab-case'], - 'vue/custom-event-name-casing': ['warn'], }, parserOptions: { parser: 'babel-eslint', diff --git a/src/components/AppHeader/AppHeader.vue b/src/components/AppHeader/AppHeader.vue index 01ebf5a1..68de7d90 100644 --- a/src/components/AppHeader/AppHeader.vue +++ b/src/components/AppHeader/AppHeader.vue @@ -177,7 +177,7 @@ export default { }, mounted() { this.$root.$on( - 'change:isNavigationOpen', + 'change-is-navigation-open', (isNavigationOpen) => (this.isNavigationOpen = isNavigationOpen) ); }, @@ -195,7 +195,7 @@ export default { this.$store.dispatch('authentication/logout'); }, toggleNavigation() { - this.$root.$emit('toggle:navigation'); + this.$root.$emit('toggle-navigation'); }, }, }; diff --git a/src/components/AppNavigation/AppNavigation.vue b/src/components/AppNavigation/AppNavigation.vue index 18b80000..233d496a 100644 --- a/src/components/AppNavigation/AppNavigation.vue +++ b/src/components/AppNavigation/AppNavigation.vue @@ -71,11 +71,11 @@ export default { this.isNavigationOpen = false; }, isNavigationOpen: function (isNavigationOpen) { - this.$root.$emit('change:isNavigationOpen', isNavigationOpen); + this.$root.$emit('change-is-navigation-open', isNavigationOpen); }, }, mounted() { - this.$root.$on('toggle:navigation', () => this.toggleIsOpen()); + this.$root.$on('toggle-navigation', () => this.toggleIsOpen()); }, methods: { toggleIsOpen() { diff --git a/src/components/Global/LoadingBar.vue b/src/components/Global/LoadingBar.vue index d62ef1e2..1034de64 100644 --- a/src/components/Global/LoadingBar.vue +++ b/src/components/Global/LoadingBar.vue @@ -22,13 +22,13 @@ export default { }; }, created() { - this.$root.$on('loader::start', () => { + this.$root.$on('loader-start', () => { this.startLoadingInterval(); }); - this.$root.$on('loader::end', () => { + this.$root.$on('loader-end', () => { this.endLoadingInterval(); }); - this.$root.$on('loader::hide', () => { + this.$root.$on('loader-hide', () => { this.hideLoadingBar(); }); }, diff --git a/src/components/Global/Search.vue b/src/components/Global/Search.vue index 778965e1..c259df91 100644 --- a/src/components/Global/Search.vue +++ b/src/components/Global/Search.vue @@ -55,11 +55,11 @@ export default { }, methods: { onChangeInput() { - this.$emit('changeSearch', this.filter); + this.$emit('change-search', this.filter); }, onClearSearch() { this.filter = ''; - this.$emit('clearSearch'); + this.$emit('clear-search'); this.$refs.searchInput.focus(); }, }, diff --git a/src/components/Global/TableFilter.vue b/src/components/Global/TableFilter.vue index c9fb1068..bf729522 100644 --- a/src/components/Global/TableFilter.vue +++ b/src/components/Global/TableFilter.vue @@ -106,7 +106,7 @@ export default { this.emitChange(); }, emitChange() { - this.$emit('filterChange', { + this.$emit('filter-change', { activeFilters: this.activeFilters, }); }, diff --git a/src/components/Global/TableRowAction.vue b/src/components/Global/TableRowAction.vue index 7e4af499..a12ae801 100644 --- a/src/components/Global/TableRowAction.vue +++ b/src/components/Global/TableRowAction.vue @@ -19,7 +19,7 @@ :aria-label="title" :title="title" :disabled="!enabled" - @click="$emit('click:tableAction', value)" + @click="$emit('click-table-action', value)" > <slot name="icon"> {{ title }} diff --git a/src/components/Global/TableToolbar.vue b/src/components/Global/TableToolbar.vue index cb6fa240..d22b37fc 100644 --- a/src/components/Global/TableToolbar.vue +++ b/src/components/Global/TableToolbar.vue @@ -12,7 +12,7 @@ :data-test-id="`table-button-${action.value}Selected`" variant="primary" class="d-block" - @click="$emit('batchAction', action.value)" + @click="$emit('batch-action', action.value)" > {{ action.label }} </b-button> @@ -20,7 +20,7 @@ <b-button variant="secondary" class="d-block" - @click="$emit('clearSelected')" + @click="$emit('clear-selected')" > {{ $t('global.action.cancel') }} </b-button> diff --git a/src/components/Mixins/LoadingBarMixin.js b/src/components/Mixins/LoadingBarMixin.js index 9b6b1957..bb3e796e 100644 --- a/src/components/Mixins/LoadingBarMixin.js +++ b/src/components/Mixins/LoadingBarMixin.js @@ -6,15 +6,15 @@ const LoadingBarMixin = { }, methods: { startLoader() { - this.$root.$emit('loader::start'); + this.$root.$emit('loader-start'); this.loading = true; }, endLoader() { - this.$root.$emit('loader::end'); + this.$root.$emit('loader-end'); this.loading = false; }, hideLoader() { - this.$root.$emit('loader::hide'); + this.$root.$emit('loader-hide'); }, }, }; diff --git a/src/views/AccessControl/Ldap/TableRoleGroups.vue b/src/views/AccessControl/Ldap/TableRoleGroups.vue index ef300ea5..5104c236 100644 --- a/src/views/AccessControl/Ldap/TableRoleGroups.vue +++ b/src/views/AccessControl/Ldap/TableRoleGroups.vue @@ -25,8 +25,8 @@ ref="toolbar" :selected-items-count="selectedRows.length" :actions="batchActions" - @clearSelected="clearSelectedRows($refs.table)" - @batchAction="onBatchAction" + @clear-selected="clearSelectedRows($refs.table)" + @batch-action="onBatchAction" /> <b-table ref="table" @@ -67,7 +67,7 @@ :value="action.value" :enabled="action.enabled" :title="action.title" - @click:tableAction="onTableRowAction($event, item)" + @click-table-action="onTableRowAction($event, item)" > <template #icon> <icon-edit v-if="action.value === 'edit'" /> diff --git a/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue b/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue index 5c2d7f1b..d57bc226 100644 --- a/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue +++ b/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue @@ -23,8 +23,8 @@ ref="toolbar" :selected-items-count="selectedRows.length" :actions="tableToolbarActions" - @clearSelected="clearSelectedRows($refs.table)" - @batchAction="onBatchAction" + @clear-selected="clearSelectedRows($refs.table)" + @batch-action="onBatchAction" /> <b-table ref="table" @@ -63,7 +63,7 @@ :value="action.value" :enabled="action.enabled" :title="action.title" - @click:tableAction="onTableRowAction($event, item)" + @click-table-action="onTableRowAction($event, item)" > <template #icon> <icon-edit diff --git a/src/views/AccessControl/SslCertificates/SslCertificates.vue b/src/views/AccessControl/SslCertificates/SslCertificates.vue index fe63bd99..1365bd93 100644 --- a/src/views/AccessControl/SslCertificates/SslCertificates.vue +++ b/src/views/AccessControl/SslCertificates/SslCertificates.vue @@ -80,7 +80,7 @@ :value="action.value" :title="action.title" :enabled="action.enabled" - @click:tableAction="onTableRowAction($event, item)" + @click-table-action="onTableRowAction($event, item)" > <template #icon> <icon-replace v-if="action.value === 'replace'" /> diff --git a/src/views/Configuration/NetworkSettings/NetworkSettings.vue b/src/views/Configuration/NetworkSettings/NetworkSettings.vue index 303077c5..3260dffb 100644 --- a/src/views/Configuration/NetworkSettings/NetworkSettings.vue +++ b/src/views/Configuration/NetworkSettings/NetworkSettings.vue @@ -196,7 +196,7 @@ :key="actionIndex" :value="action.value" :title="action.title" - @click:tableAction=" + @click-table-action=" onDeleteIpv4StaticTableRow($event, index) " > @@ -269,7 +269,7 @@ :key="actionIndex" :value="action.value" :title="action.title" - @click:tableAction="onDeleteDnsTableRow($event, index)" + @click-table-action="onDeleteDnsTableRow($event, index)" > <template #icon> <icon-trashcan v-if="action.value === 'delete'" /> diff --git a/src/views/Control/ServerPowerOperations/BootSettings.vue b/src/views/Control/ServerPowerOperations/BootSettings.vue index a94da0c3..aab00fc6 100644 --- a/src/views/Control/ServerPowerOperations/BootSettings.vue +++ b/src/views/Control/ServerPowerOperations/BootSettings.vue @@ -99,7 +99,7 @@ export default { this.$store.dispatch('hostBootSettings/getBootSettings'), this.$store.dispatch('hostBootSettings/getTpmPolicy'), ]).finally(() => - this.$root.$emit('serverPowerOperations::bootSettings::complete') + this.$root.$emit('server-power-operations-boot-settings-complete') ); }, methods: { diff --git a/src/views/Control/ServerPowerOperations/ServerPowerOperations.vue b/src/views/Control/ServerPowerOperations/ServerPowerOperations.vue index 9bc259f8..822d5fd6 100644 --- a/src/views/Control/ServerPowerOperations/ServerPowerOperations.vue +++ b/src/views/Control/ServerPowerOperations/ServerPowerOperations.vue @@ -177,7 +177,7 @@ export default { created() { this.startLoader(); const bootSettingsPromise = new Promise((resolve) => { - this.$root.$on('serverPowerOperations::bootSettings::complete', () => + this.$root.$on('server-power-operations-boot-settings-complete', () => resolve() ); }); diff --git a/src/views/Health/EventLogs/EventLogs.vue b/src/views/Health/EventLogs/EventLogs.vue index b4a47120..0c079baa 100644 --- a/src/views/Health/EventLogs/EventLogs.vue +++ b/src/views/Health/EventLogs/EventLogs.vue @@ -5,8 +5,8 @@ <b-col sm="7" xl="4" class="d-flex flex-column justify-content-end"> <search :placeholder="$t('pageEventLogs.table.searchLogs')" - @changeSearch="onChangeSearchInput" - @clearSearch="onClearSearchInput" + @change-search="onChangeSearchInput" + @clear-search="onClearSearchInput" /> </b-col> <b-col sm="3" class="d-flex flex-column justify-content-end"> @@ -21,7 +21,7 @@ </b-row> <b-row> <b-col class="text-right"> - <table-filter :filters="tableFilters" @filterChange="onFilterChange" /> + <table-filter :filters="tableFilters" @filter-change="onFilterChange" /> </b-col> </b-row> <b-row> @@ -30,8 +30,8 @@ ref="toolbar" :selected-items-count="selectedRows.length" :actions="batchActions" - @clearSelected="clearSelectedRows($refs.table)" - @batchAction="onBatchAction" + @clear-selected="clearSelectedRows($refs.table)" + @batch-action="onBatchAction" > <template #export> <table-toolbar-export @@ -102,7 +102,7 @@ :row-data="row.item" :export-name="exportFileNameByDate()" :data-test-id="`eventLogs-button-deleteRow-${row.index}`" - @click:tableAction="onTableRowAction($event, row.item)" + @click-table-action="onTableRowAction($event, row.item)" > <template #icon> <icon-export v-if="action.value === 'export'" /> diff --git a/src/views/Health/HardwareStatus/HardwareStatus.vue b/src/views/Health/HardwareStatus/HardwareStatus.vue index 24f02953..0869e286 100644 --- a/src/views/Health/HardwareStatus/HardwareStatus.vue +++ b/src/views/Health/HardwareStatus/HardwareStatus.vue @@ -57,27 +57,27 @@ export default { created() { this.startLoader(); const systemTablePromise = new Promise((resolve) => { - this.$root.$on('hardwareStatus::system::complete', () => resolve()); + this.$root.$on('hardware-status-system-complete', () => resolve()); }); const bmcManagerTablePromise = new Promise((resolve) => { - this.$root.$on('hardwareStatus::bmcManager::complete', () => resolve()); + this.$root.$on('hardware-status-bmc-manager-complete', () => resolve()); }); const chassisTablePromise = new Promise((resolve) => { - this.$root.$on('hardwareStatus::chassis::complete', () => resolve()); + this.$root.$on('hardware-status-chassis-complete', () => resolve()); }); const dimmSlotTablePromise = new Promise((resolve) => { - this.$root.$on('hardwareStatus::dimmSlot::complete', () => resolve()); + this.$root.$on('hardware-status-dimm-slot-complete', () => resolve()); }); const fansTablePromise = new Promise((resolve) => { - this.$root.$on('hardwareStatus::fans::complete', () => resolve()); + this.$root.$on('hardware-status-fans-complete', () => resolve()); }); const powerSuppliesTablePromise = new Promise((resolve) => { - this.$root.$on('hardwareStatus::powerSupplies::complete', () => + this.$root.$on('hardware-status-power-supplies-complete', () => resolve() ); }); const processorsTablePromise = new Promise((resolve) => { - this.$root.$on('hardwareStatus::processors::complete', () => resolve()); + this.$root.$on('hardware-status-processors-complete', () => resolve()); }); // Combine all child component Promises to indicate // when page data load complete diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue b/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue index 783cd649..25436c8a 100644 --- a/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue +++ b/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue @@ -194,7 +194,7 @@ export default { created() { this.$store.dispatch('bmc/getBmcInfo').finally(() => { // Emit initial data fetch complete to parent component - this.$root.$emit('hardwareStatus::bmcManager::complete'); + this.$root.$emit('hardware-status-bmc-manager-complete'); }); }, }; diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableChassis.vue b/src/views/Health/HardwareStatus/HardwareStatusTableChassis.vue index fbdadcdd..e629006f 100644 --- a/src/views/Health/HardwareStatus/HardwareStatusTableChassis.vue +++ b/src/views/Health/HardwareStatus/HardwareStatusTableChassis.vue @@ -116,7 +116,7 @@ export default { created() { this.$store.dispatch('chassis/getChassisInfo').finally(() => { // Emit initial data fetch complete to parent component - this.$root.$emit('hardwareStatus::chassis::complete'); + this.$root.$emit('hardware-status-chassis-complete'); }); }, }; diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue b/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue index 2c901637..9e0c9f8b 100644 --- a/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue +++ b/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue @@ -3,8 +3,8 @@ <b-row> <b-col sm="6" md="5" xl="4"> <search - @changeSearch="onChangeSearchInput" - @clearSearch="onClearSearchInput" + @change-search="onChangeSearchInput" + @clear-search="onClearSearchInput" /> </b-col> <b-col sm="6" md="3" xl="2"> @@ -137,7 +137,7 @@ export default { created() { this.$store.dispatch('memory/getDimms').finally(() => { // Emit initial data fetch complete to parent component - this.$root.$emit('hardwareStatus::dimmSlot::complete'); + this.$root.$emit('hardware-status-dimm-slot-complete'); }); }, methods: { diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue b/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue index 6ade34bf..4981d457 100644 --- a/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue +++ b/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue @@ -3,8 +3,8 @@ <b-row> <b-col sm="6" md="5" xl="4"> <search - @changeSearch="onChangeSearchInput" - @clearSearch="onClearSearchInput" + @change-search="onChangeSearchInput" + @clear-search="onClearSearchInput" /> </b-col> <b-col sm="6" md="3" xl="2"> @@ -136,7 +136,7 @@ export default { created() { this.$store.dispatch('fan/getFanInfo').finally(() => { // Emit initial data fetch complete to parent component - this.$root.$emit('hardwareStatus::fans::complete'); + this.$root.$emit('hardware-status-fans-complete'); }); }, methods: { diff --git a/src/views/Health/HardwareStatus/HardwareStatusTablePowerSupplies.vue b/src/views/Health/HardwareStatus/HardwareStatusTablePowerSupplies.vue index 91c26a7d..4137f1bf 100644 --- a/src/views/Health/HardwareStatus/HardwareStatusTablePowerSupplies.vue +++ b/src/views/Health/HardwareStatus/HardwareStatusTablePowerSupplies.vue @@ -3,8 +3,8 @@ <b-row> <b-col sm="6" md="5" xl="4"> <search - @changeSearch="onChangeSearchInput" - @clearSearch="onClearSearchInput" + @change-search="onChangeSearchInput" + @clear-search="onClearSearchInput" /> </b-col> <b-col sm="6" md="3" xl="2"> @@ -159,7 +159,7 @@ export default { created() { this.$store.dispatch('powerSupply/getPowerSupply').finally(() => { // Emit initial data fetch complete to parent component - this.$root.$emit('hardwareStatus::powerSupplies::complete'); + this.$root.$emit('hardware-status-power-supplies-complete'); }); }, methods: { diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableProcessors.vue b/src/views/Health/HardwareStatus/HardwareStatusTableProcessors.vue index fba4cc4e..da15b7a9 100644 --- a/src/views/Health/HardwareStatus/HardwareStatusTableProcessors.vue +++ b/src/views/Health/HardwareStatus/HardwareStatusTableProcessors.vue @@ -4,8 +4,8 @@ <b-row> <b-col sm="6" md="5" xl="4"> <search - @changeSearch="onChangeSearchInput" - @clearSearch="onClearSearchInput" + @change-search="onChangeSearchInput" + @clear-search="onClearSearchInput" /> </b-col> <b-col sm="6" md="3" xl="2"> @@ -166,7 +166,7 @@ export default { created() { this.$store.dispatch('processors/getProcessorsInfo').finally(() => { // Emit initial data fetch complete to parent component - this.$root.$emit('hardwareStatus::processors::complete'); + this.$root.$emit('hardware-status-processors-complete'); }); }, methods: { diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue b/src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue index fc65fbfb..e2ba49ec 100644 --- a/src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue +++ b/src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue @@ -128,7 +128,7 @@ export default { created() { this.$store.dispatch('system/getSystem').finally(() => { // Emit initial data fetch complete to parent component - this.$root.$emit('hardwareStatus::system::complete'); + this.$root.$emit('hardware-status-system-complete'); }); }, }; diff --git a/src/views/Health/Sensors/Sensors.vue b/src/views/Health/Sensors/Sensors.vue index 384c64f6..e1cea822 100644 --- a/src/views/Health/Sensors/Sensors.vue +++ b/src/views/Health/Sensors/Sensors.vue @@ -5,8 +5,8 @@ <b-col sm="6" md="5" xl="4"> <search :placeholder="$t('pageSensors.searchForSensors')" - @changeSearch="onChangeSearchInput" - @clearSearch="onClearSearchInput" + @change-search="onChangeSearchInput" + @clear-search="onClearSearchInput" /> </b-col> <b-col sm="3" md="3" xl="2"> @@ -16,7 +16,7 @@ ></table-cell-count> </b-col> <b-col sm="3" md="4" xl="6" class="text-right"> - <table-filter :filters="tableFilters" @filterChange="onFilterChange" /> + <table-filter :filters="tableFilters" @filter-change="onFilterChange" /> </b-col> </b-row> <b-row> @@ -24,7 +24,7 @@ <table-toolbar ref="toolbar" :selected-items-count="selectedRows.length" - @clearSelected="clearSelectedRows($refs.table)" + @clear-selected="clearSelectedRows($refs.table)" > <template #export> <table-toolbar-export diff --git a/src/views/Overview/Overview.vue b/src/views/Overview/Overview.vue index 13138601..4de94d70 100644 --- a/src/views/Overview/Overview.vue +++ b/src/views/Overview/Overview.vue @@ -143,13 +143,13 @@ export default { created() { this.startLoader(); const quicklinksPromise = new Promise((resolve) => { - this.$root.$on('overview::quicklinks::complete', () => resolve()); + this.$root.$on('overview-quicklinks-complete', () => resolve()); }); const networkPromise = new Promise((resolve) => { - this.$root.$on('overview::network::complete', () => resolve()); + this.$root.$on('overview-network-complete', () => resolve()); }); const eventsPromise = new Promise((resolve) => { - this.$root.$on('overview::events::complete', () => resolve()); + this.$root.$on('overview-events-complete', () => resolve()); }); Promise.all([ this.$store.dispatch('system/getSystem'), diff --git a/src/views/Overview/OverviewEvents.vue b/src/views/Overview/OverviewEvents.vue index 83aa677d..885db07c 100644 --- a/src/views/Overview/OverviewEvents.vue +++ b/src/views/Overview/OverviewEvents.vue @@ -71,7 +71,7 @@ export default { }, created() { this.$store.dispatch('eventLog/getEventLogData').finally(() => { - this.$root.$emit('overview::events::complete'); + this.$root.$emit('overview-events-complete'); }); }, }; diff --git a/src/views/Overview/OverviewNetwork.vue b/src/views/Overview/OverviewNetwork.vue index ec9fd6b5..239a8815 100644 --- a/src/views/Overview/OverviewNetwork.vue +++ b/src/views/Overview/OverviewNetwork.vue @@ -50,7 +50,7 @@ export default { }, created() { this.$store.dispatch('networkSettings/getEthernetData').finally(() => { - this.$root.$emit('overview::network::complete'); + this.$root.$emit('overview-network-complete'); }); }, }; diff --git a/src/views/Overview/OverviewQuickLinks.vue b/src/views/Overview/OverviewQuickLinks.vue index 1cbc64d5..9c549da4 100644 --- a/src/views/Overview/OverviewQuickLinks.vue +++ b/src/views/Overview/OverviewQuickLinks.vue @@ -83,7 +83,7 @@ export default { this.$store.dispatch('global/getBmcTime'), this.$store.dispatch('serverLed/getIndicatorValue'), ]).finally(() => { - this.$root.$emit('overview::quicklinks::complete'); + this.$root.$emit('overview-quicklinks-complete'); }); }, methods: { diff --git a/tests/unit/AppHeader.spec.js b/tests/unit/AppHeader.spec.js index 6d359c88..1a4075f4 100644 --- a/tests/unit/AppHeader.spec.js +++ b/tests/unit/AppHeader.spec.js @@ -44,11 +44,11 @@ describe('AppHeader.vue', () => { expect(wrapper.emitted('refresh')).toBeTruthy(); }); - it('nav-trigger button click should emit toggle:navigation event', async () => { + it('nav-trigger button click should emit toggle-navigation event', async () => { const rootWrapper = createWrapper(wrapper.vm.$root); wrapper.get('#app-header-trigger').trigger('click'); await wrapper.vm.$nextTick(); - expect(rootWrapper.emitted('toggle:navigation')).toBeTruthy(); + expect(rootWrapper.emitted('toggle-navigation')).toBeTruthy(); }); it('logout button should dispatch authentication/logout', async () => { @@ -59,7 +59,7 @@ describe('AppHeader.vue', () => { it('change:isNavigationOpen event should set isNavigationOpen prop to false', async () => { const rootWrapper = createWrapper(wrapper.vm.$root); - rootWrapper.vm.$emit('change:isNavigationOpen', false); + rootWrapper.vm.$emit('change-is-navigation-open', false); await rootWrapper.vm.$nextTick(); expect(wrapper.vm.isNavigationOpen).toEqual(false); }); diff --git a/tests/unit/AppNavigation.spec.js b/tests/unit/AppNavigation.spec.js index b7065746..ab962046 100644 --- a/tests/unit/AppNavigation.spec.js +++ b/tests/unit/AppNavigation.spec.js @@ -26,20 +26,20 @@ describe('AppNavigation.vue', () => { expect(wrapper.element).toMatchSnapshot(); }); - it('Nav Overlay click should emit change:isNavigationOpen event', async () => { + it('Nav Overlay click should emit change-is-navigation-open event', async () => { const rootWrapper = createWrapper(wrapper.vm.$root); const navOverlay = wrapper.find('#nav-overlay'); navOverlay.trigger('click'); await wrapper.vm.$nextTick(); - expect(rootWrapper.emitted('change:isNavigationOpen')).toBeTruthy(); + expect(rootWrapper.emitted('change-is-navigation-open')).toBeTruthy(); }); - it('toggle:navigation event should toggle isNavigation data prop value', async () => { + it('toggle-navigation event should toggle isNavigation data prop value', async () => { const rootWrapper = createWrapper(wrapper.vm.$root); wrapper.vm.isNavigationOpen = false; - rootWrapper.vm.$emit('toggle:navigation'); + rootWrapper.vm.$emit('toggle-navigation'); expect(wrapper.vm.isNavigationOpen).toBe(true); - rootWrapper.vm.$emit('toggle:navigation'); + rootWrapper.vm.$emit('toggle-navigation'); expect(wrapper.vm.isNavigationOpen).toBe(false); }); }); |