import {browserHistory} from 'react-router';
import {render, screen, userEvent} from 'sentry-test/reactTestingLibrary';
import {IssueCategory} from 'sentry/types';
import GroupHeader from 'sentry/views/issueDetails/header';
import {ReprocessingStatus} from 'sentry/views/issueDetails/utils';
describe('groupDetails', () => {
const baseUrl = 'BASE_URL/';
const organization = TestStubs.Organization();
const project = TestStubs.Project({
teams: [TestStubs.Team()],
});
describe('issue category: error, js project', () => {
const defaultProps = {
organization,
baseUrl,
group: TestStubs.Group({issueCategory: IssueCategory.ERROR}),
groupReprocessingStatus: ReprocessingStatus.NO_STATUS,
project,
};
it('displays the correct tabs with all features enabled', async () => {
const orgWithFeatures = TestStubs.Organization({
features: ['similarity-view', 'event-attachments', 'session-replay'],
});
const jsProjectWithSimilarityView = TestStubs.Project({
features: ['similarity-view'],
platform: 'javascript',
});
const MOCK_GROUP = TestStubs.Group();
MockApiClient.addMockResponse({
url: `/organizations/${organization.slug}/replay-count/`,
method: 'GET',
body: {
[MOCK_GROUP.id]: ['replay42', 'replay256'],
},
});
render(
,
{organization: orgWithFeatures}
);
await userEvent.click(screen.getByRole('tab', {name: /details/i}));
expect(browserHistory.push).toHaveBeenLastCalledWith('BASE_URL/');
await userEvent.click(screen.getByRole('tab', {name: /activity/i}));
expect(browserHistory.push).toHaveBeenCalledWith('BASE_URL/activity/');
await userEvent.click(screen.getByRole('tab', {name: /user feedback/i}));
expect(browserHistory.push).toHaveBeenCalledWith('BASE_URL/feedback/');
await userEvent.click(screen.getByRole('tab', {name: /attachments/i}));
expect(browserHistory.push).toHaveBeenCalledWith('BASE_URL/attachments/');
await userEvent.click(screen.getByRole('tab', {name: /tags/i}));
expect(browserHistory.push).toHaveBeenCalledWith('BASE_URL/tags/');
await userEvent.click(screen.getByRole('tab', {name: /all events/i}));
expect(browserHistory.push).toHaveBeenCalledWith({
pathname: 'BASE_URL/events/',
query: {},
});
await userEvent.click(screen.getByRole('tab', {name: /merged issues/i}));
expect(browserHistory.push).toHaveBeenCalledWith('BASE_URL/merged/');
await userEvent.click(screen.getByRole('tab', {name: /replays/i}));
expect(browserHistory.push).toHaveBeenCalledWith('BASE_URL/replays/');
expect(screen.queryByRole('tab', {name: /replays/i})).toBeInTheDocument();
});
});
describe('issue category: error, mobile project', () => {
const defaultProps = {
organization,
baseUrl,
group: TestStubs.Group({issueCategory: IssueCategory.ERROR}),
groupReprocessingStatus: ReprocessingStatus.NO_STATUS,
project,
};
it('displays the correct tabs with all features enabled', async () => {
const orgWithFeatures = TestStubs.Organization({
features: ['similarity-view', 'event-attachments', 'session-replay'],
});
const mobileProjectWithSimilarityView = TestStubs.Project({
features: ['similarity-view'],
platform: 'apple-ios',
});
const MOCK_GROUP = TestStubs.Group();
MockApiClient.addMockResponse({
url: `/organizations/${organization.slug}/replay-count/`,
method: 'GET',
body: {
[MOCK_GROUP.id]: ['replay42', 'replay256'],
},
});
render(
,
{organization: orgWithFeatures}
);
await userEvent.click(screen.getByRole('tab', {name: /similar issues/i}));
expect(browserHistory.push).toHaveBeenCalledWith('BASE_URL/similar/');
expect(screen.queryByRole('tab', {name: /replays/i})).not.toBeInTheDocument();
});
});
describe('issue category: performance', () => {
const defaultProps = {
organization,
baseUrl,
group: TestStubs.Group({issueCategory: IssueCategory.PERFORMANCE}),
groupReprocessingStatus: ReprocessingStatus.NO_STATUS,
project,
};
it('displays the correct tabs with all features enabled', async () => {
const orgWithFeatures = TestStubs.Organization({
features: ['similarity-view', 'event-attachments', 'session-replay'],
});
const projectWithSimilarityView = TestStubs.Project({
features: ['similarity-view'],
});
const MOCK_GROUP = TestStubs.Group({issueCategory: IssueCategory.PERFORMANCE});
MockApiClient.addMockResponse({
url: `/organizations/${organization.slug}/replay-count/`,
method: 'GET',
body: {
[MOCK_GROUP.id]: ['replay42', 'replay256'],
},
});
render(
,
{organization: orgWithFeatures}
);
await userEvent.click(screen.getByRole('tab', {name: /details/i}));
expect(browserHistory.push).toHaveBeenLastCalledWith('BASE_URL/');
await userEvent.click(screen.getByRole('tab', {name: /tags/i}));
expect(browserHistory.push).toHaveBeenCalledWith('BASE_URL/tags/');
await userEvent.click(screen.getByRole('tab', {name: /all events/i}));
expect(browserHistory.push).toHaveBeenCalledWith({
pathname: 'BASE_URL/events/',
query: {},
});
expect(screen.queryByRole('tab', {name: /user feedback/i})).not.toBeInTheDocument();
expect(screen.queryByRole('tab', {name: /attachments/i})).not.toBeInTheDocument();
expect(screen.queryByRole('tab', {name: /merged issues/i})).not.toBeInTheDocument();
expect(
screen.queryByRole('tab', {name: /similar issues/i})
).not.toBeInTheDocument();
expect(screen.queryByRole('tab', {name: /replays/i})).not.toBeInTheDocument();
});
});
});