Resolve custom-event-name-casing lint warnings
Signed-off-by: Sukanya Pandey <sukapan1@in.ibm.com>
Change-Id: I9eea4eac3b8cacc216fc9ad1011e51622622e75f
diff --git a/.eslintrc.js b/.eslintrc.js
index 502e87a..aeaa1c9 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -14,7 +14,6 @@
},
],
'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 01ebf5a..68de7d9 100644
--- a/src/components/AppHeader/AppHeader.vue
+++ b/src/components/AppHeader/AppHeader.vue
@@ -177,7 +177,7 @@
},
mounted() {
this.$root.$on(
- 'change:isNavigationOpen',
+ 'change-is-navigation-open',
(isNavigationOpen) => (this.isNavigationOpen = isNavigationOpen)
);
},
@@ -195,7 +195,7 @@
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 18b8000..233d496 100644
--- a/src/components/AppNavigation/AppNavigation.vue
+++ b/src/components/AppNavigation/AppNavigation.vue
@@ -71,11 +71,11 @@
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 d62ef1e..1034de6 100644
--- a/src/components/Global/LoadingBar.vue
+++ b/src/components/Global/LoadingBar.vue
@@ -22,13 +22,13 @@
};
},
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 778965e..c259df9 100644
--- a/src/components/Global/Search.vue
+++ b/src/components/Global/Search.vue
@@ -55,11 +55,11 @@
},
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 c9fb106..bf72952 100644
--- a/src/components/Global/TableFilter.vue
+++ b/src/components/Global/TableFilter.vue
@@ -106,7 +106,7 @@
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 7e4af49..a12ae80 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 cb6fa24..d22b37f 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 9b6b195..bb3e796 100644
--- a/src/components/Mixins/LoadingBarMixin.js
+++ b/src/components/Mixins/LoadingBarMixin.js
@@ -6,15 +6,15 @@
},
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 ef300ea..5104c23 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 5c2d7f1..d57bc22 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 fe63bd9..1365bd9 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 303077c..3260dff 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 a94da0c..aab00fc 100644
--- a/src/views/Control/ServerPowerOperations/BootSettings.vue
+++ b/src/views/Control/ServerPowerOperations/BootSettings.vue
@@ -99,7 +99,7 @@
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 9bc259f..822d5fd 100644
--- a/src/views/Control/ServerPowerOperations/ServerPowerOperations.vue
+++ b/src/views/Control/ServerPowerOperations/ServerPowerOperations.vue
@@ -177,7 +177,7 @@
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 b4a4712..0c079ba 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 24f0295..0869e28 100644
--- a/src/views/Health/HardwareStatus/HardwareStatus.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatus.vue
@@ -57,27 +57,27 @@
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 783cd64..25436c8 100644
--- a/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue
@@ -194,7 +194,7 @@
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 fbdadcd..e629006 100644
--- a/src/views/Health/HardwareStatus/HardwareStatusTableChassis.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatusTableChassis.vue
@@ -116,7 +116,7 @@
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 2c90163..9e0c9f8 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 @@
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 6ade34b..4981d45 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 @@
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 91c26a7..4137f1b 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 @@
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 fba4cc4..da15b7a 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 @@
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 fc65fbf..e2ba49e 100644
--- a/src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue
@@ -128,7 +128,7 @@
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 384c64f..e1cea82 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 1313860..4de94d7 100644
--- a/src/views/Overview/Overview.vue
+++ b/src/views/Overview/Overview.vue
@@ -143,13 +143,13 @@
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 83aa677..885db07 100644
--- a/src/views/Overview/OverviewEvents.vue
+++ b/src/views/Overview/OverviewEvents.vue
@@ -71,7 +71,7 @@
},
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 ec9fd6b..239a881 100644
--- a/src/views/Overview/OverviewNetwork.vue
+++ b/src/views/Overview/OverviewNetwork.vue
@@ -50,7 +50,7 @@
},
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 1cbc64d..9c549da 100644
--- a/src/views/Overview/OverviewQuickLinks.vue
+++ b/src/views/Overview/OverviewQuickLinks.vue
@@ -83,7 +83,7 @@
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 6d359c8..1a4075f 100644
--- a/tests/unit/AppHeader.spec.js
+++ b/tests/unit/AppHeader.spec.js
@@ -44,11 +44,11 @@
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 @@
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 b706574..ab96204 100644
--- a/tests/unit/AppNavigation.spec.js
+++ b/tests/unit/AppNavigation.spec.js
@@ -26,20 +26,20 @@
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);
});
});