diff options
Diffstat (limited to 'spec/frontend/integrations/edit/components/active_toggle_spec.js')
-rw-r--r-- | spec/frontend/integrations/edit/components/active_toggle_spec.js | 18 |
1 files changed, 16 insertions, 2 deletions
diff --git a/spec/frontend/integrations/edit/components/active_toggle_spec.js b/spec/frontend/integrations/edit/components/active_toggle_spec.js index 5469b45f708..228d8f5fc30 100644 --- a/spec/frontend/integrations/edit/components/active_toggle_spec.js +++ b/spec/frontend/integrations/edit/components/active_toggle_spec.js @@ -1,8 +1,10 @@ import { mount } from '@vue/test-utils'; -import ActiveToggle from '~/integrations/edit/components/active_toggle.vue'; import { GlToggle } from '@gitlab/ui'; +import ActiveToggle from '~/integrations/edit/components/active_toggle.vue'; + const GL_TOGGLE_ACTIVE_CLASS = 'is-checked'; +const GL_TOGGLE_DISABLED_CLASS = 'is-disabled'; describe('ActiveToggle', () => { let wrapper; @@ -11,9 +13,12 @@ describe('ActiveToggle', () => { initialActivated: true, }; - const createComponent = props => { + const createComponent = (props = {}, isInheriting = false) => { wrapper = mount(ActiveToggle, { propsData: { ...defaultProps, ...props }, + computed: { + isInheriting: () => isInheriting, + }, }); }; @@ -29,6 +34,15 @@ describe('ActiveToggle', () => { const findInputInToggle = () => findGlToggle().find('input'); describe('template', () => { + describe('is inheriting adminSettings', () => { + it('renders GlToggle as disabled', () => { + createComponent({}, true); + + expect(findGlToggle().exists()).toBe(true); + expect(findButtonInToggle().classes()).toContain(GL_TOGGLE_DISABLED_CLASS); + }); + }); + describe('initialActivated is false', () => { it('renders GlToggle as inactive', () => { createComponent({ |