Unit testing with Jest

Author: birdofpreyru

Diff for: .eslintignore

@@ -1 +1,3 @@
-dist
+__coverage__
+dist
+node_modules

Diff for: .gitignore

@@ -1,3 +1,4 @@
+__coverage__
 .build-info
 .sass-cache
 dist

Diff for: __tests__/.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["topcoder-react-utils/config/babel/node-ssr"]
+}

Diff for: __tests__/.eslintrc

@@ -0,0 +1,3 @@
+{
+  "extends": "../node_modules/topcoder-react-utils/config/eslint/jest.json"
+}

Diff for: __tests__/index.js

@@ -0,0 +1,21 @@
+import iface from '../src';
+
+test('Package exports expected interface', () => {
+  expect(iface).toHaveProperty('Avatar');
+
+  /* components/buttons */
+  expect(iface).toHaveProperty('Button');
+  expect(iface).toHaveProperty('DangerButton');
+  expect(iface).toHaveProperty('GhostButton');
+  expect(iface).toHaveProperty('PrimaryButton');
+  expect(iface).toHaveProperty('SecondaryButton');
+
+  /* components/tags */
+  expect(iface).toHaveProperty('Tag');
+  expect(iface).toHaveProperty('DataScienceTrackTag');
+  expect(iface).toHaveProperty('DataScienceTrackEventTag');
+  expect(iface).toHaveProperty('DesignTrackTag');
+  expect(iface).toHaveProperty('DesignTrackEventTag');
+  expect(iface).toHaveProperty('DevelopmentTrackTag');
+  expect(iface).toHaveProperty('DevelopmentTrackEventTag');
+});

Diff for: __tests__/shared/components/Avatar.jsx

@@ -0,0 +1,7 @@
+import Avatar from 'components/Avatar';
+import React from 'react';
+import { snapshot } from 'topcoder-react-utils/jest-utils';
+
+test('Snapshots', () => {
+  snapshot(<Avatar />);
+});

Diff for: __tests__/shared/components/__snapshots__/Avatar.jsx.snap

@@ -0,0 +1,51 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Snapshots 1`] = `
+<svg
+  className="style__avatar___3QhkH"
+  height="141"
+  viewBox="0 0 141 141"
+  width="141"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <title>
+    ico-user-default
+  </title>
+  <defs>
+    <rect
+      height="140"
+      id="a"
+      rx="306"
+      width="140"
+      x=".8"
+      y=".5"
+    />
+  </defs>
+  <g
+    fill="none"
+    fillRule="evenodd"
+  >
+    <mask
+      fill="#fff"
+      id="b"
+    >
+      <use
+        xlinkHref="#a"
+      />
+    </mask>
+    <use
+      fill="#F0F0F0"
+      xlinkHref="#a"
+    />
+    <path
+      d="M118 137.143c0 4.345-3.501 7.857-7.833 7.857H31.833C27.51 145 24 141.488 24 137.143c0-15.714 15.142-30.376 30.62-36.174-8.937-5.54-14.953-15.377-14.953-26.683v-7.857C39.667 49.072 53.697 35 71 35c17.304 0 31.333 14.072 31.333 31.429v7.857c0 11.306-6.016 21.143-14.946 26.683 15.471 5.798 30.613 20.46 30.613 36.174z"
+      fill="#A3A3AE"
+      mask="url(#b)"
+      opacity=".2"
+      stroke="#A3A3AE"
+      strokeWidth="3"
+    />
+  </g>
+</svg>
+`;

Diff for: config/jest/default.js

@@ -0,0 +1,3 @@
+const config = require('topcoder-react-utils/config/jest/default');
+
+module.exports = config;

Diff for: config/jest/setup.js

@@ -0,0 +1 @@
+require('topcoder-react-utils/config/jest/setup');