add test for mobile menu

client/cypress/e2e/home-page.cy.js

@@ -20,4 +20,27 @@
                 .should('contain', 'A differentially private (DP) Release includes the statistic or statistics that you have requested. ')
         })
     })
+    describe('The Home Page', () => {
+        it('correctly renders hamburger menu', () => {
+            cy.clearData()
+            cy.on('uncaught:exception', (e, runnable) => {
+                console.log('error', e)
+                console.log('runnable', runnable)
+
+                return false
+            })
+            const username = 'oscar'
+            const email = 'oscar@thegrouch.com'
+            const password = 'oscar123!'
+            cy.createAccount(username, email, password)
+            cy.viewport('ipad-mini')
+
+            cy.visit('/')
+            cy.get('[data-test="menuIcon"]').should('be.visible')
+            cy.get('[data-test="menuIcon"]').click({force: true})
+            cy.get('[data-test="mobileMenu"]').should('be.visible')
+            cy.get('[data-test="mobileMenu"]').should('include.text', 'My Analysis Plans')
+
+               })
+    })
 }

client/src/components/Structure/Header.vue

@@ -29,6 +29,7 @@
         <v-spacer></v-spacer>
 
         <v-app-bar-nav-icon
+            data-test="menuIcon"
             @click.stop="isDrawerActive = !isDrawerActive"
             class="hidden-md-and-up"
         ></v-app-bar-nav-icon>
@@ -102,7 +103,7 @@
           >
         </div>
       </v-container>
-      <v-list nav class="mobile-menu-list">
+      <v-list data-test="mobileMenu" nav class="mobile-menu-list">
         <v-list-item
             v-for="(item, index) in mobileMenu"
             :key="item.title + '-' + index"