19302: wrote navigation test Arvados-DCO-1.1-Signed-off-by: Lisa Knox <lisa.knox...

diff --git a/cypress/integration/side-panel.spec.js b/cypress/integration/side-panel.spec.js
index 80b1d81dae8d20f738de0b95601aa05bd49f7ff2..de6385d187cb2cfe131756ed72fb1f134eaf36f2 100644 (file)
--- 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 747966ac0d35cc799983c8a788c40cb2b1ab0a31..1fd3af31e3733027e753dd919926b06575164dfb 100644 (file)
--- 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)}
                     >