Remove Karma flakiness by providing browser shims

Author: lelandrichardson

packages/enzyme-test-suite/package.json

@@ -29,6 +29,7 @@
   "author": "Leland Richardson <[email protected]>",
   "license": "MIT",
   "dependencies": {
+    "airbnb-browser-shims": "^3.0.0",
     "chai": "^4.1.2",
     "enzyme": "^3.3.0",
     "enzyme-adapter-utils": "^1.5.0",

packages/enzyme-test-suite/test/Adapter-spec.jsx

@@ -1,3 +1,4 @@
+import './_helpers/setup';
 import React from 'react';
 import { expect } from 'chai';
 import jsdom from 'jsdom';

packages/enzyme-test-suite/test/Debug-spec.jsx

@@ -1,3 +1,4 @@
+import './_helpers/setup';
 import { expect } from 'chai';
 import React from 'react';
 import wrap from 'mocha-wrap';

packages/enzyme-test-suite/test/RSTTraversal-spec.jsx

@@ -1,3 +1,4 @@
+import './_helpers/setup';
 import React from 'react';
 import sinon from 'sinon';
 import { expect } from 'chai';

packages/enzyme-test-suite/test/ReactWrapper-spec.jsx

@@ -1,4 +1,5 @@
 /* globals document */
+import './_helpers/setup';
 import React from 'react';
 import PropTypes from 'prop-types';
 import { expect } from 'chai';

packages/enzyme-test-suite/test/ShallowWrapper-spec.jsx

@@ -1,3 +1,4 @@
+import './_helpers/setup';
 import React from 'react';
 import PropTypes from 'prop-types';
 import { expect } from 'chai';

packages/enzyme-test-suite/test/Utils-spec.jsx

@@ -1,3 +1,4 @@
+import './_helpers/setup';
 import React from 'react';
 import { expect } from 'chai';
 import wrap from 'mocha-wrap';

packages/enzyme-test-suite/test/_helpers/setup.js

@@ -0,0 +1,2 @@
+import './setupShims';
+import './setupAdapters';

packages/enzyme-test-suite/test/_helpers/setupShims.js

@@ -0,0 +1,14 @@
+/* eslint no-undef: 0, global-require: 0 */
+/**
+ * This file is needed only when karma runs the test suite. We can't guarantee
+ * what browser travis will actually run karma with, so we need to load in
+ * browser shims to make sure everything works that we expect. I'd love to
+ * put this somewhere else (ie, karma.conf.js), but I can't figure out how
+ * to tell karma to run a file before everything else. This is the next best
+ * thing I guess...
+ */
+const isBrowser = typeof window !== 'undefined' && Object.prototype.toString.call(window) === '[object Window]';
+
+if (isBrowser) {
+  require('airbnb-browser-shims');
+}

packages/enzyme-test-suite/test/selector-spec.jsx

@@ -1,3 +1,4 @@
+import './_helpers/setup';
 import React from 'react';
 import { expect } from 'chai';
 import {

packages/enzyme-test-suite/test/staticRender-spec.jsx

@@ -1,3 +1,4 @@
+import './_helpers/setup';
 import React from 'react';
 import PropTypes from 'prop-types';
 import { expect } from 'chai';