diff options
Diffstat (limited to 'spec/frontend/boards/components/sidebar/board_editable_item_spec.js')
-rw-r--r-- | spec/frontend/boards/components/sidebar/board_editable_item_spec.js | 25 |
1 files changed, 22 insertions, 3 deletions
diff --git a/spec/frontend/boards/components/sidebar/board_editable_item_spec.js b/spec/frontend/boards/components/sidebar/board_editable_item_spec.js index d7df2ff1563..de414bb929e 100644 --- a/spec/frontend/boards/components/sidebar/board_editable_item_spec.js +++ b/spec/frontend/boards/components/sidebar/board_editable_item_spec.js @@ -33,6 +33,14 @@ describe('boards sidebar remove issue', () => { expect(findTitle().text()).toBe(title); }); + it('renders provided title slot', () => { + const title = 'Sidebar item title on slot'; + const slots = { title: `<strong>${title}</strong>` }; + createComponent({ slots }); + + expect(wrapper.text()).toContain(title); + }); + it('hides edit button, loader and expanded content by default', () => { createComponent(); @@ -74,9 +82,19 @@ describe('boards sidebar remove issue', () => { return wrapper.vm.$nextTick().then(() => { expect(findCollapsed().isVisible()).toBe(false); expect(findExpanded().isVisible()).toBe(true); - expect(findExpanded().text()).toBe('Select item'); }); }); + + it('hides the header while editing if `toggleHeader` is true', async () => { + createComponent({ canUpdate: true, props: { toggleHeader: true } }); + findEditButton().vm.$emit('click'); + + await wrapper.vm.$nextTick(); + + expect(findEditButton().isVisible()).toBe(false); + expect(findTitle().isVisible()).toBe(false); + expect(findExpanded().isVisible()).toBe(true); + }); }); describe('collapsing an item by offclicking', () => { @@ -96,12 +114,13 @@ describe('boards sidebar remove issue', () => { expect(findExpanded().isVisible()).toBe(false); }); - it('emits close event', async () => { + it('emits events', async () => { document.body.click(); await wrapper.vm.$nextTick(); - expect(wrapper.emitted().close.length).toBe(1); + expect(wrapper.emitted().close).toHaveLength(1); + expect(wrapper.emitted()['off-click']).toHaveLength(1); }); }); |