Initial cypress commit

.gitignore

@@ -28,6 +28,7 @@
 
 # dependencies
 /node_modules
+/tests/node_modules
 /.pnp
 .pnp.js
 vendor

tests/cypress.config.js

@@ -0,0 +1,11 @@
+const { defineConfig } = require("cypress");
+
+module.exports = defineConfig({
+  e2e: {
+    baseUrl: 'http://localhost:3000',
+    setupNodeEvents(on, config) {
+      require('@cypress/grep/src/plugin')(config);
+      return config;
+    },
+  },
+});

tests/cypress/e2e/agencies.cy.js

@@ -0,0 +1,9 @@
+// Title
+// List of agencies
+// cards have logo, title, and explore button
+// all are present on load
+
+// USA banner
+// mvp banner
+// header is there
+// Check breadcrumb

tests/cypress/e2e/footer.cy.js

@@ -0,0 +1,2 @@
+// Make sure footer exists
+// There is nothing in it

tests/cypress/e2e/goal.cy.js

@@ -0,0 +1,15 @@
+// Check for decoration per goal type
+
+// sidebar check
+// title
+// about section
+// link to strategic plan
+// objectives
+// performance indicators if they exist
+// fallback for no indicators
+
+
+// USA banner
+// mvp banner
+// header is there
+// Check breadcrumb

tests/cypress/e2e/header.cy.js

@@ -0,0 +1,11 @@
+// Check to see if it exists
+// check for logo 
+// check for goals, agencies links
+// check for search bar
+
+// for mobile
+// logo is there
+// menu button is there
+// menu button opens panel 
+// links in panel
+// search in panel

tests/cypress/e2e/homepage.cy.js

@@ -0,0 +1,28 @@
+describe('The home page', () => {
+  beforeEach(() => {
+    cy.visit('/');
+  });
+  it('successfully loads', {tags: ['@homepage', '@smoke']}, () => {
+    cy.findByRole('heading', {level: 1, name: "Track the U.S. Government's goals"}).should('exist');
+  });
+
+  it('has 9 goal cards on load', {tags: ['@homepage', '@smoke', '@goalSearch', '@goals']}, () => {
+    cy.get('.usa-card-group').within(($group) => {
+      cy.findAllByRole('listitem').should('have.length', 9);
+    });
+  });
+});
+
+// search is there
+// search filters goals when used
+// tags are present
+// tags filter when used
+// tags are disabled when they don't match
+// clearing tags enables previously disabled ones
+// Show more button works
+// cards have title, description if present, and explore goal button
+
+// USA banner
+// mvp banner
+// header is there
+// Check breadcrumb doesn't exist

tests/cypress/e2e/individual_agency.cy.js

@@ -0,0 +1,15 @@
+// Test sidebar links
+// Test for logo
+// Title
+// Mission
+// Description
+// strategicplan
+// strategic goals
+// APGs
+// Related documents
+// Do strategic plan again 
+
+// USA banner
+// mvp banner
+// header is there
+// Check breadcrumb

tests/cypress/fixtures/example.json

@@ -0,0 +1,5 @@
+{
+  "name": "Using fixtures to represent data",
+  "email": "[email protected]",
+  "body": "Fixtures are a great way to mock data for responses to routes"
+}

tests/cypress/support/commands.js

@@ -0,0 +1,26 @@
+// ***********************************************
+// This example commands.js shows you how to
+// create various custom commands and overwrite
+// existing commands.
+//
+// For more comprehensive examples of custom
+// commands please read more here:
+// https://on.cypress.io/custom-commands
+// ***********************************************
+//
+//
+// -- This is a parent command --
+// Cypress.Commands.add('login', (email, password) => { ... })
+//
+//
+// -- This is a child command --
+// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
+//
+//
+// -- This is a dual command --
+// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
+//
+//
+// -- This will overwrite an existing command --
+// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
+import '@testing-library/cypress/add-commands'

tests/cypress/support/e2e.js

@@ -0,0 +1,20 @@
+// ***********************************************************
+// This example support/e2e.js is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Import commands.js using ES2015 syntax:
+import './commands';
+import registerCypressGrep from '@cypress/grep/src/support';
+
+registerCypressGrep();