diff options
Diffstat (limited to 'spec/frontend/jira_connect/subscriptions/pages/sign_in')
4 files changed, 355 insertions, 0 deletions
diff --git a/spec/frontend/jira_connect/subscriptions/pages/sign_in/sign_in_gitlab_com_spec.js b/spec/frontend/jira_connect/subscriptions/pages/sign_in/sign_in_gitlab_com_spec.js new file mode 100644 index 00000000000..1649920b48b --- /dev/null +++ b/spec/frontend/jira_connect/subscriptions/pages/sign_in/sign_in_gitlab_com_spec.js @@ -0,0 +1,121 @@ +import { shallowMount } from '@vue/test-utils'; + +import SignInGitlabCom from '~/jira_connect/subscriptions/pages/sign_in/sign_in_gitlab_com.vue'; +import SignInLegacyButton from '~/jira_connect/subscriptions/components/sign_in_legacy_button.vue'; +import SignInOauthButton from '~/jira_connect/subscriptions/components/sign_in_oauth_button.vue'; +import SubscriptionsList from '~/jira_connect/subscriptions/components/subscriptions_list.vue'; +import createStore from '~/jira_connect/subscriptions/store'; +import { I18N_DEFAULT_SIGN_IN_BUTTON_TEXT } from '~/jira_connect/subscriptions/constants'; + +jest.mock('~/jira_connect/subscriptions/utils'); + +const mockUsersPath = '/test'; +const defaultProvide = { + oauthMetadata: {}, + usersPath: mockUsersPath, +}; + +describe('SignInGitlabCom', () => { + let wrapper; + let store; + + const findSignInLegacyButton = () => wrapper.findComponent(SignInLegacyButton); + const findSignInOauthButton = () => wrapper.findComponent(SignInOauthButton); + const findSubscriptionsList = () => wrapper.findComponent(SubscriptionsList); + + const createComponent = ({ props, jiraConnectOauthEnabled } = {}) => { + store = createStore(); + + wrapper = shallowMount(SignInGitlabCom, { + store, + provide: { + ...defaultProvide, + glFeatures: { + jiraConnectOauth: jiraConnectOauthEnabled, + }, + }, + propsData: props, + stubs: { + SignInLegacyButton, + SignInOauthButton, + }, + }); + }; + + afterEach(() => { + wrapper.destroy(); + }); + + describe('template', () => { + describe.each` + scenario | hasSubscriptions | signInButtonText + ${'with subscriptions'} | ${true} | ${SignInGitlabCom.i18n.signInButtonTextWithSubscriptions} + ${'without subscriptions'} | ${false} | ${I18N_DEFAULT_SIGN_IN_BUTTON_TEXT} + `('$scenario', ({ hasSubscriptions, signInButtonText }) => { + describe('when `jiraConnectOauthEnabled` feature flag is disabled', () => { + beforeEach(() => { + createComponent({ + jiraConnectOauthEnabled: false, + props: { + hasSubscriptions, + }, + }); + }); + + it('renders legacy sign in button', () => { + const button = findSignInLegacyButton(); + expect(button.props('usersPath')).toBe(mockUsersPath); + expect(button.text()).toMatchInterpolatedText(signInButtonText); + }); + }); + + describe('when `jiraConnectOauthEnabled` feature flag is enabled', () => { + beforeEach(() => { + createComponent({ + jiraConnectOauthEnabled: true, + props: { + hasSubscriptions, + }, + }); + }); + + describe('oauth sign in button', () => { + it('renders oauth sign in button', () => { + const button = findSignInOauthButton(); + expect(button.text()).toMatchInterpolatedText(signInButtonText); + }); + + describe('when button emits `sign-in` event', () => { + it('emits `sign-in-oauth` event', () => { + const button = findSignInOauthButton(); + + const mockUser = { name: 'test' }; + button.vm.$emit('sign-in', mockUser); + + expect(wrapper.emitted('sign-in-oauth')[0]).toEqual([mockUser]); + }); + }); + + describe('when button emits `error` event', () => { + it('emits `error` event', () => { + const button = findSignInOauthButton(); + button.vm.$emit('error'); + + expect(wrapper.emitted('error')).toBeTruthy(); + }); + }); + }); + }); + + it(`${hasSubscriptions ? 'renders' : 'does not render'} subscriptions list`, () => { + createComponent({ + props: { + hasSubscriptions, + }, + }); + + expect(findSubscriptionsList().exists()).toBe(hasSubscriptions); + }); + }); + }); +}); diff --git a/spec/frontend/jira_connect/subscriptions/pages/sign_in/sign_in_gitlab_multiversion/index_spec.js b/spec/frontend/jira_connect/subscriptions/pages/sign_in/sign_in_gitlab_multiversion/index_spec.js new file mode 100644 index 00000000000..f4be8bf121d --- /dev/null +++ b/spec/frontend/jira_connect/subscriptions/pages/sign_in/sign_in_gitlab_multiversion/index_spec.js @@ -0,0 +1,83 @@ +import { nextTick } from 'vue'; +import { shallowMountExtended } from 'helpers/vue_test_utils_helper'; + +import SignInGitlabMultiversion from '~/jira_connect/subscriptions/pages/sign_in/sign_in_gitlab_multiversion/index.vue'; +import VersionSelectForm from '~/jira_connect/subscriptions/pages/sign_in/sign_in_gitlab_multiversion/version_select_form.vue'; +import SignInOauthButton from '~/jira_connect/subscriptions/components/sign_in_oauth_button.vue'; + +describe('SignInGitlabMultiversion', () => { + let wrapper; + + const findVersionSelectForm = () => wrapper.findComponent(VersionSelectForm); + const findSignInOauthButton = () => wrapper.findComponent(SignInOauthButton); + const findSubtitle = () => wrapper.findByTestId('subtitle'); + + const createComponent = () => { + wrapper = shallowMountExtended(SignInGitlabMultiversion); + }; + + afterEach(() => { + wrapper.destroy(); + }); + + describe('when version is not selected', () => { + describe('VersionSelectForm', () => { + it('renders version select form', () => { + createComponent(); + + expect(findVersionSelectForm().exists()).toBe(true); + }); + + describe('when form emits "submit" event', () => { + it('hides the version select form and shows the sign in button', async () => { + createComponent(); + + findVersionSelectForm().vm.$emit('submit', 'gitlab.mycompany.com'); + await nextTick(); + + expect(findVersionSelectForm().exists()).toBe(false); + expect(findSignInOauthButton().exists()).toBe(true); + }); + }); + }); + }); + + describe('when version is selected', () => { + beforeEach(async () => { + createComponent(); + + findVersionSelectForm().vm.$emit('submit', 'gitlab.mycompany.com'); + await nextTick(); + }); + + describe('sign in button', () => { + it('renders sign in button', () => { + expect(findSignInOauthButton().exists()).toBe(true); + }); + + describe('when button emits `sign-in` event', () => { + it('emits `sign-in-oauth` event', () => { + const button = findSignInOauthButton(); + + const mockUser = { name: 'test' }; + button.vm.$emit('sign-in', mockUser); + + expect(wrapper.emitted('sign-in-oauth')[0]).toEqual([mockUser]); + }); + }); + + describe('when button emits `error` event', () => { + it('emits `error` event', () => { + const button = findSignInOauthButton(); + button.vm.$emit('error'); + + expect(wrapper.emitted('error')).toBeTruthy(); + }); + }); + }); + + it('renders correct subtitle', () => { + expect(findSubtitle().text()).toBe(SignInGitlabMultiversion.i18n.signInSubtitle); + }); + }); +}); diff --git a/spec/frontend/jira_connect/subscriptions/pages/sign_in/sign_in_gitlab_multiversion/version_select_form_spec.js b/spec/frontend/jira_connect/subscriptions/pages/sign_in/sign_in_gitlab_multiversion/version_select_form_spec.js new file mode 100644 index 00000000000..29e7fe7a5b2 --- /dev/null +++ b/spec/frontend/jira_connect/subscriptions/pages/sign_in/sign_in_gitlab_multiversion/version_select_form_spec.js @@ -0,0 +1,69 @@ +import { GlFormInput, GlFormRadioGroup, GlForm } from '@gitlab/ui'; +import { nextTick } from 'vue'; + +import { shallowMountExtended } from 'helpers/vue_test_utils_helper'; +import VersionSelectForm from '~/jira_connect/subscriptions/pages/sign_in/sign_in_gitlab_multiversion/version_select_form.vue'; + +describe('VersionSelectForm', () => { + let wrapper; + + const findFormRadioGroup = () => wrapper.findComponent(GlFormRadioGroup); + const findForm = () => wrapper.findComponent(GlForm); + const findInput = () => wrapper.findComponent(GlFormInput); + + const submitForm = () => findForm().vm.$emit('submit', new Event('submit')); + + const createComponent = () => { + wrapper = shallowMountExtended(VersionSelectForm); + }; + + afterEach(() => { + wrapper.destroy(); + }); + + describe('default state', () => { + beforeEach(() => { + createComponent(); + }); + + it('selects saas radio option by default', () => { + expect(findFormRadioGroup().vm.$attrs.checked).toBe(VersionSelectForm.radioOptions.saas); + }); + + it('does not render instance input', () => { + expect(findInput().exists()).toBe(false); + }); + + describe('when form is submitted', () => { + it('emits "submit" event with gitlab.com as the payload', () => { + submitForm(); + + expect(wrapper.emitted('submit')[0][0]).toBe('https://gitlab.com'); + }); + }); + }); + + describe('when "self-managed" radio option is selected', () => { + beforeEach(async () => { + createComponent(); + + findFormRadioGroup().vm.$emit('input', VersionSelectForm.radioOptions.selfManaged); + await nextTick(); + }); + + it('reveals the self-managed input field', () => { + expect(findInput().exists()).toBe(true); + }); + + describe('when form is submitted', () => { + it('emits "submit" event with the input field value as the payload', () => { + const mockInstanceUrl = 'https://gitlab.example.com'; + + findInput().vm.$emit('input', mockInstanceUrl); + submitForm(); + + expect(wrapper.emitted('submit')[0][0]).toBe(mockInstanceUrl); + }); + }); + }); +}); diff --git a/spec/frontend/jira_connect/subscriptions/pages/sign_in/sign_in_page_spec.js b/spec/frontend/jira_connect/subscriptions/pages/sign_in/sign_in_page_spec.js new file mode 100644 index 00000000000..65b08fba592 --- /dev/null +++ b/spec/frontend/jira_connect/subscriptions/pages/sign_in/sign_in_page_spec.js @@ -0,0 +1,82 @@ +import { shallowMount } from '@vue/test-utils'; + +import SignInPage from '~/jira_connect/subscriptions/pages/sign_in/sign_in_page.vue'; +import SignInGitlabCom from '~/jira_connect/subscriptions/pages/sign_in/sign_in_gitlab_com.vue'; +import SignInGitlabMultiversion from '~/jira_connect/subscriptions/pages/sign_in/sign_in_gitlab_multiversion/index.vue'; +import createStore from '~/jira_connect/subscriptions/store'; + +describe('SignInPage', () => { + let wrapper; + let store; + + const findSignInGitlabCom = () => wrapper.findComponent(SignInGitlabCom); + const findSignInGitabMultiversion = () => wrapper.findComponent(SignInGitlabMultiversion); + + const createComponent = ({ + props = {}, + jiraConnectOauthEnabled, + jiraConnectOauthSelfManagedEnabled, + } = {}) => { + store = createStore(); + + wrapper = shallowMount(SignInPage, { + store, + provide: { + glFeatures: { + jiraConnectOauth: jiraConnectOauthEnabled, + jiraConnectOauthSelfManaged: jiraConnectOauthSelfManagedEnabled, + }, + }, + propsData: { hasSubscriptions: false, ...props }, + }); + }; + + afterEach(() => { + wrapper.destroy(); + }); + + it.each` + jiraConnectOauthEnabled | jiraConnectOauthSelfManagedEnabled | shouldRenderDotCom | shouldRenderMultiversion + ${false} | ${false} | ${true} | ${false} + ${false} | ${true} | ${true} | ${false} + ${true} | ${false} | ${true} | ${false} + ${true} | ${true} | ${false} | ${true} + `( + 'renders correct component when jiraConnectOauth is $jiraConnectOauthEnabled and jiraConnectOauthSelfManaged is $jiraConnectOauthSelfManagedEnabled', + ({ + jiraConnectOauthEnabled, + jiraConnectOauthSelfManagedEnabled, + shouldRenderDotCom, + shouldRenderMultiversion, + }) => { + createComponent({ jiraConnectOauthEnabled, jiraConnectOauthSelfManagedEnabled }); + + expect(findSignInGitlabCom().exists()).toBe(shouldRenderDotCom); + expect(findSignInGitabMultiversion().exists()).toBe(shouldRenderMultiversion); + }, + ); + + describe('when jiraConnectOauthSelfManaged is false', () => { + beforeEach(() => { + createComponent({ jiraConnectOauthSelfManaged: false, props: { hasSubscriptions: true } }); + }); + + it('renders SignInGitlabCom with correct props', () => { + expect(findSignInGitlabCom().props()).toEqual({ hasSubscriptions: true }); + }); + + describe('when error event is emitted', () => { + it('emits another error event', () => { + findSignInGitlabCom().vm.$emit('error'); + expect(wrapper.emitted('error')[0]).toBeTruthy(); + }); + }); + + describe('when sign-in-oauth event is emitted', () => { + it('emits another sign-in-oauth event', () => { + findSignInGitlabCom().vm.$emit('sign-in-oauth'); + expect(wrapper.emitted('sign-in-oauth')[0]).toEqual([]); + }); + }); + }); +}); |