diff options
author | Jose Vargas <jvargas@gitlab.com> | 2019-08-27 01:25:36 +0300 |
---|---|---|
committer | Jose Vargas <jvargas@gitlab.com> | 2019-09-09 21:52:14 +0300 |
commit | b5b2879e4a0854165c9485a36bbee8bcc6d83f84 (patch) | |
tree | ddf86fa4be1d9941dbb91cfa5988bb67946e02fc /spec/javascripts | |
parent | c15be006c046c6861ef5793fd85d3c6bee06e4ff (diff) |
Add caret icons to the monitoring dashboard
The carets will function as a button that will allow the panels
from the monitoring dashboard to collapse and show panels
Diffstat (limited to 'spec/javascripts')
-rw-r--r-- | spec/javascripts/monitoring/components/graph_group_spec.js | 47 |
1 files changed, 47 insertions, 0 deletions
diff --git a/spec/javascripts/monitoring/components/graph_group_spec.js b/spec/javascripts/monitoring/components/graph_group_spec.js new file mode 100644 index 00000000000..068c4b5302c --- /dev/null +++ b/spec/javascripts/monitoring/components/graph_group_spec.js @@ -0,0 +1,47 @@ +import { shallowMount } from '@vue/test-utils'; +import GraphGroup from '~/monitoring/components/graph_group.vue'; + +describe('Graph group component', () => { + let graphGroup; + + afterEach(() => { + graphGroup.destroy(); + }); + + describe('When groups can be collapsed', () => { + beforeEach(() => { + graphGroup = shallowMount(GraphGroup, { + propsData: { + name: 'panel', + collapseGroup: true, + }, + }); + }); + + it('should show the angle-down caret icon when collapseGroup is true', () => { + expect(graphGroup.vm.caretIcon).toBe('angle-down'); + }); + + it('should show the angle-right caret icon when collapseGroup is false', () => { + graphGroup.vm.collapse(); + + expect(graphGroup.vm.caretIcon).toBe('angle-right'); + }); + }); + + describe('When groups can not be collapsed', () => { + beforeEach(() => { + graphGroup = shallowMount(GraphGroup, { + propsData: { + name: 'panel', + collapseGroup: true, + showPanels: false, + }, + }); + }); + + it('should not contain a prometheus-graph-group container when showPanels is false', () => { + expect(graphGroup.vm.$el.querySelector('.prometheus-graph-group')).toBe(null); + }); + }); +}); |