Tn/add cypress (#47)

* added cypress, updated toml with cypress plugin, and created testing for the form

* Update cypress/e2e/form.cy.js

Co-authored-by: Prince Wilson <[email protected]>

Co-authored-by: Prince Wilson <[email protected]>

Author: taty2010

cypress.config.js

@@ -0,0 +1,9 @@
+const { defineConfig } = require('cypress')
+
+module.exports = defineConfig({
+  e2e: {
+    baseUrl: "http://localhost:8888/",
+    supportFile: false,
+    chromeWebSecurity: false,
+  },
+});

cypress/e2e/form.cy.js

@@ -0,0 +1,43 @@
+describe('Testing form', () => {
+
+  const name = 'Testing'
+  const email = '[email protected]'
+  const feedback = 'Testing form using Cypress'
+
+  beforeEach(() => {
+    cy.visit('/')
+  })
+
+  it('check for validation message for invalid email input', () => {
+    cy.get('[type="email"]').type('not_an_email')
+    cy.get('[type="submit"]').click()
+    cy.get('[type="email"]').then(($input) => {
+      expect($input[0].validationMessage).to.eq('Please include an \'@\' in the email address. \'not_an_email\' is missing an \'@\'.')
+    })
+  })
+
+  it('check for validation message for no email input', () => {
+    cy.get('[type="submit"]').click()
+    cy.get('[type="email"]').then(($input) => {
+      expect($input[0].validationMessage).to.eq('Please fill out this field.')
+    })
+  })
+
+  it('check for validation message with email and no feedback', () => {
+    cy.get('[type="email"]').type(email)
+    cy.get('[type="submit"]').click()
+    cy.get('#feedback').then(($input) => {
+      expect($input[0].validationMessage).to.eq('Please fill out this field.')
+    })
+  })
+
+  it('submitting feedback should redirect to /success', () => {
+    cy.get('#name').type(name)
+    cy.get('[type="email"]').type(email)
+    cy.get('#feedback').type(feedback)
+    cy.get('[type="submit"]').click()
+   
+    cy.url().should('include', '/success')
+
+  })
+})

netlify.toml

@@ -18,3 +18,11 @@
 
 [functions]
   node_bundler = "esbuild"
+
+[[plugins]]
+  package = "netlify-plugin-cypress"
+  [plugins.inputs.postBuild]
+    enable = true
+
+  [plugins.inputs]
+    enable = false