diff options
Diffstat (limited to 'spec/frontend/design_management/pages/index_spec.js')
-rw-r--r-- | spec/frontend/design_management/pages/index_spec.js | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/spec/frontend/design_management/pages/index_spec.js b/spec/frontend/design_management/pages/index_spec.js index 87531e8b645..087655d10f7 100644 --- a/spec/frontend/design_management/pages/index_spec.js +++ b/spec/frontend/design_management/pages/index_spec.js @@ -4,6 +4,7 @@ import Vue, { nextTick } from 'vue'; import VueApollo, { ApolloMutation } from 'vue-apollo'; import VueRouter from 'vue-router'; +import { GlBreakpointInstance as breakpointInstance } from '@gitlab/ui/dist/utils'; import VueDraggable from 'vuedraggable'; import createMockApollo from 'helpers/mock_apollo_helper'; import waitForPromises from 'helpers/wait_for_promises'; @@ -762,6 +763,25 @@ describe('Design management index page', () => { expect(findDesigns().at(0).props('id')).toBe('2'); }); + it.each` + breakpoint | reorderDisabled + ${'xs'} | ${true} + ${'sm'} | ${false} + ${'md'} | ${false} + ${'lg'} | ${false} + ${'xl'} | ${false} + `( + 'sets draggable disabled value to $reorderDisabled when breakpoint is $breakpoint', + async ({ breakpoint, reorderDisabled }) => { + jest.spyOn(breakpointInstance, 'getBreakpointSize').mockReturnValue(breakpoint); + + createComponentWithApollo({}); + await waitForPromises(); + + expect(draggableAttributes().disabled).toBe(reorderDisabled); + }, + ); + it('prevents reordering when reorderDesigns mutation is in progress', async () => { createComponentWithApollo({}); await moveDesigns(wrapper); |