adds cypress testing

closes ProjectMirador#85

.gitignore

@@ -1,2 +1,3 @@
 .DS_Store
 node_modules/
+

minimal_redux_poc/.eslintignore

@@ -1,3 +1,4 @@
 dist/
 config/
 coverage/
+

minimal_redux_poc/.gitignore

@@ -1,3 +1,4 @@
 dist/
 coverage/
-
+videos/
+screenshots/

minimal_redux_poc/cypress.json

@@ -0,0 +1 @@
+{}

minimal_redux_poc/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"
+}

minimal_redux_poc/cypress/integration/mirador-base.spec.js

@@ -0,0 +1,15 @@
+/* global cy */
+describe('Mirador Base', () => {
+  it('Visits Mirador Base', () => {
+    cy.visit('http://localhost:4444/cypress/public/mirador/');
+    cy.get('title').should('contain', 'Mirador');
+    cy.get('#manifestURL').type('https://purl.stanford.edu/sn904cj3429/iiif/manifest');
+    cy.get('#fetchBtn').click();
+    cy.get('li').should('contain', 'https://purl.stanford.edu/sn904cj3429/iiif/manifest');
+    cy.get('h3').should('contain', 'Peter\'s San Francisco Locator. The Birds-Eye-View Map of the Exposition City. Published by Locator Publishing Co');
+    cy.get('li>button').click();
+    cy.get('.mirador-window>img').should('have.attr', 'src', 'https://stacks.stanford.edu/image/iiif/sn904cj3429%2F12027000/full/!400,400/0/default.jpg');
+    cy.get('.mirador-window-close').click();
+    cy.get('mirador-window').should('not.exist');
+  });
+});

minimal_redux_poc/cypress/integration/mirador-config.spec.js

@@ -0,0 +1,12 @@
+/* global cy */
+describe('Config updating from instance', () => {
+  it('can modify the config via api', () => {
+    cy.visit('http://localhost:4444/cypress/public/mirador/');
+    cy.window().then((win) => {
+      const a = win.miradorInstance.actions.updateConfig({ foo: 'bat' });
+      win.miradorInstance.store.dispatch(a);
+      const configFromState = win.miradorInstance.store.getState().config;
+      expect(configFromState.foo).to.equal('bat');
+    });
+  });
+});

minimal_redux_poc/cypress/integration/vanilla.spec.js

@@ -0,0 +1,13 @@
+/* global cy */
+describe('Plain JavaScript example', () => {
+  it('has the correct page title', () => {
+    cy.visit('http://localhost:4444/cypress/public/vanilla/');
+    cy.get('title').should('contain', 'Examples');
+  });
+  it('loads a manifest and displays it', () => {
+    cy.visit('http://localhost:4444/cypress/public/vanilla/');
+    cy.get('#manifestURL').type('https://purl.stanford.edu/sn904cj3429/iiif/manifest');
+    cy.get('#fetchBtn').click();
+    cy.get('#exampleManifest').should('contain', 'http://iiif.io/api/presentation/2/context.json');
+  });
+});

minimal_redux_poc/cypress/plugins/index.js

@@ -0,0 +1,17 @@
+// ***********************************************************
+// This example plugins/index.js can be used to load plugins
+//
+// You can change the location of this file or turn off loading
+// the plugins file with the 'pluginsFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/plugins-guide
+// ***********************************************************
+
+// This function is called when a project is opened or re-opened (e.g. due to
+// the project's config changing)
+
+module.exports = (on, config) => {
+  // `on` is used to hook into various events Cypress emits
+  // `config` is the resolved Cypress config
+};

minimal_redux_poc/cypress/support/commands.js

@@ -0,0 +1,25 @@
+// ***********************************************
+// 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 is will overwrite an existing command --
+// Cypress.Commands.overwrite("visit", (originalFn, url, options) => { ... })

minimal_redux_poc/cypress/support/index.js

@@ -0,0 +1,20 @@
+// ***********************************************************
+// This example support/index.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';
+
+// Alternatively you can use CommonJS syntax:
+// require('./commands')

minimal_redux_poc/package.json

@@ -4,9 +4,14 @@
   "description": "",
   "main": "index.js",
   "scripts": {
+    "cypress:open": "npm run pretest & cypress open && npm run posttest",
+    "cypress:run": "cypress run cypress.json",
     "lint": "node_modules/.bin/eslint ./",
+    "pretest": "npm run server:e2e",
+    "posttest": "kill $(lsof -t -i:4444)",
     "server": "node_modules/.bin/http-server",
-    "test": "npm run build && npm run lint && jest -c jest.json",
+    "server:e2e": "http-server -p 4444 &",
+    "test": "npm run build && npm run lint && jest -c jest.json && npm run cypress:run",
     "test:coverage": "jest -c jest.json --coverage",
     "test:watch": "jest -c jest.json --watch",
     "build": "webpack --mode=production",
@@ -47,6 +52,7 @@
     "babel-plugin-named-asset-import": "^0.2.3",
     "concurrently": "^4.0.1",
     "css-loader": "^1.0.0",
+    "cypress": "^3.1.2",
     "enzyme": "^3.4.4",
     "enzyme-adapter-react-16": "^1.2.0",
     "eslint": "^5.10.0",
@@ -61,8 +67,8 @@
     "http-server": "^0.11.1",
     "jest": "^22.4.4",
     "jest-fetch-mock": "^1.5.0",
-    "jest-puppeteer": "^3.0.1",
-    "puppeteer": "^1.4.0",
+    "jest-puppeteer": "^3.7.0",
+    "puppeteer": "^1.11.0",
     "react-dev-utils": "^6.1.1",
     "redux-mock-store": "^1.5.1",
     "style-loader": "^0.22.1",