diff --git a/app/assets/javascripts/monitoring/components/dashboard.vue b/app/assets/javascripts/monitoring/components/dashboard.vue index a2bf58d007c..ff1e1805948 100644 --- a/app/assets/javascripts/monitoring/components/dashboard.vue +++ b/app/assets/javascripts/monitoring/components/dashboard.vue @@ -1,5 +1,12 @@ - - - - {{ s__('Metrics|Environment') }} - - {{ environment.name }} - - - - {{ s__('Metrics|Show last') }} - - {{ value }} - - - + + - {{ __('View full dashboard') }} - - + + {{ s__('Metrics|Environment') }} + + {{ environment.name }} + + + + {{ s__('Metrics|Show last') }} + + {{ value }} + + + + + + + {{ $options.addMetric.title }} + + + + + + + + {{ __('Cancel') }} + + + {{ __('Save changes') }} + + + + + + {{ __('View full dashboard') }} + + + { }); }); - it('renders the environments dropdown with a single is-active element', done => { + it('renders the environments dropdown with a single active element', done => { const component = new DashboardComponent({ el: document.querySelector('.prometheus-graphs'), propsData: { @@ -178,7 +181,7 @@ describe('Dashboard', () => { setTimeout(() => { const dropdownItems = component.$el.querySelectorAll( - '.js-environments-dropdown .dropdown-item.is-active', + '.js-environments-dropdown .dropdown-item[active="true"]', ); expect(dropdownItems.length).toEqual(1);