test: replace karma with jest

.babelrc

@@ -49,6 +49,18 @@
       "plugins": [
         "transform-es2015-modules-commonjs"
       ]
+    },
+    "test": {
+      "presets": [
+        [
+          "env",
+          {
+            "targets": {
+              "node": "current"
+            }
+          }
+        ]
+      ]
     }
   }
 }

.npmignore

@@ -4,7 +4,6 @@ scripts/
 
 src/
 docs/
-spec/
 example/
 karma.conf.js
 yarn.lock

package.json

@@ -31,54 +31,51 @@
     "@storybook/addon-links": "^3.2.10",
     "@storybook/addon-options": "3.2.10",
     "@storybook/react": "^3.2.11",
-    "babel-cli": "^6.26.0",
-    "babel-core": "6.7.2",
-    "babel-loader": "^7.1.2",
+    "babel-cli": "^6.0.0",
+    "babel-core": "^6.0.0",
+    "babel-jest": "^23.6.0",
+    "babel-loader": "^7.0.0",
     "babel-plugin-module-resolver": "2.7.1",
     "babel-plugin-transform-define": "^1.3.0",
     "babel-plugin-transform-es2015-destructuring": "6.9.0",
     "babel-plugin-transform-object-rest-spread": "6.8.0",
     "babel-plugin-transform-runtime": "^6.23.0",
+    "babel-preset-env": "^1.7.0",
     "babel-preset-es2015": "6.6.0",
     "babel-preset-react": "6.5.0",
     "babel-runtime": "^6.26.0",
     "emoji-datasource": "4.0.4",
     "emojilib": "^2.2.1",
     "inflection": "1.10.0",
-    "jasmine-core": "^2.5.2",
-    "karma": "^1.4.0",
-    "karma-chrome-launcher": "^2.0.0",
-    "karma-cli": "^1.0.1",
-    "karma-jasmine": "^1.1.0",
-    "karma-webpack": "^2.0.4",
+    "jest": "^23.0.0",
     "mkdirp": "0.5.1",
     "prettier": "1.11.1",
     "react": "^16.0.0",
     "react-dom": "^16.0.0",
+    "react-test-renderer": "^16.8.4",
     "rimraf": "2.5.2",
     "size-limit": "^0.11.4",
     "webpack": "^3.6.0"
   },
   "scripts": {
-    "clean": "rm -rf dist/ dist-es/",
+    "clean": "rm -rf dist/ dist-es/ dist-modern/",
     "build:data": "node scripts/build-data",
     "build:dist": "npm run build:cjs && npm run build:es && npm run build:modern",
-    "build:cjs": "BABEL_ENV=legacy-cjs babel src --out-dir dist --copy-files",
-    "build:es": "BABEL_ENV=legacy-es babel src --out-dir dist-es --copy-files",
-    "build:modern": "babel src --out-dir dist-modern --copy-files",
+    "build:cjs": "BABEL_ENV=legacy-cjs babel src --out-dir dist --copy-files --ignore '**/*.test.js'",
+    "build:es": "BABEL_ENV=legacy-es babel src --out-dir dist-es --copy-files --ignore '**/*.test.js'",
+    "build:modern": "babel src --out-dir dist-modern --copy-files --ignore '**/*.test.js'",
     "build:docs": "cp css/emoji-mart.css docs && webpack --config ./docs/webpack.config.js",
     "build": "npm run clean && npm run build:dist",
-    "watch": "BABEL_ENV=cjs babel src --watch --out-dir dist --copy-files",
+    "watch": "BABEL_ENV=cjs babel src --watch --out-dir dist --copy-files --ignore '**/*.test.js'",
     "start": "npm run watch",
-    "stats": "webpack --config ./spec/webpack.config.js --json > spec/stats.json",
     "react:clean": "rimraf node_modules/{react,react-dom,react-addons-test-utils}",
     "react:14": "npm run react:clean && npm i react@^0.14 react-dom@^0.14 react-addons-test-utils@^0.14 --save-dev",
     "react:15": "npm run react:clean && npm i react@^15 react-dom@^15 react-addons-test-utils@^15 --save-dev",
-    "test": "NODE_ENV=test karma start && size-limit",
+    "test": "npm run clean && jest",
     "prepublishOnly": "npm run build",
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook",
-    "prettier": "prettier --write \"{src,scripts,spec}/**/*.js\"",
+    "prettier": "prettier --write \"{src,scripts}/**/*.js\"",
     "prepare": "npm run build:dist"
   },
   "size-limit": [

src/components/__tests__/__snapshots__/not-found.test.js.snap

@@ -0,0 +1,35 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Renders <NotFound> component 1`] = `
+<div
+  className="emoji-mart-no-results"
+>
+  <button
+    aria-label="🕵️, sleuth_or_spy"
+    className="emoji-mart-emoji emoji-mart-emoji-native"
+    onClick={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
+    title={null}
+  >
+    <span
+      style={
+        Object {
+          "display": "inline-block",
+          "fontSize": 38,
+          "height": 38,
+          "width": 38,
+          "wordBreak": "keep-all",
+        }
+      }
+    >
+      🕵️
+    </span>
+  </button>
+  <div
+    className="emoji-mart-no-results-label"
+  >
+    No Emoji Found
+  </div>
+</div>
+`;

src/components/__tests__/not-found.test.js

@@ -0,0 +1,32 @@
+import React from 'react'
+import NotFound from '../not-found'
+import renderer from 'react-test-renderer'
+
+import data from '../../../data/apple'
+
+const i18n = {
+  notfound: 'No Emoji Found',
+}
+
+test('Renders <NotFound> component', () => {
+  const emojiProps = {
+    native: true,
+    skin: 1,
+    size: 24,
+    set: 'apple',
+    sheetSize: 64,
+    forceSize: true,
+    tooltip: false,
+  }
+  const component = renderer.create(
+    <NotFound
+      data={data}
+      notFound={() => {}}
+      notFoundEmoji={'sleuth_or_spy'}
+      emojiProps={emojiProps}
+      i18n={i18n}
+    />,
+  )
+  let tree = component.toJSON()
+  expect(tree).toMatchSnapshot()
+})