1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444 |
- import {browserHistory} from 'react-router';
- import merge from 'lodash/merge';
- import {initializeOrg} from 'sentry-test/initializeOrg';
- import {
- act,
- render,
- screen,
- userEvent,
- waitFor,
- waitForElementToBeRemoved,
- } from 'sentry-test/reactTestingLibrary';
- import {textWithMarkupMatcher} from 'sentry-test/utils';
- import StreamGroup from 'sentry/components/stream/group';
- import ProjectsStore from 'sentry/stores/projectsStore';
- import TagStore from 'sentry/stores/tagStore';
- import {SavedSearchVisibility} from 'sentry/types';
- import localStorageWrapper from 'sentry/utils/localStorage';
- import * as parseLinkHeader from 'sentry/utils/parseLinkHeader';
- import IssueListWithStores, {IssueListOverview} from 'sentry/views/issueList/overview';
- // Mock <IssueListActions>
- jest.mock('sentry/views/issueList/actions', () => jest.fn(() => null));
- jest.mock('sentry/components/stream/group', () => jest.fn(() => null));
- const DEFAULT_LINKS_HEADER =
- '<http://127.0.0.1:8000/api/0/organizations/org-slug/issues/?cursor=1443575731:0:1>; rel="previous"; results="false"; cursor="1443575731:0:1", ' +
- '<http://127.0.0.1:8000/api/0/organizations/org-slug/issues/?cursor=1443575000:0:0>; rel="next"; results="true"; cursor="1443575000:0:0"';
- const project = TestStubs.ProjectDetails({
- id: '3559',
- name: 'Foo Project',
- slug: 'project-slug',
- firstEvent: true,
- });
- const {organization, router, routerContext} = initializeOrg({
- organization: {
- id: '1337',
- slug: 'org-slug',
- features: ['global-views'],
- access: ['releases'],
- },
- router: {
- location: {query: {}, search: ''},
- params: {},
- },
- project,
- });
- const routerProps = {
- params: router.params,
- location: router.location,
- };
- describe('IssueList', function () {
- let props;
- let group;
- let groupStats;
- let savedSearch;
- let fetchTagsRequest;
- let fetchMembersRequest;
- const api = new MockApiClient();
- const parseLinkHeaderSpy = jest.spyOn(parseLinkHeader, 'default');
- beforeEach(function () {
- // The tests fail because we have a "component update was not wrapped in act" error.
- // It should be safe to ignore this error, but we should remove the mock once we move to react testing library
- // eslint-disable-next-line no-console
- jest.spyOn(console, 'error').mockImplementation(jest.fn());
- localStorageWrapper.clear();
- MockApiClient.clearMockResponses();
- savedSearch = TestStubs.Search({
- id: '789',
- query: 'is:unresolved TypeError',
- sort: 'date',
- name: 'Unresolved TypeErrors',
- projectId: project.id,
- });
- group = TestStubs.Group({project});
- MockApiClient.addMockResponse({
- url: '/organizations/org-slug/issues/',
- body: [group],
- headers: {
- Link: DEFAULT_LINKS_HEADER,
- },
- });
- groupStats = TestStubs.GroupStats();
- MockApiClient.addMockResponse({
- url: '/organizations/org-slug/issues-stats/',
- body: [groupStats],
- });
- MockApiClient.addMockResponse({
- url: '/organizations/org-slug/searches/',
- body: [savedSearch],
- });
- MockApiClient.addMockResponse({
- url: '/organizations/org-slug/recent-searches/',
- body: [],
- });
- MockApiClient.addMockResponse({
- url: '/organizations/org-slug/recent-searches/',
- method: 'POST',
- body: [],
- });
- MockApiClient.addMockResponse({
- url: '/organizations/org-slug/issues-count/',
- method: 'GET',
- body: [{}],
- });
- MockApiClient.addMockResponse({
- url: '/organizations/org-slug/processingissues/',
- method: 'GET',
- body: [
- {
- project: 'test-project',
- numIssues: 1,
- hasIssues: true,
- lastSeen: '2019-01-16T15:39:11.081Z',
- },
- ],
- });
- const tags = TestStubs.Tags();
- fetchTagsRequest = MockApiClient.addMockResponse({
- url: '/organizations/org-slug/tags/',
- method: 'GET',
- body: tags,
- });
- fetchMembersRequest = MockApiClient.addMockResponse({
- url: '/organizations/org-slug/users/',
- method: 'GET',
- body: [TestStubs.Member({projects: [project.slug]})],
- });
- MockApiClient.addMockResponse({
- url: '/organizations/org-slug/sent-first-event/',
- body: {sentFirstEvent: true},
- });
- MockApiClient.addMockResponse({
- url: '/organizations/org-slug/projects/',
- body: [project],
- });
- TagStore.init();
- props = {
- api,
- savedSearchLoading: false,
- savedSearches: [savedSearch],
- useOrgSavedSearches: true,
- selection: {
- projects: [parseInt(organization.projects[0].id, 10)],
- environments: [],
- datetime: {period: '14d'},
- },
- location: {query: {query: 'is:unresolved'}, search: 'query=is:unresolved'},
- params: {},
- organization,
- tags: tags.reduce((acc, tag) => {
- acc[tag.key] = tag;
- return acc;
- }),
- };
- });
- afterEach(function () {
- jest.clearAllMocks();
- MockApiClient.clearMockResponses();
- });
- describe('withStores and feature flags', function () {
- const defaultProps = {};
- let savedSearchesRequest;
- let recentSearchesRequest;
- let issuesRequest;
- beforeEach(function () {
- StreamGroup.mockClear();
- recentSearchesRequest = MockApiClient.addMockResponse({
- url: '/organizations/org-slug/recent-searches/',
- method: 'GET',
- body: [],
- });
- savedSearchesRequest = MockApiClient.addMockResponse({
- url: '/organizations/org-slug/searches/',
- body: [savedSearch],
- });
- issuesRequest = MockApiClient.addMockResponse({
- url: '/organizations/org-slug/issues/',
- body: [group],
- headers: {
- Link: DEFAULT_LINKS_HEADER,
- },
- });
- });
- it('loads group rows with default query (no pinned queries, and no query in URL)', async function () {
- render(<IssueListWithStores {...routerProps} {...defaultProps} />, {
- context: routerContext,
- });
- // Loading saved searches
- await waitForElementToBeRemoved(() => screen.getByTestId('loading-indicator'));
- expect(savedSearchesRequest).toHaveBeenCalledTimes(1);
- userEvent.click(await screen.findByRole('textbox'));
- // auxillary requests being made
- expect(recentSearchesRequest).toHaveBeenCalledTimes(1);
- expect(fetchTagsRequest).toHaveBeenCalledTimes(1);
- expect(fetchMembersRequest).toHaveBeenCalledTimes(1);
- // primary /issues/ request
- expect(issuesRequest).toHaveBeenCalledWith(
- expect.anything(),
- expect.objectContaining({
- // Should be called with default query
- data: expect.stringContaining('is%3Aunresolved'),
- })
- );
- expect(screen.getByRole('textbox')).toHaveValue('is:unresolved ');
- expect(screen.getByRole('button', {name: /custom search/i})).toBeInTheDocument();
- });
- it('loads with query in URL and pinned queries', async function () {
- savedSearchesRequest = MockApiClient.addMockResponse({
- url: '/organizations/org-slug/searches/',
- body: [
- savedSearch,
- TestStubs.Search({
- id: '123',
- name: 'My Pinned Search',
- isPinned: true,
- query: 'is:resolved',
- }),
- ],
- });
- const location = {query: {query: 'level:foo'}};
- render(
- <IssueListWithStores {...merge({}, routerProps, {location})} {...defaultProps} />,
- {context: routerContext, router: {location}}
- );
- await waitFor(() => {
- // Main /issues/ request
- expect(issuesRequest).toHaveBeenCalledWith(
- expect.anything(),
- expect.objectContaining({
- // Should be called with default query
- data: expect.stringContaining('level%3Afoo'),
- })
- );
- });
- expect(screen.getByRole('textbox')).toHaveValue('level:foo ');
- // Tab shows "custom search"
- expect(screen.getByRole('button', {name: 'Custom Search'})).toBeInTheDocument();
- });
- it('loads with a pinned custom query', async function () {
- savedSearchesRequest = MockApiClient.addMockResponse({
- url: '/organizations/org-slug/searches/',
- body: [
- savedSearch,
- TestStubs.Search({
- id: '123',
- name: 'My Pinned Search',
- isPinned: true,
- isGlobal: false,
- query: 'is:resolved',
- }),
- ],
- });
- render(<IssueListWithStores {...routerProps} {...defaultProps} />, {
- context: routerContext,
- });
- await waitFor(() => {
- expect(issuesRequest).toHaveBeenCalledWith(
- expect.anything(),
- expect.objectContaining({
- // Should be called with default query
- data: expect.stringContaining('is%3Aresolved'),
- })
- );
- });
- expect(screen.getByRole('textbox')).toHaveValue('is:resolved ');
- // Organization saved search selector should have default saved search selected
- expect(screen.getByRole('button', {name: 'My Default Search'})).toBeInTheDocument();
- });
- it('loads with a saved query', async function () {
- savedSearchesRequest = MockApiClient.addMockResponse({
- url: '/organizations/org-slug/searches/',
- body: [
- TestStubs.Search({
- id: '123',
- name: 'Assigned to Me',
- isPinned: false,
- isGlobal: true,
- query: 'assigned:me',
- sort: 'priority',
- projectId: null,
- type: 0,
- }),
- ],
- });
- const localRouter = {params: {searchId: '123'}};
- render(
- <IssueListWithStores
- {...merge({}, routerProps, localRouter)}
- {...defaultProps}
- />,
- {context: routerContext, router: localRouter}
- );
- await waitFor(() => {
- expect(issuesRequest).toHaveBeenCalledWith(
- expect.anything(),
- expect.objectContaining({
- // Should be called with default query
- data:
- expect.stringContaining('assigned%3Ame') &&
- expect.stringContaining('sort=priority'),
- })
- );
- });
- expect(screen.getByRole('textbox')).toHaveValue('assigned:me ');
- // Organization saved search selector should have default saved search selected
- expect(screen.getByRole('button', {name: 'Assigned to Me'})).toBeInTheDocument();
- });
- it('loads with a query in URL', async function () {
- savedSearchesRequest = MockApiClient.addMockResponse({
- url: '/organizations/org-slug/searches/',
- body: [
- TestStubs.Search({
- id: '123',
- name: 'Assigned to Me',
- isPinned: false,
- isGlobal: true,
- query: 'assigned:me',
- projectId: null,
- type: 0,
- }),
- ],
- });
- const localRouter = {location: {query: {query: 'level:error'}}};
- render(
- <IssueListWithStores
- {...merge({}, routerProps, localRouter)}
- {...defaultProps}
- />,
- {context: routerContext, router: localRouter}
- );
- await waitFor(() => {
- expect(issuesRequest).toHaveBeenCalledWith(
- expect.anything(),
- expect.objectContaining({
- // Should be called with default query
- data: expect.stringContaining('level%3Aerror'),
- })
- );
- });
- expect(screen.getByRole('textbox')).toHaveValue('level:error ');
- // Organization saved search selector should have default saved search selected
- expect(screen.getByRole('button', {name: 'Custom Search'})).toBeInTheDocument();
- });
- it('loads with an empty query in URL', async function () {
- savedSearchesRequest = MockApiClient.addMockResponse({
- url: '/organizations/org-slug/searches/',
- body: [
- TestStubs.Search({
- id: '123',
- name: 'My Pinned Search',
- isPinned: true,
- isGlobal: false,
- query: 'is:resolved',
- }),
- ],
- });
- render(
- <IssueListWithStores
- {...merge({}, routerProps, {location: {query: {query: undefined}}})}
- {...defaultProps}
- />,
- {context: routerContext}
- );
- await waitFor(() => {
- expect(issuesRequest).toHaveBeenCalledWith(
- expect.anything(),
- expect.objectContaining({
- // Should be called with empty query
- data: expect.stringContaining(''),
- })
- );
- });
- expect(screen.getByRole('textbox')).toHaveValue('is:resolved ');
- // Organization saved search selector should have default saved search selected
- expect(screen.getByRole('button', {name: 'My Default Search'})).toBeInTheDocument();
- });
- it('1 search', async function () {
- const localSavedSearch = {...savedSearch, projectId: null};
- savedSearchesRequest = MockApiClient.addMockResponse({
- url: '/organizations/org-slug/searches/',
- body: [localSavedSearch],
- });
- render(<IssueListWithStores {...routerProps} {...defaultProps} />, {
- context: routerContext,
- });
- await waitForElementToBeRemoved(() => screen.getByTestId('loading-indicator'));
- userEvent.click(screen.getByRole('button', {name: /custom search/i}));
- userEvent.click(screen.getByRole('button', {name: localSavedSearch.name}));
- expect(browserHistory.push).toHaveBeenLastCalledWith(
- expect.objectContaining({
- pathname: '/organizations/org-slug/issues/searches/789/',
- })
- );
- });
- it('clears a saved search when a custom one is entered', async function () {
- savedSearchesRequest = MockApiClient.addMockResponse({
- url: '/organizations/org-slug/searches/',
- body: [
- savedSearch,
- TestStubs.Search({
- id: '123',
- name: 'Pinned search',
- isPinned: true,
- isGlobal: false,
- query: 'is:resolved',
- }),
- ],
- });
- render(<IssueListWithStores {...routerProps} {...defaultProps} />, {
- context: routerContext,
- });
- await waitForElementToBeRemoved(() => screen.getByTestId('loading-indicator'));
- userEvent.clear(screen.getByRole('textbox'));
- userEvent.type(screen.getByRole('textbox'), 'dogs{enter}');
- expect(browserHistory.push).toHaveBeenLastCalledWith(
- expect.objectContaining({
- pathname: '/organizations/org-slug/issues/',
- query: {
- environment: [],
- project: [],
- referrer: 'issue-list',
- query: 'dogs',
- statsPeriod: '14d',
- },
- })
- );
- });
- it('pins a custom query', async function () {
- const pinnedSearch = {
- id: '666',
- name: 'My Pinned Search',
- query: 'assigned:me level:fatal',
- sort: 'date',
- isPinned: true,
- visibility: SavedSearchVisibility.Organization,
- };
- savedSearchesRequest = MockApiClient.addMockResponse({
- url: '/organizations/org-slug/searches/',
- body: [savedSearch],
- });
- const {rerender} = render(
- <IssueListWithStores {...routerProps} {...defaultProps} />,
- {context: routerContext}
- );
- await waitForElementToBeRemoved(() => screen.getByTestId('loading-indicator'));
- userEvent.clear(screen.getByRole('textbox'));
- userEvent.type(screen.getByRole('textbox'), 'assigned:me level:fatal{enter}');
- expect(browserHistory.push.mock.calls[0][0]).toEqual(
- expect.objectContaining({
- query: expect.objectContaining({
- query: 'assigned:me level:fatal',
- }),
- })
- );
- await tick();
- const routerWithQuery = {location: {query: {query: 'assigned:me level:fatal'}}};
- rerender(
- <IssueListWithStores
- {...merge({}, routerProps, routerWithQuery)}
- {...defaultProps}
- />,
- {context: routerContext, router: routerWithQuery}
- );
- expect(screen.getByRole('button', {name: 'Custom Search'})).toBeInTheDocument();
- MockApiClient.clearMockResponses();
- const createPin = MockApiClient.addMockResponse({
- url: '/organizations/org-slug/pinned-searches/',
- method: 'PUT',
- body: pinnedSearch,
- });
- MockApiClient.addMockResponse({
- url: '/organizations/org-slug/searches/',
- body: [savedSearch, pinnedSearch],
- });
- userEvent.click(screen.getByLabelText(/Set as Default/i));
- await waitFor(() => {
- expect(createPin).toHaveBeenCalled();
- expect(browserHistory.replace).toHaveBeenLastCalledWith(
- expect.objectContaining({
- pathname: '/organizations/org-slug/issues/searches/666/',
- query: {
- referrer: 'search-bar',
- },
- search: '',
- })
- );
- });
- });
- it('unpins a custom query', async function () {
- const pinnedSearch = TestStubs.Search({
- id: '666',
- name: 'My Pinned Search',
- query: 'assigned:me level:fatal',
- sort: 'date',
- isPinned: true,
- visibility: SavedSearchVisibility.Organization,
- });
- savedSearchesRequest = MockApiClient.addMockResponse({
- url: '/organizations/org-slug/searches/',
- body: [pinnedSearch],
- });
- const deletePin = MockApiClient.addMockResponse({
- url: '/organizations/org-slug/pinned-searches/',
- method: 'DELETE',
- });
- const routerWithSavedSearch = {
- params: {searchId: pinnedSearch.id},
- };
- render(
- <IssueListWithStores
- {...merge({}, routerProps, routerWithSavedSearch)}
- {...defaultProps}
- />,
- {context: routerContext, router: routerWithSavedSearch}
- );
- await waitForElementToBeRemoved(() => screen.getByTestId('loading-indicator'));
- expect(screen.getByRole('button', {name: 'My Default Search'})).toBeInTheDocument();
- userEvent.click(screen.getByLabelText(/Remove Default/i));
- await waitFor(() => {
- expect(deletePin).toHaveBeenCalled();
- });
- await waitFor(() => {
- expect(browserHistory.replace).toHaveBeenLastCalledWith(
- expect.objectContaining({
- pathname: '/organizations/org-slug/issues/',
- })
- );
- });
- });
- it('pins a saved query', async function () {
- const assignedToMe = TestStubs.Search({
- id: '234',
- name: 'Assigned to Me',
- isPinned: false,
- isGlobal: true,
- query: 'assigned:me',
- sort: 'date',
- projectId: null,
- type: 0,
- });
- savedSearchesRequest = MockApiClient.addMockResponse({
- url: '/organizations/org-slug/searches/',
- body: [savedSearch, assignedToMe],
- });
- const createPin = MockApiClient.addMockResponse({
- url: '/organizations/org-slug/pinned-searches/',
- method: 'PUT',
- body: {
- ...savedSearch,
- isPinned: true,
- },
- });
- const routerWithSavedSearch = {params: {searchId: '789'}};
- render(
- <IssueListWithStores
- {...merge({}, routerProps, routerWithSavedSearch)}
- {...defaultProps}
- />,
- {context: routerContext, router: routerWithSavedSearch}
- );
- await waitForElementToBeRemoved(() => screen.getByTestId('loading-indicator'));
- expect(screen.getByRole('button', {name: savedSearch.name})).toBeInTheDocument();
- userEvent.click(screen.getByLabelText(/set as default/i));
- await waitFor(() => {
- expect(createPin).toHaveBeenCalled();
- expect(browserHistory.replace).toHaveBeenLastCalledWith(
- expect.objectContaining({
- pathname: '/organizations/org-slug/issues/searches/789/',
- })
- );
- });
- });
- it('pinning search should keep project selected', async function () {
- savedSearchesRequest = MockApiClient.addMockResponse({
- url: '/organizations/org-slug/searches/',
- body: [savedSearch],
- });
- const {routerContext: newRouterContext, router: newRouter} = initializeOrg({
- router: {
- location: {
- query: {
- project: ['123'],
- environment: ['prod'],
- query: 'assigned:me level:fatal',
- },
- },
- },
- });
- render(
- <IssueListWithStores
- {...newRouter}
- {...defaultProps}
- selection={{
- projects: ['123'],
- environments: ['prod'],
- datetime: {},
- }}
- />,
- {context: newRouterContext}
- );
- await waitForElementToBeRemoved(() => screen.getByTestId('loading-indicator'));
- const createPin = MockApiClient.addMockResponse({
- url: '/organizations/org-slug/pinned-searches/',
- method: 'PUT',
- body: {
- ...savedSearch,
- id: '666',
- name: 'My Pinned Search',
- query: 'assigned:me level:fatal',
- sort: 'date',
- isPinned: true,
- },
- });
- userEvent.click(screen.getByLabelText(/set as default/i));
- await waitFor(() => {
- expect(createPin).toHaveBeenCalled();
- expect(browserHistory.replace).toHaveBeenLastCalledWith(
- expect.objectContaining({
- pathname: '/organizations/org-slug/issues/searches/666/',
- query: expect.objectContaining({
- project: ['123'],
- environment: ['prod'],
- query: 'assigned:me level:fatal',
- referrer: 'search-bar',
- }),
- })
- );
- });
- });
- it('unpinning search should keep project selected', async function () {
- const localSavedSearch = {
- ...savedSearch,
- id: '666',
- isPinned: true,
- query: 'assigned:me level:fatal',
- };
- savedSearchesRequest = MockApiClient.addMockResponse({
- url: '/organizations/org-slug/searches/',
- body: [localSavedSearch],
- });
- const deletePin = MockApiClient.addMockResponse({
- url: '/organizations/org-slug/pinned-searches/',
- method: 'DELETE',
- });
- const {routerContext: newRouterContext, router: newRouter} = initializeOrg(
- merge({}, router, {
- router: {
- location: {
- query: {
- project: ['123'],
- environment: ['prod'],
- query: 'assigned:me level:fatal',
- },
- },
- params: {searchId: '666'},
- },
- })
- );
- render(
- <IssueListWithStores
- {...newRouter}
- {...defaultProps}
- selection={{
- projects: ['123'],
- environments: ['prod'],
- datetime: {},
- }}
- savedSearch={localSavedSearch}
- />,
- {context: newRouterContext}
- );
- await waitForElementToBeRemoved(() => screen.getByTestId('loading-indicator'));
- userEvent.click(screen.getByLabelText(/Remove Default/i));
- await waitFor(() => {
- expect(deletePin).toHaveBeenCalled();
- expect(browserHistory.replace).toHaveBeenLastCalledWith(
- expect.objectContaining({
- pathname: '/organizations/org-slug/issues/',
- query: expect.objectContaining({
- project: ['123'],
- environment: ['prod'],
- query: 'assigned:me level:fatal',
- referrer: 'search-bar',
- }),
- })
- );
- });
- });
- it('does not allow pagination to "previous" while on first page and resets cursors when navigating back to initial page', async function () {
- const {rerender} = render(
- <IssueListWithStores {...routerProps} {...defaultProps} />,
- {
- context: routerContext,
- }
- );
- await waitForElementToBeRemoved(() => screen.getByTestId('loading-indicator'));
- expect(screen.getByRole('button', {name: 'Previous'})).toBeDisabled();
- issuesRequest = MockApiClient.addMockResponse({
- url: '/organizations/org-slug/issues/',
- body: [group],
- headers: {
- Link: '<http://127.0.0.1:8000/api/0/organizations/org-slug/issues/?cursor=1443575000:0:0>; rel="previous"; results="true"; cursor="1443575000:0:1", <http://127.0.0.1:8000/api/0/organizations/org-slug/issues/?cursor=1443574000:0:0>; rel="next"; results="true"; cursor="1443574000:0:0"',
- },
- });
- userEvent.click(screen.getByRole('button', {name: 'Next'}));
- let pushArgs = {
- pathname: '/organizations/org-slug/issues/',
- query: {
- cursor: '1443575000:0:0',
- page: 1,
- environment: [],
- project: [],
- query: 'is:unresolved',
- statsPeriod: '14d',
- referrer: 'issue-list',
- },
- };
- await waitFor(() => {
- expect(browserHistory.push).toHaveBeenLastCalledWith(pushArgs);
- });
- rerender(
- <IssueListWithStores
- {...merge({}, routerProps, {location: pushArgs})}
- {...defaultProps}
- />
- );
- expect(screen.getByRole('button', {name: 'Previous'})).toBeEnabled();
- // Click next again
- userEvent.click(screen.getByRole('button', {name: 'Next'}));
- pushArgs = {
- pathname: '/organizations/org-slug/issues/',
- query: {
- cursor: '1443574000:0:0',
- page: 2,
- environment: [],
- project: [],
- query: 'is:unresolved',
- statsPeriod: '14d',
- referrer: 'issue-list',
- },
- };
- await waitFor(() => {
- expect(browserHistory.push).toHaveBeenLastCalledWith(pushArgs);
- });
- rerender(
- <IssueListWithStores
- {...merge({}, routerProps, {location: pushArgs})}
- {...defaultProps}
- />
- );
- // Click previous
- userEvent.click(screen.getByRole('button', {name: 'Previous'}));
- pushArgs = {
- pathname: '/organizations/org-slug/issues/',
- query: {
- cursor: '1443575000:0:1',
- page: 1,
- environment: [],
- project: [],
- query: 'is:unresolved',
- statsPeriod: '14d',
- referrer: 'issue-list',
- },
- };
- await waitFor(() => {
- expect(browserHistory.push).toHaveBeenLastCalledWith(pushArgs);
- });
- rerender(
- <IssueListWithStores
- {...merge({}, routerProps, {location: pushArgs})}
- {...defaultProps}
- />
- );
- // Click previous back to initial page
- userEvent.click(screen.getByRole('button', {name: 'Previous'}));
- await waitFor(() => {
- // cursor is undefined because "prev" cursor is === initial "next" cursor
- expect(browserHistory.push).toHaveBeenLastCalledWith({
- pathname: '/organizations/org-slug/issues/',
- query: {
- cursor: undefined,
- environment: [],
- page: undefined,
- project: [],
- query: 'is:unresolved',
- statsPeriod: '14d',
- referrer: 'issue-list',
- },
- });
- });
- });
- });
- describe('transitionTo', function () {
- it('pushes to history when query is updated', function () {
- MockApiClient.addMockResponse({
- url: '/organizations/org-slug/issues/',
- body: [],
- headers: {
- Link: DEFAULT_LINKS_HEADER,
- },
- });
- render(<IssueListOverview {...props} />, {
- context: routerContext,
- });
- userEvent.clear(screen.getByRole('textbox'));
- userEvent.type(screen.getByRole('textbox'), 'is:ignored{enter}');
- expect(browserHistory.push).toHaveBeenCalledWith({
- pathname: '/organizations/org-slug/issues/',
- query: {
- environment: [],
- project: [parseInt(project.id, 10)],
- query: 'is:ignored',
- statsPeriod: '14d',
- referrer: 'issue-list',
- },
- });
- });
- });
- it('fetches tags and members', async function () {
- render(<IssueListOverview {...routerProps} {...props} />, {context: routerContext});
- await waitFor(() => {
- expect(fetchTagsRequest).toHaveBeenCalled();
- expect(fetchMembersRequest).toHaveBeenCalled();
- });
- });
- describe('componentDidUpdate fetching groups', function () {
- let fetchDataMock;
- beforeEach(function () {
- fetchDataMock = MockApiClient.addMockResponse({
- url: '/organizations/org-slug/issues/',
- body: [group],
- headers: {
- Link: DEFAULT_LINKS_HEADER,
- },
- });
- fetchDataMock.mockReset();
- });
- it('fetches data on selection change', function () {
- const {rerender} = render(<IssueListOverview {...routerProps} {...props} />, {
- context: routerContext,
- });
- rerender(
- <IssueListOverview
- {...routerProps}
- {...props}
- selection={{projects: [99], environments: [], datetime: {period: '24h'}}}
- />
- );
- expect(fetchDataMock).toHaveBeenCalled();
- });
- it('fetches data on savedSearch change', function () {
- const {rerender} = render(<IssueListOverview {...routerProps} {...props} />, {
- context: routerContext,
- });
- rerender(
- <IssueListOverview
- {...routerProps}
- {...props}
- savedSearch={{id: '1', query: 'is:resolved'}}
- />
- );
- expect(fetchDataMock).toHaveBeenCalled();
- });
- it('uses correct statsPeriod when fetching issues list and no datetime given', function () {
- const {rerender} = render(<IssueListOverview {...routerProps} {...props} />, {
- context: routerContext,
- });
- const selection = {projects: [99], environments: [], datetime: {}};
- rerender(<IssueListOverview {...routerProps} {...props} selection={selection} />);
- expect(fetchDataMock).toHaveBeenLastCalledWith(
- '/organizations/org-slug/issues/',
- expect.objectContaining({
- data: 'collapse=stats&expand=owners&expand=inbox&limit=25&project=99&query=is%3Aunresolved&shortIdLookup=1&statsPeriod=14d',
- })
- );
- });
- });
- describe('componentDidUpdate fetching members', function () {
- it('fetches memberlist and tags list on project change', function () {
- const {rerender} = render(<IssueListOverview {...routerProps} {...props} />, {
- context: routerContext,
- });
- // Called during componentDidMount
- expect(fetchMembersRequest).toHaveBeenCalledTimes(1);
- expect(fetchTagsRequest).toHaveBeenCalledTimes(1);
- const selection = {
- projects: [99],
- environments: [],
- datetime: {period: '24h'},
- };
- rerender(<IssueListOverview {...routerProps} {...props} selection={selection} />);
- expect(fetchMembersRequest).toHaveBeenCalledTimes(2);
- expect(fetchTagsRequest).toHaveBeenCalledTimes(2);
- });
- });
- describe('render states', function () {
- it('displays the loading icon when saved searches are loading', function () {
- render(<IssueListOverview {...routerProps} {...props} savedSearchLoading />, {
- context: routerContext,
- });
- expect(screen.getByTestId('loading-indicator')).toBeInTheDocument();
- });
- it('displays an error when issues fail to load', async function () {
- MockApiClient.addMockResponse({
- url: '/organizations/org-slug/issues/',
- status: 500,
- statusCode: 500,
- });
- render(<IssueListOverview {...routerProps} {...props} />, {
- context: routerContext,
- });
- expect(await screen.findByTestId('loading-error')).toBeInTheDocument();
- });
- it('displays congrats robots animation with only is:unresolved query', async function () {
- MockApiClient.addMockResponse({
- url: '/organizations/org-slug/issues/',
- body: [],
- headers: {
- Link: DEFAULT_LINKS_HEADER,
- },
- });
- render(<IssueListOverview {...routerProps} {...props} />, {context: routerContext});
- expect(
- await screen.findByText(/We couldn't find any issues that matched your filters/i)
- ).toBeInTheDocument();
- });
- it('displays an empty resultset with a non-default query', async function () {
- MockApiClient.addMockResponse({
- url: '/organizations/org-slug/issues/',
- body: [],
- headers: {
- Link: DEFAULT_LINKS_HEADER,
- },
- });
- render(<IssueListOverview {...routerProps} {...props} />, {context: routerContext});
- userEvent.type(screen.getByRole('textbox'), ' level:error{enter}');
- expect(
- await screen.findByText(/We couldn't find any issues that matched your filters/i)
- ).toBeInTheDocument();
- });
- });
- describe('Error Robot', function () {
- const createWrapper = async moreProps => {
- MockApiClient.addMockResponse({
- url: '/organizations/org-slug/issues/',
- body: [],
- headers: {
- Link: DEFAULT_LINKS_HEADER,
- },
- });
- const defaultProps = {
- ...props,
- useOrgSavedSearches: true,
- selection: {
- projects: [],
- environments: [],
- datetime: {period: '14d'},
- },
- ...merge({}, routerProps, {
- params: {},
- location: {query: {query: 'is:unresolved'}, search: 'query=is:unresolved'},
- }),
- organization: TestStubs.Organization({
- projects: [],
- }),
- ...moreProps,
- };
- render(<IssueListOverview {...defaultProps} />, {
- context: routerContext,
- });
- await waitForElementToBeRemoved(() => screen.getByTestId('loading-indicator'));
- };
- it('displays when no projects selected and all projects user is member of, does not have first event', async function () {
- const projects = [
- TestStubs.Project({
- id: '1',
- slug: 'foo',
- isMember: true,
- firstEvent: false,
- }),
- TestStubs.Project({
- id: '2',
- slug: 'bar',
- isMember: true,
- firstEvent: false,
- }),
- TestStubs.Project({
- id: '3',
- slug: 'baz',
- isMember: true,
- firstEvent: false,
- }),
- ];
- MockApiClient.addMockResponse({
- url: '/organizations/org-slug/sent-first-event/',
- query: {
- is_member: true,
- },
- body: {sentFirstEvent: false},
- });
- MockApiClient.addMockResponse({
- url: '/organizations/org-slug/projects/',
- body: projects,
- });
- MockApiClient.addMockResponse({
- url: '/projects/org-slug/foo/issues/',
- body: [],
- });
- await createWrapper({
- organization: TestStubs.Organization({
- projects,
- }),
- });
- expect(screen.getByTestId('awaiting-events')).toBeInTheDocument();
- });
- it('does not display when no projects selected and any projects have a first event', async function () {
- const projects = [
- TestStubs.Project({
- id: '1',
- slug: 'foo',
- isMember: true,
- firstEvent: false,
- }),
- TestStubs.Project({
- id: '2',
- slug: 'bar',
- isMember: true,
- firstEvent: true,
- }),
- TestStubs.Project({
- id: '3',
- slug: 'baz',
- isMember: true,
- firstEvent: false,
- }),
- ];
- MockApiClient.addMockResponse({
- url: '/organizations/org-slug/sent-first-event/',
- query: {
- is_member: true,
- },
- body: {sentFirstEvent: true},
- });
- MockApiClient.addMockResponse({
- url: '/organizations/org-slug/projects/',
- body: projects,
- });
- await createWrapper({
- organization: TestStubs.Organization({
- projects,
- }),
- });
- expect(screen.queryByTestId('awaiting-events')).not.toBeInTheDocument();
- });
- it('displays when all selected projects do not have first event', async function () {
- const projects = [
- TestStubs.Project({
- id: '1',
- slug: 'foo',
- isMember: true,
- firstEvent: false,
- }),
- TestStubs.Project({
- id: '2',
- slug: 'bar',
- isMember: true,
- firstEvent: false,
- }),
- TestStubs.Project({
- id: '3',
- slug: 'baz',
- isMember: true,
- firstEvent: false,
- }),
- ];
- MockApiClient.addMockResponse({
- url: '/organizations/org-slug/sent-first-event/',
- query: {
- project: [1, 2],
- },
- body: {sentFirstEvent: false},
- });
- MockApiClient.addMockResponse({
- url: '/organizations/org-slug/projects/',
- body: projects,
- });
- MockApiClient.addMockResponse({
- url: '/projects/org-slug/foo/issues/',
- body: [],
- });
- await createWrapper({
- selection: {
- projects: [1, 2],
- environments: [],
- datetime: {period: '14d'},
- },
- organization: TestStubs.Organization({
- projects,
- }),
- });
- expect(await screen.findByTestId('awaiting-events')).toBeInTheDocument();
- });
- it('does not display when any selected projects have first event', async function () {
- const projects = [
- TestStubs.Project({
- id: '1',
- slug: 'foo',
- isMember: true,
- firstEvent: false,
- }),
- TestStubs.Project({
- id: '2',
- slug: 'bar',
- isMember: true,
- firstEvent: true,
- }),
- TestStubs.Project({
- id: '3',
- slug: 'baz',
- isMember: true,
- firstEvent: true,
- }),
- ];
- MockApiClient.addMockResponse({
- url: '/organizations/org-slug/sent-first-event/',
- query: {
- project: [1, 2],
- },
- body: {sentFirstEvent: true},
- });
- MockApiClient.addMockResponse({
- url: '/organizations/org-slug/projects/',
- body: projects,
- });
- await createWrapper({
- selection: {
- projects: [1, 2],
- environments: [],
- datetime: {period: '14d'},
- },
- organization: TestStubs.Organization({
- projects,
- }),
- });
- expect(screen.queryByTestId('awaiting-events')).not.toBeInTheDocument();
- });
- });
- it('displays a count that represents the current page', function () {
- MockApiClient.addMockResponse({
- url: '/organizations/org-slug/issues/',
- body: [...new Array(25)].map((_, i) => ({id: i})),
- headers: {
- Link: DEFAULT_LINKS_HEADER,
- 'X-Hits': 500,
- 'X-Max-Hits': 1000,
- },
- });
- parseLinkHeaderSpy.mockReturnValue({
- next: {
- results: true,
- },
- previous: {
- results: false,
- },
- });
- props = {
- ...props,
- location: {
- query: {
- cursor: 'some cursor',
- page: 0,
- },
- },
- };
- const {routerContext: newRouterContext} = initializeOrg();
- render(<IssueListOverview {...props} />, {
- context: newRouterContext,
- });
- expect(
- screen.getByText(textWithMarkupMatcher('Showing 25 of 500 issues'))
- ).toBeInTheDocument();
- parseLinkHeaderSpy.mockReturnValue({
- next: {
- results: true,
- },
- previous: {
- results: true,
- },
- });
- expect(
- screen.getByText(textWithMarkupMatcher('Showing 25 of 500 issues'))
- ).toBeInTheDocument();
- });
- describe('project low priority queue alert', function () {
- const {routerContext: newRouterContext} = initializeOrg();
- beforeEach(function () {
- act(() => ProjectsStore.reset());
- });
- it('does not render event processing alert', function () {
- act(() => ProjectsStore.loadInitialData([project]));
- render(<IssueListOverview {...props} />, {
- context: newRouterContext,
- });
- expect(screen.queryByText(/event processing/i)).not.toBeInTheDocument();
- });
- describe('renders alert', function () {
- it('for one project', function () {
- act(() =>
- ProjectsStore.loadInitialData([
- {...project, eventProcessing: {symbolicationDegraded: true}},
- ])
- );
- render(<IssueListOverview {...props} />, {
- context: routerContext,
- });
- expect(
- screen.getByText(/Event Processing for this project is currently degraded/i)
- ).toBeInTheDocument();
- });
- it('for multiple projects', function () {
- const projectBar = TestStubs.ProjectDetails({
- id: '3560',
- name: 'Bar Project',
- slug: 'project-slug-bar',
- });
- act(() =>
- ProjectsStore.loadInitialData([
- {
- ...project,
- slug: 'project-slug',
- eventProcessing: {symbolicationDegraded: true},
- },
- {
- ...projectBar,
- slug: 'project-slug-bar',
- eventProcessing: {symbolicationDegraded: true},
- },
- ])
- );
- render(
- <IssueListOverview
- {...props}
- selection={{
- ...props.selection,
- projects: [Number(project.id), Number(projectBar.id)],
- }}
- />,
- {
- context: newRouterContext,
- }
- );
- expect(
- screen.getByText(
- textWithMarkupMatcher(
- 'Event Processing for the project-slug, project-slug-bar projects is currently degraded.'
- )
- )
- ).toBeInTheDocument();
- });
- });
- });
- });
|