feat: add cypress for e2e tests

cypress/integration/learn/index.js

@@ -0,0 +1,46 @@
+/* global cy expect */
+
+const selectors = {
+  challengeMap: "[data-test-label='learn-curriculum-map']"
+};
+
+const locations = {
+  index: '/learn'
+};
+
+const superBlockNames = [
+  'Responsive Web Design',
+  'JavaScript Algorithms and Data Structures',
+  'Front End Libraries',
+  'Data Visualization',
+  'APIs and Microservices',
+  'Information Security and Quality Assurance',
+  'Coding Interview Prep'
+];
+
+describe('Learn Landing page', function() {
+  it('renders', () => {
+    cy.visit(locations.index);
+
+    cy.title().should('eq', 'Learn to code at home | freeCodeCamp.org');
+  });
+
+  it('Has the correct heading for an unauthenticated User', () => {
+    cy.visit(locations.index);
+
+    cy.contains('h1', 'Welcome to freeCodeCamp.org');
+  });
+
+  it('renders a curriuculum map', () => {
+    cy.document().then(document => {
+      const superBlocks = document.querySelectorAll(
+        `${selectors.challengeMap} > ul > li`
+      );
+      expect(superBlocks).to.have.length(7);
+
+      superBlocks.forEach((superBlock, idx) => {
+        expect(superBlock.innerText).to.have.string(superBlockNames[idx]);
+      });
+    });
+  });
+});