123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131 |
- import {
- render,
- renderGlobalModal,
- screen,
- userEvent,
- } from 'sentry-test/reactTestingLibrary';
- import {fetchPlugins} from 'sentry/actionCreators/plugins';
- import ProjectReleaseTrackingContainer, {
- ProjectReleaseTracking,
- } from 'sentry/views/settings/project/projectReleaseTracking';
- jest.mock('sentry/actionCreators/plugins', () => ({
- fetchPlugins: jest.fn().mockResolvedValue([]),
- }));
- describe('ProjectReleaseTracking', function () {
- const org = TestStubs.Organization();
- const project = TestStubs.Project();
- const url = `/projects/${org.slug}/${project.slug}/releases/token/`;
- beforeEach(function () {
- MockApiClient.clearMockResponses();
- MockApiClient.addMockResponse({
- url: `/projects/${org.slug}/${project.slug}/plugins/`,
- method: 'GET',
- body: TestStubs.Plugins(),
- });
- MockApiClient.addMockResponse({
- url,
- method: 'GET',
- body: {
- webhookUrl: 'webhook-url',
- token: 'token token token',
- },
- });
- });
- it('renders with token', function () {
- render(
- <ProjectReleaseTracking
- organization={org}
- project={project}
- plugins={{loading: false, plugins: TestStubs.Plugins()}}
- params={{projectId: project.slug}}
- />
- );
- expect(screen.getByRole('textbox')).toHaveValue('token token token');
- });
- it('can regenerate token', async function () {
- render(
- <ProjectReleaseTracking
- organization={org}
- project={project}
- plugins={{loading: false, plugins: TestStubs.Plugins()}}
- params={{projectId: project.slug}}
- />
- );
- const mock = MockApiClient.addMockResponse({
- url,
- method: 'POST',
- body: {
- webhookUrl: 'webhook-url',
- token: 'token token token',
- },
- });
- // Click Regenerate Token
- await userEvent.click(screen.getByRole('button', {name: 'Regenerate Token'}));
- renderGlobalModal();
- expect(screen.getByRole('dialog')).toBeInTheDocument();
- expect(mock).not.toHaveBeenCalled();
- await userEvent.click(screen.getByRole('button', {name: 'Confirm'}));
- expect(mock).toHaveBeenCalledWith(
- url,
- expect.objectContaining({
- method: 'POST',
- data: {
- project: project.slug,
- },
- })
- );
- });
- it('fetches new plugins when project changes', function () {
- const {rerender} = render(
- <ProjectReleaseTrackingContainer
- organization={org}
- project={project}
- params={{projectId: project.slug}}
- />
- );
- expect(fetchPlugins).toHaveBeenCalled();
- fetchPlugins.mockClear();
- // For example, this happens when we switch to a new project using settings breadcrumb
- rerender(
- <ProjectReleaseTrackingContainer
- organization={org}
- project={{...project, slug: 'new-project'}}
- params={{projectId: 'new-project'}}
- />
- );
- expect(fetchPlugins).toHaveBeenCalledWith(
- expect.objectContaining({
- projectId: 'new-project',
- })
- );
- fetchPlugins.mockClear();
- // Does not call fetchPlugins if slug is the same
- rerender(
- <ProjectReleaseTrackingContainer
- organization={org}
- project={{...project, slug: 'new-project'}}
- params={{projectId: 'new-project'}}
- />
- );
- expect(fetchPlugins).not.toHaveBeenCalled();
- });
- });
|