Add build script and tests

Author: Ivan Zotov

.gitignore

@@ -1,3 +1,4 @@
 .DS_Store
+dist/
 node_modules/
 coverage/

__tests__/Modal/Navigator.js

@@ -0,0 +1,163 @@
+import Modal from '../../src/Modal';
+
+describe('Modal.Navigator', () => {
+  it('should has a name', () => {
+    const navigator = new Modal.Navigator('navigator');
+    expect(navigator.name).toBe('navigator');
+  });
+
+  it('should has an empty scenes object', () => {
+    const navigator = new Modal.Navigator('navigator');
+    expect(navigator.scenes).toEqual({});
+  });
+
+  it('should has an empty history array', () => {
+    const navigator = new Modal.Navigator('navigator');
+    expect(navigator.history).toEqual([]);
+  });
+
+  describe('.addScenes', () => {
+    it('should add scenes by names', () => {
+      const navigator = new Modal.Navigator('navigator');
+      const first = new Modal.Scene('first');
+      const second = new Modal.Scene('second');
+      navigator.addScenes(first, second);
+      expect(navigator.scenes).toEqual({ first, second });
+    });
+  });
+
+  describe('.current', () => {
+    it('should return last item from history', () => {
+      const navigator = new Modal.Navigator('navigator');
+      navigator.history = ['first', 'second'];
+      expect(navigator.current()).toBe('second');
+    });
+  });
+
+  describe('.go', () => {
+    it('should reject if no scene exists', async () => {
+      const navigator = new Modal.Navigator('navigator');
+      navigator.addScenes(new Modal.Scene('scene'));
+
+      expect.assertions(1);
+      try {
+        await navigator.go('anything');
+      } catch (e) {
+        expect(e).toBeUndefined();
+      }
+    });
+
+    it('should not add scene if it is already in history', async () => {
+      const navigator = new Modal.Navigator('navigator');
+      navigator.addScenes(new Modal.Scene('scene'));
+      expect(navigator.history).toEqual([]);
+      await navigator.go('scene');
+      expect(navigator.history).toEqual(['scene']);
+      await navigator.go('scene');
+      expect(navigator.history).toEqual(['scene']);
+    });
+
+    it('should invoke show on scene with provided duration', async () => {
+      const navigator = new Modal.Navigator('navigator');
+      const scene = new Modal.Scene('scene');
+      navigator.addScenes(scene);
+      scene.show = jest.fn();
+      await navigator.go('scene', 100);
+      expect(scene.show).toBeCalledWith(100);
+    });
+
+    it('should add scene into history', async () => {
+      const navigator = new Modal.Navigator('navigator');
+      navigator.addScenes(new Modal.Scene('scene'));
+      expect(navigator.history).toEqual([]);
+      await navigator.go('scene');
+      expect(navigator.history).toEqual(['scene']);
+    });
+
+    it('should add scene after animation is done', async () => {
+      const navigator = new Modal.Navigator('navigator');
+      navigator.addScenes(new Modal.Scene('scene'));
+      expect.assertions(2);
+      const promise = navigator.go('scene');
+      expect(navigator.history).toEqual([]);
+      await promise;
+      expect(navigator.history).toEqual(['scene']);
+    });
+  });
+
+  describe('.back', () => {
+    it('should resolve if history is empty', async () => {
+      const navigator = new Modal.Navigator('navigator');
+      expect.assertions(1);
+      expect(navigator.history).toEqual([]);
+      try {
+        await navigator.back();
+      } catch (e) {
+        expect(e).toEqual(expect.anything());
+      }
+    });
+
+    it('should reject if no such scene exists', async () => {
+      const navigator = new Modal.Navigator('navigator');
+      navigator.history = ['anything'];
+      expect.assertions(1);
+
+      try {
+        await navigator.back();
+      } catch (e) {
+        expect(e).toBeUndefined();
+      }
+    });
+
+    it('should invoke scene hide with provided duration', async () => {
+      const navigator = new Modal.Navigator('navigator');
+      const scene = new Modal.Scene('scene');
+      navigator.addScenes(scene);
+      await navigator.go('scene');
+      scene.hide = jest.fn();
+      expect.assertions(1);
+      await navigator.back(123);
+      expect(scene.hide).toBeCalledWith(123);
+    });
+
+    it('should remove scene after animation is done', async () => {
+      const navigator = new Modal.Navigator('navigator');
+      navigator.addScenes(new Modal.Scene('scene'));
+      await navigator.go('scene');
+      expect.assertions(2);
+      const promise = navigator.back();
+      expect(navigator.history).toEqual(['scene']);
+      await promise;
+      expect(navigator.history).toEqual([]);
+    });
+  });
+
+  describe('.reset', () => {
+    it('should call hide for all scenes with duration 0', async () => {
+      const navigator = new Modal.Navigator('navigator');
+      const scene1 = new Modal.Scene('scene1');
+      const scene2 = new Modal.Scene('scene2');
+      navigator.addScenes(scene1, scene2);
+      await navigator.go('scene1');
+      await navigator.go('scene2');
+      scene1.hide = jest.fn();
+      scene2.hide = jest.fn();
+      await navigator.reset();
+      expect(scene1.hide).toBeCalledWith(0);
+      expect(scene2.hide).toBeCalledWith(0);
+    });
+
+    it('should clean up history after all scenes are hidden', async () => {
+      const navigator = new Modal.Navigator('navigator');
+      const scene1 = new Modal.Scene('scene1');
+      const scene2 = new Modal.Scene('scene2');
+      navigator.addScenes(scene1, scene2);
+      await navigator.go('scene1');
+      await navigator.go('scene2');
+      const promise = navigator.reset();
+      expect(navigator.history).toEqual(['scene1', 'scene2']);
+      await promise;
+      expect(navigator.history).toEqual([]);
+    });
+  });
+});

