add local testing

Author: bahmutov

README.md

@@ -76,7 +76,7 @@ publish = "build"
 [[plugins]]
 # local Cypress plugin will test our site after it is built
 package = "netlify-plugin-cypress"
-  [plugins.config]
+  [plugins.inputs]
   record = true
 ```
 
@@ -102,7 +102,7 @@ publish = "build"
 [[plugins]]
 # local Cypress plugin will test our site after it is built
 package = "netlify-plugin-cypress"
-  [plugins.config]
+  [plugins.inputs]
   spec = "cypress/integration/smoke*.js"
 ```
 

cypress.json

@@ -1,5 +1,6 @@
 {
   "supportFile": false,
   "pluginsFile": false,
-  "fixturesFolder": false
+  "fixturesFolder": false,
+  "baseUrl": "http://localhost:5000"
 }

cypress/integration/spec.js

@@ -1,9 +1,5 @@
 /// <reference types="cypress" />
 it('loads page', () => {
-  if (Cypress.config('baseUrl')) {
-    cy.visit('/')
-  } else {
-    cy.visit('public/index.html')
-  }
+  cy.visit('/')
   cy.contains('Placeholder').should('be.visible')
 })

index.js

@@ -93,6 +93,7 @@ module.exports = function cypressPlugin (pluginConfig) {
     onInit,
     postBuild: async (arg) => {
       debugVerbose('postBuild arg %o', arg)
+      debug('cypress plugin postBuild inputs %o', arg.inputs)
 
       const fullPublishFolder = arg.netlifyConfig.build.publish
       debug('folder to publish is "%s"', fullPublishFolder)

manifest.yml

@@ -3,3 +3,6 @@ inputs:
   - name: record
     default: false
   - name: spec
+  # tells the plugin how to start the server using custom command
+  # and waiting for an url
+  - name: preBuild

netlify.toml

@@ -11,3 +11,8 @@ publish = "public"
 [[plugins]]
   # local Cypress plugin will test our site after it is built
   package = "."
+  [plugins.inputs]
+  spec = 'cypress/integration/spec.js'
+  [plugins.inputs.preBuild]
+    start = 'npm start'
+    wait-on = 'http://localhost:5000'