diff options
Diffstat (limited to 'spec/javascripts/sidebar/components/time_tracking/time_tracker_spec.js')
-rw-r--r-- | spec/javascripts/sidebar/components/time_tracking/time_tracker_spec.js | 17 |
1 files changed, 3 insertions, 14 deletions
diff --git a/spec/javascripts/sidebar/components/time_tracking/time_tracker_spec.js b/spec/javascripts/sidebar/components/time_tracking/time_tracker_spec.js index b58de607ece..9dff52a9d49 100644 --- a/spec/javascripts/sidebar/components/time_tracking/time_tracker_spec.js +++ b/spec/javascripts/sidebar/components/time_tracking/time_tracker_spec.js @@ -1,4 +1,3 @@ -import $ from 'jquery'; import Vue from 'vue'; import TimeTracker from '~/sidebar/components/time_tracking/time_tracker.vue'; @@ -94,21 +93,14 @@ describe('Issuable Time Tracker', () => { describe('Remaining meter', () => { it('should display the remaining meter with the correct width', done => { Vue.nextTick(() => { - const meterWidth = vm.$el.querySelector('.time-tracking-comparison-pane .meter-fill') - .style.width; - const correctWidth = '5%'; - - expect(meterWidth).toBe(correctWidth); + expect(vm.$el.querySelector('.time-tracking-comparison-pane .progress[value="5"]')).not.toBeNull(); done(); }); }); it('should display the remaining meter with the correct background color when within estimate', done => { Vue.nextTick(() => { - const styledMeter = $(vm.$el).find( - '.time-tracking-comparison-pane .within_estimate .meter-fill', - ); - expect(styledMeter.length).toBe(1); + expect(vm.$el.querySelector('.time-tracking-comparison-pane .progress[variant="primary"]')).not.toBeNull(); done(); }); }); @@ -117,10 +109,7 @@ describe('Issuable Time Tracker', () => { vm.time_estimate = 100000; vm.time_spent = 20000000; Vue.nextTick(() => { - const styledMeter = $(vm.$el).find( - '.time-tracking-comparison-pane .over_estimate .meter-fill', - ); - expect(styledMeter.length).toBe(1); + expect(vm.$el.querySelector('.time-tracking-comparison-pane .progress[variant="danger"]')).not.toBeNull(); done(); }); }); |