tests: add cypress for integration tests

.gitignore

@@ -20,3 +20,8 @@ after.json
 bs-config.js
 /lodash.custom.min.js
 /dist
+/cypress/videos
+client/dist/index.js
+client/dist/index.js.map
+client/dist/index.min.js
+client/dist/index.min.js.map

crossbow.yaml

@@ -1,5 +1,8 @@
 tasks:
 
+  dev:
+    - '@npm cd client && ./node_modules/.bin/webpack --watch'
+
   (example):
     bootstrap: '@sh node dist/bin test/fixtures/bootstrap -w --no-open'
 
@@ -8,10 +11,41 @@ tasks:
     - build-server
     - build-client
 
+  test:
+    - build-all
+    - cypress:*
+
+  (cypress):
+    file-reloading: >
+      @npm node cypress/setup/run.js
+      '../configs/file-reloading.js'
+      cypress/integration/file-reloading.js
+    no-notify: >
+      @npm node cypress/setup/run.js
+      '../configs/no-notify.js'
+      cypress/integration/no-notify.js
+    css-overlay: >
+      @npm node cypress/setup/run.js
+      '../configs/css-overlay-notify.js'
+      cypress/integration/css-overlay-notify.js
+    css-console-notify: >
+      @npm node cypress/setup/run.js
+      '../configs/css-console-notify.js'
+      cypress/integration/css-console-notify.js
+    connection-notify: >
+      @npm node cypress/setup/run.js
+      '../configs/file-reloading.js'
+      cypress/integration/connection-notify.js
+    log-prefix: >
+      @npm node cypress/setup/run.js
+      '../configs/logPrefix.js'
+      cypress/integration/logPrefix.js
+
   build-server:
     - '@npm tsc'
 
   build-client:
+    - '@npm cd client && yarn'
     - '@npm cd client && ./node_modules/.bin/webpack'
     - '@npm cd client && ./node_modules/.bin/webpack -p --output-filename index.min.js'
 
