diff --git a/frontend/src/components/Menu/Sidebar.spec.js b/frontend/src/components/Menu/Sidebar.spec.js index 77a525f3b..5629174ff 100644 --- a/frontend/src/components/Menu/Sidebar.spec.js +++ b/frontend/src/components/Menu/Sidebar.spec.js @@ -17,6 +17,9 @@ describe('Sidebar', () => { roles: [], }, }, + $route: { + path: '/', + }, } const Wrapper = () => { @@ -34,7 +37,7 @@ describe('Sidebar', () => { describe('the genaral section', () => { it('has six nav-items', () => { - expect(wrapper.findAll('ul').at(0).findAll('.nav-item')).toHaveLength(7) + expect(wrapper.findAll('ul').at(0).findAll('.nav-item')).toHaveLength(6) }) it('has nav-item "navigation.overview" in navbar', () => { @@ -53,16 +56,12 @@ describe('Sidebar', () => { expect(wrapper.findAll('.nav-item').at(3).text()).toEqual('creation') }) - it('has nav-item "GDT" in navbar', () => { - expect(wrapper.findAll('.nav-item').at(4).text()).toContain('GDT') - }) - it('has nav-item "navigation.info" in navbar', () => { - expect(wrapper.findAll('.nav-item').at(5).text()).toContain('navigation.info') + expect(wrapper.findAll('.nav-item').at(4).text()).toContain('navigation.info') }) it('has nav-item "usersearch" in navbar', () => { - expect(wrapper.findAll('.nav-item').at(6).text()).toContain('navigation.usersearch') + expect(wrapper.findAll('.nav-item').at(5).text()).toContain('navigation.usersearch') }) }) diff --git a/frontend/src/components/Menu/Sidebar.vue b/frontend/src/components/Menu/Sidebar.vue index 227275786..69925b110 100644 --- a/frontend/src/components/Menu/Sidebar.vue +++ b/frontend/src/components/Menu/Sidebar.vue @@ -16,7 +16,7 @@ {{ $t('navigation.send') }} - + {{ $t('navigation.transactions') }} @@ -24,10 +24,6 @@ {{ $t('creation') }} - - - {{ $t('GDT') }} - {{ $t('navigation.info') }} @@ -82,6 +78,14 @@ export default { props: { shadow: { type: Boolean, required: false, default: true }, }, + computed: { + transactionClass() { + if (this.$route.path === '/gdt') { + return 'mb-3 activeRoute' + } + return 'mb-3' + }, + }, }