Merge pull request #3 from storybookjs/feature/add-tests

Feature/add tests

Author: usulpro

dev/config.js

@@ -1,6 +1,6 @@
 import { setConfig } from '../src/config';
 
 setConfig({
-  addId: 'dev_adk',
+  addonId: 'dev_adk',
   panelTitle: 'ADK DEV'
 });

dev/register.js

@@ -22,11 +22,12 @@ const AddonBlock = styled(Block)`
 
 const AddonPanel = ({
   api,
-  data,
   kind,
   indInc,
   indDec,
   update,
+  theme,
+  data,
 }) => {
   return (
     <LayoutBlock style={{ padding: 0 }}>
@@ -55,7 +56,8 @@ register(
   {
     themeInd: store => store.currentTheme,
     themeList: store => store.themes,
-    theme: store => store.themes[store.currentTheme]
+    theme: store => store.themes[store.currentTheme],
+    data: store => store
   },
   ({ global, local }) => ({
     indInc: global(store => ({

jest.config.js

@@ -0,0 +1,18 @@
+module.exports = {
+  roots: ['<rootDir>/src'],
+  collectCoverage: true,
+  collectCoverageFrom: ['src/**/*.js', '!**/node_modules/**'],
+  coverageReporters: ['html', 'text'],
+  moduleNameMapper: {
+    '@storybook/addons': '<rootDir>/src/__tests__/__mocks__/storybook-addons.js'
+  },
+  testPathIgnorePatterns: ['/node_modules/', '/__mocks__/'],
+  coverageThreshold: {
+    global: {
+      branches: 0,
+      functions: 0,
+      lines: 0,
+      statements: 0,
+    },
+  },
+};

jsconfig.json

@@ -0,0 +1,7 @@
+{
+  "typeAcquisition": {
+      "include": [
+          "jest"
+      ]
+  }
+}

nodemon.json

@@ -4,6 +4,9 @@
     "./dev/",
     "./.storybook"
   ],
-  "ext": "js"
+  "ext": "js",
+  "ignore": [
+    "__tests__/**/"
+  ]
 
 }

package.json

@@ -8,6 +8,8 @@
   },
   "main": "dist/index.js",
   "scripts": {
+    "test": "jest",
+    "tdd": "jest --watch",
     "prepare-storybook": "yarn prepare-dev && yarn prepare && start-storybook -p 9001 --ci",
     "start-storybook": "start-storybook -p 9001 --ci",
     "start": "nodemon --exec yarn start-storybook",
@@ -20,8 +22,8 @@
   "dependencies": {
     "@reach/rect": "^0.2.1",
     "@storybook/addons": "^5.0.11",
-    "@storybook/theming": "^5.0.11",
     "@storybook/core-events": "^5.0.11",
+    "@storybook/theming": "^5.0.11",
     "prop-types": "^15.6.2"
   },
   "devDependencies": {
@@ -30,14 +32,15 @@
     "@babel/plugin-proposal-class-properties": "^7.2.3",
     "@babel/preset-env": "^7.2.3",
     "@babel/preset-react": "^7.0.0",
-    "@storybook/addon-actions": "^5.0.11",
-    "@storybook/addon-backgrounds": "^5.0.11",
-    "@storybook/addon-links": "5.0.11",
-    "@storybook/react": "5.0.11",
+    "@storybook/addon-actions": "^5.1.9",
+    "@storybook/addon-backgrounds": "^5.1.9",
+    "@storybook/addon-links": "^5.1.9",
+    "@storybook/react": "^5.1.9",
     "babel-eslint": "^10.0.1",
     "babel-jest": "^24.7.1",
     "babel-loader": "^8.0.2",
     "nodemon": "^1.18.9",
+    "prettier": "^1.18.2",
     "react": "16.8.6",
     "react-dom": "16.8.6",
     "react-scripts": "3.0.0"

src/ChannelStore.js

@@ -20,11 +20,13 @@ export default class ChannelStore {
     this.initData = initData;
     this.isPanel = isPanel;
     this.id = storyId;
+
+    this.store = {
+      [GLOBAL]: { init: this.initData || {}, over: {} },
+    };
   }
 
-  store = {
-    [GLOBAL]: { init: this.initData || {}, over: {} },
-  };
+
   selectorId = null;
 
   subscriber = () => {};
@@ -138,6 +140,7 @@ export default class ChannelStore {
   };
 
   createGlobalAction = reducer => this._createAction(reducer, () => GLOBAL);
+
   createLocalAction = reducer =>
     this._createAction(reducer, () => this.selectorId || this.id);
 
@@ -154,6 +157,6 @@ export default class ChannelStore {
 let singleStore;
 
 export const getSingleStore = (...args) => {
-  singleStore = singleStore || new ChannelStore(...args)
+  singleStore = singleStore || new ChannelStore(...args);
   return singleStore;
 };