Adding karma

Author: ZeeCoder

.gitignore

@@ -9,3 +9,4 @@ yarn-error.log
 # Root yarn.lock is used by Travis to use Yarn instead of npm
 packages/**/yarn.lock
 package-lock.json
+.cache

browser-tests/index.js

@@ -0,0 +1,17 @@
+import React from "react";
+import ReactDOM from "react-dom";
+
+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
+it("should render", () => {
+  const div = document.createElement("div");
+  document.body.appendChild(div);
+
+  ReactDOM.render(<Test />, div);
+
+  const rendered = document.querySelector("#asd");
+
+  expect(rendered.style.backgroundColor).toBe("grey");
+});

karma.conf.js

@@ -0,0 +1,22 @@
+module.exports = function(config) {
+  config.set({
+    basePath: ".",
+    frameworks: ["jasmine"],
+    files: ["browser-tests/dist/index.js"],
+    autoWatch: true,
+    browsers: ["Chrome"],
+    // browsers: process.env.CI ? Object.keys(customLaunchers) : ['Chrome'],
+
+    singleRun: true,
+
+    concurrency: 2 // SanceLabs free account for open source
+
+    // customLaunchers: customLaunchers,
+
+    // Saucelabs launcher
+    // sauceLabs: {
+    //   testName: 'react-container-query',
+    //   public: 'public'
+    // },
+  });
+};

package.json

@@ -11,20 +11,30 @@
     "url": "https://github.com/ZeeCoder/container-query/issues"
   },
   "devDependencies": {
-    "@babel/core": "^7.1.6",
+    "@babel/core": "^7.2.0",
     "babel-core": "^7.0.0-bridge.0",
     "babel-jest": "^23.6.0",
     "coveralls": "^3.0.2",
     "husky": "^1.1.4",
+    "jasmine-core": "^3.3.0",
     "jest": "^23.6.0",
+    "karma": "^3.1.3",
+    "karma-chrome-launcher": "^2.2.0",
+    "karma-firefox-launcher": "^1.1.0",
+    "karma-jasmine": "^2.0.1",
     "lerna": "^3.4.3",
     "lint-staged": "^8.0.5",
+    "parcel-bundler": "^1.10.3",
     "prettier": "^1.15.2",
+    "react": "^16.6.3",
+    "react-dom": "^16.6.3",
     "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",
     "coveralls": "cat ./coverage/lcov.info | coveralls",
     "prettify": "prettier --write 'packages/**/*.js'",
     "bootstrap": "lerna bootstrap",