@@ -21,5 +55,9 @@ tasks:
     examples/*
     test/specs/**/*
     test/specs/*.js
-    client/lib/**/*
+    client/lib/*
+    client/lib/messages/*
+    client/lib/dom-effects/*
+    client/lib/effects/*
+    client/lib/listeners/*
     --write --tab-width 4

cypress.json

@@ -0,0 +1,3 @@
+{
+  "videoRecording": false
+}

cypress/configs/css-console-notify.js

@@ -0,0 +1,12 @@
+module.exports = {
+    server: 'test/fixtures',
+    open: false,
+    watch: true,
+    online: false,
+    // logLevel: 'silent',
+    minify: false,
+    injectNotification: 'console',
+    ghostMode: {
+        clicks: false,
+    }
+};

cypress/configs/css-overlay-notify.js

@@ -0,0 +1,9 @@
+module.exports = {
+    server: 'test/fixtures',
+    open: false,
+    watch: true,
+    online: false,
+    logLevel: 'silent',
+    minify: false,
+    injectNotification: 'overlay'
+};

cypress/configs/file-reloading.js

@@ -0,0 +1,10 @@
+module.exports = {
+    server: 'test/fixtures',
+    open: false,
+    watch: true,
+    online: false,
+    // logLevel: 'silent',
+    minify: false,
+    // ghostMode: { scroll: true },
+    // injectNotification: 'console'
+};

cypress/configs/logPrefix.js

@@ -0,0 +1,10 @@
+module.exports = {
+    server: 'test/fixtures',
+    open: false,
+    watch: true,
+    online: false,
+    logLevel: 'silent',
+    minify: false,
+    logPrefix: 'WSK',
+    injectNotification: 'console',
+};

cypress/configs/no-notify.js

@@ -0,0 +1,9 @@
+module.exports = {
+    server: 'test/fixtures',
+    open: false,
+    watch: true,
+    online: false,
+    logLevel: 'silent',
+    minify: false,
+    notify: false,
+};

cypress/fixtures/example.json

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

cypress/fixtures/profile.json

@@ -0,0 +1,5 @@
+{
+  "id": 8739,
+  "name": "Jane",
+  "email": "jane@example.com"
+}

cypress/fixtures/users.json

@@ -0,0 +1,232 @@
+[
+  {
+    "id": 1,
+    "name": "Leanne Graham",
+    "username": "Bret",
+    "email": "Sincere@april.biz",
+    "address": {
+      "street": "Kulas Light",
+      "suite": "Apt. 556",
+      "city": "Gwenborough",
+      "zipcode": "92998-3874",
+      "geo": {
+        "lat": "-37.3159",
+        "lng": "81.1496"
+      }
+    },
+    "phone": "1-770-736-8031 x56442",
+    "website": "hildegard.org",
+    "company": {
+      "name": "Romaguera-Crona",
+      "catchPhrase": "Multi-layered client-server neural-net",
+      "bs": "harness real-time e-markets"
+    }
+  },
+  {
+    "id": 2,
+    "name": "Ervin Howell",
+    "username": "Antonette",
+    "email": "Shanna@melissa.tv",
+    "address": {
+      "street": "Victor Plains",
+      "suite": "Suite 879",
+      "city": "Wisokyburgh",
+      "zipcode": "90566-7771",
+      "geo": {
+        "lat": "-43.9509",
+        "lng": "-34.4618"
+      }
+    },
+    "phone": "010-692-6593 x09125",
+    "website": "anastasia.net",
+    "company": {
+      "name": "Deckow-Crist",
+      "catchPhrase": "Proactive didactic contingency",
+      "bs": "synergize scalable supply-chains"
+    }
+  },
+  {
+    "id": 3,
+    "name": "Clementine Bauch",
+    "username": "Samantha",
+    "email": "Nathan@yesenia.net",
+    "address": {
+      "street": "Douglas Extension",
+      "suite": "Suite 847",
+      "city": "McKenziehaven",
+      "zipcode": "59590-4157",
+      "geo": {
+        "lat": "-68.6102",
+        "lng": "-47.0653"
+      }
+    },
+    "phone": "1-463-123-4447",
+    "website": "ramiro.info",
+    "company": {
+      "name": "Romaguera-Jacobson",
+      "catchPhrase": "Face to face bifurcated interface",
+      "bs": "e-enable strategic applications"
+    }
+  },
+  {
+    "id": 4,
+    "name": "Patricia Lebsack",
+    "username": "Karianne",
+    "email": "Julianne.OConner@kory.org",
+    "address": {
+      "street": "Hoeger Mall",
+      "suite": "Apt. 692",
+      "city": "South Elvis",
+      "zipcode": "53919-4257",
+      "geo": {
+        "lat": "29.4572",
+        "lng": "-164.2990"
+      }
+    },
+    "phone": "493-170-9623 x156",
+    "website": "kale.biz",
+    "company": {
+      "name": "Robel-Corkery",
+      "catchPhrase": "Multi-tiered zero tolerance productivity",
+      "bs": "transition cutting-edge web services"
+    }
+  },
+  {
+    "id": 5,
+    "name": "Chelsey Dietrich",
+    "username": "Kamren",
+    "email": "Lucio_Hettinger@annie.ca",
+    "address": {
+      "street": "Skiles Walks",
+      "suite": "Suite 351",
+      "city": "Roscoeview",
+      "zipcode": "33263",
+      "geo": {
+        "lat": "-31.8129",
+        "lng": "62.5342"
+      }
+    },
+    "phone": "(254)954-1289",
+    "website": "demarco.info",
+    "company": {
+      "name": "Keebler LLC",
+      "catchPhrase": "User-centric fault-tolerant solution",
+      "bs": "revolutionize end-to-end systems"
+    }
+  },
+  {
+    "id": 6,
+    "name": "Mrs. Dennis Schulist",
+    "username": "Leopoldo_Corkery",
+    "email": "Karley_Dach@jasper.info",
+    "address": {
+      "street": "Norberto Crossing",
+      "suite": "Apt. 950",
+      "city": "South Christy",
+      "zipcode": "23505-1337",
+      "geo": {
+        "lat": "-71.4197",
+        "lng": "71.7478"
+      }
+    },
+    "phone": "1-477-935-8478 x6430",
+    "website": "ola.org",
+    "company": {
+      "name": "Considine-Lockman",
+      "catchPhrase": "Synchronised bottom-line interface",
+      "bs": "e-enable innovative applications"
+    }
+  },
+  {
+    "id": 7,
+    "name": "Kurtis Weissnat",
+    "username": "Elwyn.Skiles",
+    "email": "Telly.Hoeger@billy.biz",
+    "address": {
+      "street": "Rex Trail",
+      "suite": "Suite 280",
+      "city": "Howemouth",
+      "zipcode": "58804-1099",
+      "geo": {
+        "lat": "24.8918",
+        "lng": "21.8984"
+      }
+    },
+    "phone": "210.067.6132",
+    "website": "elvis.io",
+    "company": {
+      "name": "Johns Group",
+      "catchPhrase": "Configurable multimedia task-force",
+      "bs": "generate enterprise e-tailers"
+    }
+  },
+  {
+    "id": 8,
+    "name": "Nicholas Runolfsdottir V",
+    "username": "Maxime_Nienow",
+    "email": "Sherwood@rosamond.me",
+    "address": {
+      "street": "Ellsworth Summit",
+      "suite": "Suite 729",
+      "city": "Aliyaview",
+      "zipcode": "45169",
+      "geo": {
+        "lat": "-14.3990",
+        "lng": "-120.7677"
+      }
+    },
+    "phone": "586.493.6943 x140",
+    "website": "jacynthe.com",
+    "company": {
+      "name": "Abernathy Group",
+      "catchPhrase": "Implemented secondary concept",
+      "bs": "e-enable extensible e-tailers"
+    }
+  },
+  {
+    "id": 9,
+    "name": "Glenna Reichert",
+    "username": "Delphine",
+    "email": "Chaim_McDermott@dana.io",
+    "address": {
+      "street": "Dayna Park",
+      "suite": "Suite 449",
+      "city": "Bartholomebury",
+      "zipcode": "76495-3109",
+      "geo": {
+        "lat": "24.6463",
+        "lng": "-168.8889"
+      }
+    },
+    "phone": "(775)976-6794 x41206",
+    "website": "conrad.com",
+    "company": {
+      "name": "Yost and Sons",
+      "catchPhrase": "Switchable contextually-based project",
+      "bs": "aggregate real-time technologies"
+    }
+  },
+  {
+    "id": 10,
+    "name": "Clementina DuBuque",
+    "username": "Moriah.Stanton",
+    "email": "Rey.Padberg@karina.biz",
+    "address": {
+      "street": "Kattie Turnpike",
+      "suite": "Suite 198",
+      "city": "Lebsackbury",
+      "zipcode": "31428-2261",
+      "geo": {
+        "lat": "-38.2386",
+        "lng": "57.2232"
+      }
+    },
+    "phone": "024-648-3804",
+    "website": "ambrose.net",
+    "company": {
+      "name": "Hoeger LLC",
+      "catchPhrase": "Centralized empowering task-force",
+      "bs": "target end-to-end models"
+    }
+  }
+]