Add two cypress tests

Author: austintackaberry

cypress/integration/ydkjs/sidebar.js

@@ -5,9 +5,20 @@
 context('Sidebar', () => {
   beforeEach(() => {
     cy.visit('/');
+    cy.contains('Progress').should('exist');
   });
 
-  it('does something', () => {
-    cy.contains('YDKJS Exercises');
+  it('closes when X is clicked and reopens when hamburger is clicked', () => {
+    cy.get('[data-testid=closeSidebar]').click();
+    cy.contains('Progress').should('not.exist');
+    cy.get('[data-testid=openSidebar]').click();
+    cy.contains('Progress').should('exist');
+  });
+
+  it('navigates to /up-going when Up & Going is picked', () => {
+    cy.contains(/Up & Going \(/).click({ force: true });
+    cy.url().should('include', '/up-going');
+    cy.contains('Chapter 1: Into Programming').should('exist');
+    cy.contains('Chapter 2: Into JavaScript').should('exist');
   });
 });

cypress/videos/ydkjs-tests/sidebar.js.mp4

@@ -69,6 +69,7 @@ export default class Sidebar extends Component {
               border: 0,
               background: 'transparent',
             }}
+            data-testid="openSidebar"
           >
             <Menu />
           </button>
@@ -87,6 +88,7 @@ export default class Sidebar extends Component {
               position: 'absolute',
               right: '10px',
             }}
+            data-testid="closeSidebar"
           >
             <Close data-name="svg" />
           </button>