diff --git a/frontend/src/components/Menu/Sidebar.spec.js b/frontend/src/components/Menu/Sidebar.spec.js index 79cf84df7..9196939a8 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 = () => { @@ -33,8 +36,9 @@ describe('Sidebar', () => { }) describe('the general section', () => { - it('has eight nav-items', () => { - expect(wrapper.findAll('ul').at(0).findAll('.nav-item')).toHaveLength(8) + it('has seven nav-items', () => { + expect(wrapper.findAll('ul').at(0).findAll('.nav-item')).toHaveLength(7) + }) it('has nav-item "navigation.overview" in navbar', () => { @@ -53,20 +57,16 @@ 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 "navigation.circles" in navbar', () => { - expect(wrapper.findAll('.nav-item').at(6).text()).toContain('navigation.circles') + expect(wrapper.findAll('.nav-item').at(5).text()).toContain('navigation.circles') }) it('has nav-item "navigation.usersearch" in navbar', () => { - expect(wrapper.findAll('.nav-item').at(7).text()).toContain('navigation.usersearch') + expect(wrapper.findAll('.nav-item').at(6).text()).toContain('navigation.usersearch') }) }) diff --git a/frontend/src/components/Menu/Sidebar.vue b/frontend/src/components/Menu/Sidebar.vue index b1017ec86..ade0aad29 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') }} @@ -86,6 +82,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' + }, + }, }