import {GitHubIntegrationFixture} from 'sentry-fixture/githubIntegration';
import {GitHubIntegrationProviderFixture} from 'sentry-fixture/githubIntegrationProvider';
import {LocationFixture} from 'sentry-fixture/locationFixture';
import {OrganizationFixture} from 'sentry-fixture/organization';
import {RouteComponentPropsFixture} from 'sentry-fixture/routeComponentPropsFixture';
import {render, screen, userEvent, waitFor} from 'sentry-test/reactTestingLibrary';
import IntegrationDetailedView from 'sentry/views/settings/organizationIntegrations/integrationDetailedView';
describe('IntegrationDetailedView', function () {
const ENDPOINT = '/organizations/org-slug/';
const org = OrganizationFixture({
access: ['org:integrations', 'org:write'],
});
beforeEach(() => {
MockApiClient.clearMockResponses();
MockApiClient.addMockResponse({
url: `/organizations/${org.slug}/config/integrations/?provider_key=bitbucket`,
body: {
providers: [
{
canAdd: true,
canDisable: false,
features: ['commits', 'issue-basic'],
key: 'bitbucket',
metadata: {
aspects: {},
author: 'The Sentry Team',
description:
'Connect your Sentry organization to Bitbucket, enabling the following features:',
features: [],
issue_url:
'https://github.com/getsentry/sentry/issues/new?template=bug.yml&title=Bitbucket%20Integration:%20&labels=Component%3A%20Integrations',
noun: 'Installation',
source_url:
'https://github.com/getsentry/sentry/tree/master/src/sentry/integrations/bitbucket',
},
name: 'Bitbucket',
setupDialog: {
height: 600,
url: '/organizations/sentry/integrations/bitbucket/setup/',
width: 600,
},
slug: 'bitbucket',
},
],
},
});
MockApiClient.addMockResponse({
url: `/organizations/${org.slug}/integrations/?provider_key=bitbucket&includeConfig=0`,
body: [
{
accountType: null,
configData: {},
configOrganization: [],
domainName: 'bitbucket.org/%7Bfb715533-bbd7-4666-aa57-01dc93dd9cc0%7D',
icon: 'https://secure.gravatar.com/avatar/8b4cb68e40b74c90427d8262256bd1c8?d=https%3A%2F%2Favatar-management--avatars.us-west-2.prod.public.atl-paas.net%2Finitials%2FNN-0.png',
id: '4',
name: '{fb715533-bbd7-4666-aa57-01dc93dd9cc0}',
provider: {
aspects: {},
canAdd: true,
canDisable: false,
features: ['commits', 'issue-basic'],
key: 'bitbucket',
name: 'Bitbucket',
slug: 'bitbucket',
},
status: 'active',
},
],
});
});
it('shows integration name, status, and install button', function () {
render(
);
expect(screen.getByText('Bitbucket')).toBeInTheDocument();
expect(screen.getByText('Installed')).toBeInTheDocument();
expect(screen.getByRole('button', {name: 'Add integration'})).toBeEnabled();
});
it('view configurations', function () {
render(
);
expect(screen.getByTestId('integration-name')).toHaveTextContent(
'{fb715533-bbd7-4666-aa57-01dc93dd9cc0}'
);
expect(screen.getByRole('button', {name: 'Configure'})).toBeEnabled();
});
it('disables configure for members without access', function () {
render(
,
{organization: OrganizationFixture({access: ['org:read']})}
);
expect(screen.getByRole('button', {name: 'Configure'})).toBeDisabled();
});
it('allows members to configure github/gitlab', function () {
MockApiClient.addMockResponse({
url: `/organizations/${org.slug}/config/integrations/?provider_key=github`,
body: {
providers: [GitHubIntegrationProviderFixture()],
},
});
MockApiClient.addMockResponse({
url: `/organizations/${org.slug}/integrations/?provider_key=github&includeConfig=0`,
body: [
{
accountType: null,
configData: {},
configOrganization: [],
domainName: 'github.com/%7Bfb715533-bbd7-4666-aa57-01dc93dd9cc0%7D',
icon: 'https://secure.gravatar.com/avatar/8b4cb68e40b74c90427d8262256bd1c8?d=https%3A%2F%2Favatar-management--avatars.us-west-2.prod.public.atl-paas.net%2Finitials%2FNN-0.png',
id: '4',
name: '{fb715533-bbd7-4666-aa57-01dc93dd9cc0}',
provider: {
aspects: {},
canAdd: true,
canDisable: false,
features: ['commits', 'issue-basic'],
key: 'github',
name: 'GitHub',
slug: 'github',
},
status: 'active',
},
],
});
render(
,
{organization: OrganizationFixture({access: ['org:read']})}
);
expect(screen.getByRole('button', {name: 'Configure'})).toBeEnabled();
});
it('shows features tab for github only', function () {
MockApiClient.addMockResponse({
url: `/organizations/${org.slug}/config/integrations/?provider_key=github`,
body: {
providers: [GitHubIntegrationProviderFixture()],
},
});
MockApiClient.addMockResponse({
url: `/organizations/${org.slug}/integrations/?provider_key=github&includeConfig=0`,
body: [
{
accountType: null,
configData: {},
configOrganization: [],
domainName: 'github.com/%7Bfb715533-bbd7-4666-aa57-01dc93dd9cc0%7D',
icon: 'https://secure.gravatar.com/avatar/8b4cb68e40b74c90427d8262256bd1c8?d=https%3A%2F%2Favatar-management--avatars.us-west-2.prod.public.atl-paas.net%2Finitials%2FNN-0.png',
id: '4',
name: '{fb715533-bbd7-4666-aa57-01dc93dd9cc0}',
provider: {
aspects: {},
canAdd: true,
canDisable: false,
features: ['commits', 'issue-basic'],
key: 'github',
name: 'GitHub',
slug: 'github',
},
status: 'active',
},
],
});
render(
);
expect(screen.getByText('features')).toBeInTheDocument();
});
it('cannot enable PR bot without GitHub integration', async function () {
org.features.push('integrations-open-pr-comment');
MockApiClient.addMockResponse({
url: `/organizations/${org.slug}/config/integrations/?provider_key=github`,
body: {
providers: [GitHubIntegrationProviderFixture()],
},
});
MockApiClient.addMockResponse({
url: `/organizations/${org.slug}/integrations/?provider_key=github&includeConfig=0`,
body: [],
});
render(
);
await userEvent.click(screen.getByText('features'));
expect(
screen.getByRole('checkbox', {name: /Enable Comments on Suspect Pull Requests/})
).toBeDisabled();
expect(
screen.getByRole('checkbox', {name: /Enable Comments on Open Pull Requests/})
).toBeDisabled();
});
it('can enable github features', async function () {
org.features.push('integrations-open-pr-comment');
org.features.push('integrations-gh-invite');
MockApiClient.addMockResponse({
url: `/organizations/${org.slug}/config/integrations/?provider_key=github`,
body: {
providers: [GitHubIntegrationProviderFixture()],
},
});
MockApiClient.addMockResponse({
url: `/organizations/${org.slug}/integrations/?provider_key=github&includeConfig=0`,
body: [GitHubIntegrationFixture()],
});
render(
);
await userEvent.click(screen.getByText('features'));
const mock = MockApiClient.addMockResponse({
url: ENDPOINT,
method: 'PUT',
});
await userEvent.click(
screen.getByRole('checkbox', {name: /Enable Comments on Suspect Pull Requests/})
);
await waitFor(() => {
expect(mock).toHaveBeenCalledWith(
ENDPOINT,
expect.objectContaining({
data: {githubPRBot: true},
})
);
});
await userEvent.click(
screen.getByRole('checkbox', {name: /Enable Comments on Open Pull Requests/})
);
await waitFor(() => {
expect(mock).toHaveBeenCalledWith(
ENDPOINT,
expect.objectContaining({
data: {githubOpenPRBot: true},
})
);
});
await userEvent.click(
screen.getByRole('checkbox', {name: /Enable Missing Member Detection/})
);
await waitFor(() => {
expect(mock).toHaveBeenCalledWith(
ENDPOINT,
expect.objectContaining({
data: {githubNudgeInvite: true},
})
);
});
});
});