@@ -78,28 +78,6 @@ describe('Sidebar', function () {
7878 await userEvent . click ( screen . getByTestId ( 'sidebar-dropdown' ) ) ;
7979 } ) ;
8080
81- it ( 'renders for self-hosted errors only' , async function ( ) {
82- act ( ( ) => void ConfigStore . set ( 'isSelfHostedErrorsOnly' , true ) ) ;
83- const { container} = renderSidebar ( { organization} ) ;
84- expect ( await screen . findByTestId ( 'sidebar-dropdown' ) ) . toBeInTheDocument ( ) ;
85- const sidebarItems = container . querySelectorAll ( '[id^="sidebar-item"]' ) ;
86- const sidebarItemIds = Array . from ( sidebarItems ) . map ( sidebarItem => sidebarItem . id ) ;
87- expect ( sidebarItems . length ) . toEqual ( 10 ) ;
88- expect ( sidebarItemIds ) . toEqual ( [
89- 'sidebar-item-issues' ,
90- 'sidebar-item-projects' ,
91- 'sidebar-item-alerts' ,
92- 'sidebar-item-releases' ,
93- 'sidebar-item-stats' ,
94- 'sidebar-item-settings' ,
95- 'sidebar-item-help' ,
96- 'sidebar-item-broadcasts' ,
97- 'sidebar-item-statusupdate' ,
98- 'sidebar-item-collapse' ,
99- ] ) ;
100- act ( ( ) => void ConfigStore . set ( 'isSelfHostedErrorsOnly' , false ) ) ;
101- } ) ;
102-
10381 it ( 'has can logout' , async function ( ) {
10482 const mock = MockApiClient . addMockResponse ( {
10583 url : '/auth/' ,
@@ -296,93 +274,15 @@ describe('Sidebar', function () {
296274 } ) ;
297275
298276 describe ( 'when the accordion is used' , ( ) => {
299- const renderSidebarWithFeatures = ( features : string [ ] = [ ] ) => {
300- return renderSidebar ( {
277+ const renderSidebarWithFeatures = ( ) => {
278+ renderSidebar ( {
301279 organization : {
302280 ...organization ,
303- features : [ ...organization . features , ...sidebarAccordionFeatures , ... features ] ,
281+ features : [ ...organization . features , ...sidebarAccordionFeatures ] ,
304282 } ,
305283 } ) ;
306284 } ;
307285
308- it ( 'renders sidebar with features' , async function ( ) {
309- const { container} = renderSidebarWithFeatures ( ) ;
310- expect ( await screen . findByTestId ( 'sidebar-dropdown' ) ) . toBeInTheDocument ( ) ;
311- const sidebarItems = container . querySelectorAll ( '[id^="sidebar-item"]' ) ;
312- const sidebarItemIds = Array . from ( sidebarItems ) . map ( sidebarItem => sidebarItem . id ) ;
313- expect ( sidebarItems . length ) . toEqual ( 12 ) ;
314- expect ( sidebarItemIds ) . toEqual ( [
315- 'sidebar-item-issues' ,
316- 'sidebar-item-projects' ,
317- 'sidebar-item-sidebar-accordion-performance-item' ,
318- 'sidebar-item-crons' ,
319- 'sidebar-item-alerts' ,
320- 'sidebar-item-releases' ,
321- 'sidebar-item-stats' ,
322- 'sidebar-item-settings' ,
323- 'sidebar-item-help' ,
324- 'sidebar-item-broadcasts' ,
325- 'sidebar-item-statusupdate' ,
326- 'sidebar-item-collapse' ,
327- ] ) ;
328- } ) ;
329-
330- it ( 'renders new sidebar hierarchy' , async function ( ) {
331- const { container} = renderSidebarWithFeatures ( [
332- 'performance-insights' ,
333- 'insights-entry-points' ,
334- ] ) ;
335- expect ( await screen . findByTestId ( 'sidebar-dropdown' ) ) . toBeInTheDocument ( ) ;
336- const sidebarItems = container . querySelectorAll ( '[id^="sidebar-item"]' ) ;
337- const sidebarItemIds = Array . from ( sidebarItems ) . map ( sidebarItem => sidebarItem . id ) ;
338- expect ( sidebarItems . length ) . toEqual ( 21 ) ;
339- expect ( sidebarItemIds ) . toEqual ( [
340- 'sidebar-item-issues' ,
341- 'sidebar-item-projects' ,
342- 'sidebar-item-sidebar-accordion-explore-item' ,
343- 'sidebar-item-sidebar-accordion-insights-item' ,
344- 'sidebar-item-performance-http' ,
345- 'sidebar-item-performance-database' ,
346- 'sidebar-item-performance-browser-resources' ,
347- 'sidebar-item-performance-mobile-app-startup' ,
348- 'sidebar-item-performance-mobile-screens' ,
349- 'sidebar-item-performance-webvitals' ,
350- 'sidebar-item-performance-cache' ,
351- 'sidebar-item-performance' ,
352- 'sidebar-item-crons' ,
353- 'sidebar-item-alerts' ,
354- 'sidebar-item-releases' ,
355- 'sidebar-item-stats' ,
356- 'sidebar-item-settings' ,
357- 'sidebar-item-help' ,
358- 'sidebar-item-broadcasts' ,
359- 'sidebar-item-statusupdate' ,
360- 'sidebar-item-collapse' ,
361- ] ) ;
362- } ) ;
363-
364- it ( 'renders sidebar items for self-hosted errors only' , async function ( ) {
365- act ( ( ) => void ConfigStore . set ( 'isSelfHostedErrorsOnly' , true ) ) ;
366- const { container} = renderSidebarWithFeatures ( ) ;
367- expect ( await screen . findByTestId ( 'sidebar-dropdown' ) ) . toBeInTheDocument ( ) ;
368- const sidebarItems = container . querySelectorAll ( '[id^="sidebar-item"]' ) ;
369- const sidebarItemIds = Array . from ( sidebarItems ) . map ( sidebarItem => sidebarItem . id ) ;
370- expect ( sidebarItems . length ) . toEqual ( 10 ) ;
371- expect ( sidebarItemIds ) . toEqual ( [
372- 'sidebar-item-issues' ,
373- 'sidebar-item-projects' ,
374- 'sidebar-item-alerts' ,
375- 'sidebar-item-releases' ,
376- 'sidebar-item-stats' ,
377- 'sidebar-item-settings' ,
378- 'sidebar-item-help' ,
379- 'sidebar-item-broadcasts' ,
380- 'sidebar-item-statusupdate' ,
381- 'sidebar-item-collapse' ,
382- ] ) ;
383- act ( ( ) => void ConfigStore . set ( 'isSelfHostedErrorsOnly' , false ) ) ;
384- } ) ;
385-
386286 it ( 'should not render floating accordion when expanded' , async ( ) => {
387287 renderSidebarWithFeatures ( ) ;
388288 await userEvent . click ( screen . getByTestId ( 'sidebar-accordion-performance-item' ) ) ;
0 commit comments