__tests__/Modal/Scene.js

@@ -0,0 +1,47 @@
+import Value from '@navigationjs/core';
+import Scene from '../../src/Modal/Scene';
+
+describe('Modal Scene', () => {
+  it('should has a name', () => {
+    const scene = new Scene('main');
+    expect(scene.name).toBe('main');
+  });
+
+  it('should has value active', () => {
+    const scene = new Scene('main');
+    expect(scene.active.name).toBe('active');
+  });
+
+  describe('.show', () => {
+    it('should change active value', async () => {
+      const scene = new Scene('main');
+      expect(scene.active.value).toBe(0);
+      await scene.show();
+      expect(scene.active.value).toBe(1);
+    });
+
+    it('should invoke .to method on value with provided duration', async () => {
+      const scene = new Scene('main');
+      scene.active.to = jest.fn();
+      await scene.show(123);
+      expect(scene.active.to).toBeCalledWith(1, 123);
+    });
+  });
+
+  describe('.hide', () => {
+    it('should change active value', async () => {
+      const scene = new Scene('main');
+      await scene.active.to(1);
+      expect(scene.active.value).toBe(1);
+      await scene.hide();
+      expect(scene.active.value).toBe(0);
+    });
+
+    it('should invoke .to method on value with provided duration', async () => {
+      const scene = new Scene('main');
+      scene.active.to = jest.fn();
+      await scene.hide(123);
+      expect(scene.active.to).toBeCalledWith(0, 123);
+    });
+  });
+});

babel.config.js

@@ -1,3 +1,14 @@
 module.exports = {
-  plugins: ['@babel/plugin-proposal-class-properties'],
-};
+  presets: [
+    [
+      '@babel/preset-env',
+      {
+        targets: {
+          node: 'current',
+        },
+      },
+    ],
+    '@babel/preset-react'
+  ],
+  plugins: ['@babel/plugin-proposal-class-properties']
+}

package.json

@@ -2,7 +2,7 @@
   "name": "@navigationjs/react",
   "version": "0.1.0",
   "description": "Small and well-tested React navigation",
-  "main": "index.js",
+  "main": "dist/index.js",
   "author": "Ivan Zotov <[email protected]> (http://ivanzotov.com/)",
   "license": "MIT",
   "private": false,
@@ -20,24 +20,36 @@
   ],
   "scripts": {
     "test": "jest",
+    "build": "yarn babel src/ --out-dir dist/",
     "debug": "node --inspect-brk node_modules/.bin/jest --runInBand",
     "format": "prettier --write '{__tests__,src}/**/*.{js,json}' './*.{js,json}'"
   },
+  "files": [
+    "src",
+    "dist"
+  ],
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
+    "@babel/cli": "^7.7.5",
     "@babel/core": "^7.7.5",
     "@babel/plugin-proposal-class-properties": "^7.7.4",
+    "@babel/preset-env": "^7.7.6",
+    "@babel/preset-react": "^7.7.4",
     "@testing-library/react": "^9.4.0",
+    "babel-jest": "^24.9.0",
     "eslint": "^6.6.0",
     "jest": "^24.9.0",
     "prettier": "^1.16.4",
     "react": "^16.11.0",
-    "react-test-renderer": "^16.11.0"
+    "react-test-renderer": "^16.11.0",
+    "rollup": "^1.27.9",
+    "rollup-plugin-babel": "^4.3.3",
+    "rollup-plugin-node-resolve": "^5.2.0",
+    "rollup-plugin-terser": "^5.1.3"
   },
   "jest": {
-    "preset": "@testing-library/react",
     "testEnvironment": "node"
   },
   "dependencies": {

src/Modal/Wrap.js

@@ -1,6 +1,5 @@
 import React, { Component } from 'react';
 import navigation, { toId } from '@navigationjs/core';
-import './styles';
 
 export default class Wrap extends Component {
   onValue = () => {

index.js renamed to src/index.js

@@ -5,7 +5,7 @@ import navigation, {
   toId,
   fromId,
 } from '@navigationjs/core';
-import Modal from './src/Modal';
+import Modal from './Modal';
 
 export { Navigation, Base, Modal, Value, toId, fromId };
 export default navigation;