From 599aa352ade599966cf2a4606a1e6a1776a0738d Mon Sep 17 00:00:00 2001
From: Lisa Knox <lisaknox83@gmail.com>
Date: Mon, 6 Nov 2023 11:14:50 -0500
Subject: [PATCH] 19302: wrote collapse spec Arvados-DCO-1.1-Signed-off-by:
 Lisa Knox <lisa.knox@curii.com>

---
 cypress/integration/side-panel.spec.js               | 12 ++++++++++++
 .../side-panel-toggle/side-panel-toggle.tsx          |  2 +-
 .../side-panel/side-panel-collapsed.tsx              |  6 +++---
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/cypress/integration/side-panel.spec.js b/cypress/integration/side-panel.spec.js
index 92181150ed..2bab55e861 100644
--- a/cypress/integration/side-panel.spec.js
+++ b/cypress/integration/side-panel.spec.js
@@ -135,4 +135,16 @@ describe('Side panel tests', function() {
             });
         });
     });
+
+    it.only('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')
+        })
+    // })
 })
diff --git a/src/views-components/side-panel-toggle/side-panel-toggle.tsx b/src/views-components/side-panel-toggle/side-panel-toggle.tsx
index dada57d81d..5c3069cd29 100644
--- a/src/views-components/side-panel-toggle/side-panel-toggle.tsx
+++ b/src/views-components/side-panel-toggle/side-panel-toggle.tsx
@@ -29,7 +29,7 @@ const SidePanelToggle = (props: collapseButtonProps) => {
     }
 
     return <Tooltip disableFocusListener title="Toggle Side Panel">
-        <IconButton style={collapseButtonIconStyles.root} onClick={() => { props.toggleSidePanel(props.isCollapsed) }}>
+        <IconButton data-cy="side-panel-toggle" style={collapseButtonIconStyles.root} onClick={() => { props.toggleSidePanel(props.isCollapsed) }}>
             <div>
                 {props.isCollapsed ?
                     <img style={collapseButtonIconStyles.icon} src='/mui-start-icon.svg' alt='an arrow pointing right'/>
diff --git a/src/views-components/side-panel/side-panel-collapsed.tsx b/src/views-components/side-panel/side-panel-collapsed.tsx
index 338d9b3eef..747966ac0d 100644
--- a/src/views-components/side-panel/side-panel-collapsed.tsx
+++ b/src/views-components/side-panel/side-panel-collapsed.tsx
@@ -87,10 +87,10 @@ const sidePanelCollapsedCategories: TCollapsedCategory[] = [
     },
 ]
 
-const mapStateToProps = (state: RootState) => {
+const mapStateToProps = ({auth, properties }: RootState) => {
     return {
-        user: state.auth.user,
-        selectedPath: state.properties.breadcrumbs[0].label,
+        user: auth.user,
+        selectedPath: properties.breadcrumbs ? properties.breadcrumbs[0].label : SidePanelCollapsedCategory.PROJECTS,
     }
 }
 
-- 
2.30.2