From 8997608d0fae4eba9d92d7e363bdc6bb462e933d Mon Sep 17 00:00:00 2001
From: Lisa Knox <lisaknox83@gmail.com>
Date: Mon, 6 Nov 2023 14:17:55 -0500
Subject: [PATCH 1/1] 19302: wrote navigation test
 Arvados-DCO-1.1-Signed-off-by: Lisa Knox <lisa.knox@curii.com>

---
 cypress/integration/side-panel.spec.js        | 41 +++++++++++++++----
 .../side-panel/side-panel-collapsed.tsx       |  3 +-
 2 files changed, 35 insertions(+), 9 deletions(-)

diff --git a/cypress/integration/side-panel.spec.js b/cypress/integration/side-panel.spec.js
index 80b1d81d..de6385d1 100644
--- a/cypress/integration/side-panel.spec.js
+++ b/cypress/integration/side-panel.spec.js
@@ -138,12 +138,37 @@ describe('Side panel tests', function() {
 
     it('collapses and un-collapses', () => {
 
-            cy.loginAs(activeUser)
-            
-            cy.get('[data-cy=side-panel-tree]').should('exist')
-            cy.get('[data-cy=side-panel-toggle]').click()
-            cy.get('[data-cy=side-panel-tree]').should('not.exist')
-            cy.get('[data-cy=side-panel-toggle]').click()
-            cy.get('[data-cy=side-panel-tree]').should('exist')
-        })
+        cy.loginAs(activeUser)
+        cy.get('[data-cy=side-panel-tree]').should('exist')
+        cy.get('[data-cy=side-panel-toggle]').click()
+        cy.get('[data-cy=side-panel-tree]').should('not.exist')
+        cy.get('[data-cy=side-panel-collapsed]').should('exist')
+        cy.get('[data-cy=side-panel-toggle]').click()
+        cy.get('[data-cy=side-panel-tree]').should('exist')
+        cy.get('[data-cy=side-panel-collapsed]').should('not.exist')
+    })
+
+    it.only('can navigate from collapsed panel', () => {
+
+        const collapsedCategories = {
+            'shared-with-me': '/shared-with-me',
+            'public-favorites': '/public-favorites',
+            'my-favorites': '/favorites',
+            groups: '/groups',
+            'all-processes': '/all_processes',
+            trash: '/trash',
+            'home-projects': `/projects/${activeUser.user.uuid}`,
+        }
+
+        cy.loginAs(activeUser)
+        cy.get('[data-cy=side-panel-tree]').should('exist')
+        cy.get('[data-cy=side-panel-toggle]').click()
+        cy.get('[data-cy=side-panel-collapsed]').should('exist')
+
+        for (const cat in collapsedCategories) {
+            cy.get(`[data-cy=collapsed-${cat}]`).should('exist').click()
+            cy.url().should('include', collapsedCategories[cat])
+        }
+    })
 })
+
diff --git a/src/views-components/side-panel/side-panel-collapsed.tsx b/src/views-components/side-panel/side-panel-collapsed.tsx
index 747966ac..1fd3af31 100644
--- a/src/views-components/side-panel/side-panel-collapsed.tsx
+++ b/src/views-components/side-panel/side-panel-collapsed.tsx
@@ -111,10 +111,11 @@ export const SidePanelCollapsed = withStyles(styles)(
 
         const { root, unselected, selected } = classes
         return (
-            <List className={root}>
+            <List data-cy="side-panel-collapsed" className={root}>
                 {sidePanelCollapsedCategories.map((cat) => (
                     <ListItem
                         key={cat.name}
+                        data-cy={`collapsed-${cat.name.toLowerCase().replace(/\s+/g, '-')}`}
                         className={selectedPath === cat.name ? selected : unselected}
                         onClick={() => handleClick(cat)}
                     >
-- 
2.30.2