integration test foundations

Author: ZeeCoder

.travis.yml

@@ -1,8 +1,12 @@
 language: node_js
 sudo: false
-node_js: [6, 8, 10]
-after_success: "yarn coveralls"
+node_js: [8, 10]
+addons:
+  chrome: stable
 script:
   - lerna bootstrap --ignore={demos}
-  - yarn test
+  - yarn test:unit
   - lerna run test
+  - yarn test:integration:build
+  - yarn test:integration
+after_success: "yarn coveralls"

CHANGELOG.md

@@ -11,6 +11,10 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 - Removed unnecessary files from the packages
 
+### Removed
+
+- Removed test running from Node 6
+
 ## [3.0.0-alpha.2]
 
 ### Removed

browser-tests/index.js

@@ -1,11 +1,14 @@
 import React from "react";
 import ReactDOM from "react-dom";
+// Using the following to support async/await in tests.
+// I'm intentionally not using babel/polyfill, as that would introduce polyfills
+// the actual lib might not have, giving the false impression that something
+// works while it might actually not, if you use the lib without babel-polyfill.
+import "babel-regenerator-runtime";
 
 const Test = () => <div id="asd" style={{ background: "grey" }} />;
 
-// todo figure out how to make async-await work in parcel
-// todo make sure parcel transpiles down to IE10 (example: async and "Set" doesn't work properly)
-it("should render", () => {
+it("should render", async () => {
   const div = document.createElement("div");
   document.body.appendChild(div);
 

karma.conf.js

@@ -1,18 +1,18 @@
 module.exports = function(config) {
+  const singleRun = process.env.KARMA_SINGLE_RUN !== "false";
+
+  const ci = process.env.CI === "true";
+
   config.set({
     basePath: ".",
     frameworks: ["jasmine"],
     files: ["browser-tests/dist/index.js"],
     autoWatch: true,
 
-    // todo come up with a way to switch in between dev / CI setup
-    // browsers: ["Chrome"],
-    // reporters: ["spec"],
+    browsers: ci ? ["ChromeHeadless", "sl_chrome_70"] : ["Chrome"],
+    reporters: ci ? ["spec", "saucelabs"] : ["spec"],
 
-    reporters: ["spec", "saucelabs"],
-    browsers: ["sl_chrome_70"],
-
-    singleRun: true,
+    singleRun,
 
     // Max concurrency for SauceLabs OS plan
     concurrency: 5,
@@ -32,12 +32,6 @@ module.exports = function(config) {
         version: "70"
       }
     },
-
-    // Saucelabs launcher
-    // sauceLabs: {
-    //   testName: 'react-container-query',
-    //   public: 'public'
-    // },
     sauceLabs: {
       testName: "@zeecoder/container-query",
       public: "public"

package.json

@@ -14,6 +14,7 @@
     "@babel/core": "^7.2.0",
     "babel-core": "^7.0.0-bridge.0",
     "babel-jest": "^23.6.0",
+    "babel-regenerator-runtime": "^6.5.0",
     "coveralls": "^3.0.2",
     "husky": "^1.1.4",
     "jasmine-core": "^3.3.0",
@@ -33,10 +34,10 @@
     "regenerator-runtime": "^0.13.1"
   },
   "scripts": {
-    "test": "jest --coverage",
-    "test:watch": "jest --watch",
-    "browser-test:build": "parcel build browser-tests/index.js --out-dir browser-tests/dist",
-    "browser-test:run": "karma start",
+    "test:unit": "jest --coverage",
+    "test:unit:watch": "jest --watch",
+    "test:integration": "karma start",
+    "test:integration:build": "parcel build browser-tests/index.js --out-dir browser-tests/dist",
     "coveralls": "cat ./coverage/lcov.info | coveralls",
     "prettify": "prettier --write 'packages/**/*.js'",
     "bootstrap": "lerna bootstrap",

yarn.lock

@@ -1685,6 +1685,11 @@ babel-preset-jest@^23.2.0:
     babel-plugin-jest-hoist "^23.2.0"
     babel-plugin-syntax-object-rest-spread "^6.13.0"
 
+babel-regenerator-runtime@^6.5.0:
+  version "6.5.0"
+  resolved "https://registry.yarnpkg.com/babel-regenerator-runtime/-/babel-regenerator-runtime-6.5.0.tgz#0e41cd1c9f80442466f015c749fff8ba98f8e110"
+  integrity sha1-DkHNHJ+ARCRm8BXHSf/4upj44RA=
+
 babel-register@^6.26.0:
   version "6.26.0"
   resolved "https://registry.yarnpkg.com/babel-register/-/babel-register-6.26.0.tgz#6ed021173e2fcb486d7acb45c6009a856f647071"