(https://github.com/deepsweet)"
21 | ],
22 | "main": "build/index.js",
23 | "files": [
24 | "build/",
25 | "LICENSE"
26 | ],
27 | "peerDependencies": {
28 | "react": ">=0.14.0 <0.16.0"
29 | },
30 | "dependencies": {
31 | "babel-runtime": "^6.3.19",
32 | "baobab": "^2.0.0",
33 | "lodash.isequal": "^3.0.0"
34 | },
35 | "devDependencies": {
36 | "react": "0.14.x",
37 | "react-dom": "0.14.x",
38 | "react-addons-test-utils": "0.14.x",
39 |
40 | "husky": "0.10.x",
41 | "rimraf": "2.5.x",
42 |
43 | "babel-core": "6.3.x",
44 | "babel-cli": "6.3.x",
45 | "babel-preset-es2015": "6.3.x",
46 | "babel-preset-stage-0": "6.3.x",
47 | "babel-preset-react": "6.3.x",
48 | "babel-plugin-transform-runtime": "6.3.x",
49 | "babel-plugin-transform-decorators-legacy": "1.3.x",
50 |
51 | "webpack": "1.12.x",
52 | "webpack-dev-server": "1.14.x",
53 | "babel-loader": "6.2.x",
54 | "isparta-loader": "2.0.x",
55 |
56 | "mocha": "2.3.x",
57 | "chai": "3.4.x",
58 | "chai-spies": "0.7.x",
59 | "coveralls": "2.11.x",
60 |
61 | "karma": "0.13.x",
62 | "karma-mocha": "0.2.x",
63 | "karma-mocha-reporter": "1.1.x",
64 | "karma-chrome-launcher": "0.2.x",
65 | "karma-firefox-launcher": "0.1.x",
66 | "karma-webpack": "1.7.x",
67 | "karma-coverage": "0.5.x",
68 | "karma-clear-screen-reporter": "1.0.x",
69 |
70 | "eslint": "1.10.x",
71 | "eslint-plugin-babel": "3.0.x",
72 | "eslint-plugin-react": "3.12.x",
73 | "babel-eslint": ">5.0.0-beta1"
74 | },
75 | "scripts": {
76 | "prebuild": "rimraf build/",
77 | "build": "babel lib/ -d build/",
78 |
79 | "dev": "npm run build -- -w",
80 | "tdd": "npm run karma start test/karma.dev.js",
81 |
82 | "lint": "eslint lib/ test/",
83 |
84 | "prekarma": "rimraf coverage/",
85 | "karma": "babel-node ./node_modules/.bin/karma",
86 |
87 | "precoveralls": "npm run karma start test/karma.travis.js",
88 | "coveralls": "coveralls < coverage/lcov.info",
89 |
90 | "pretravis": "npm run lint",
91 | "travis": "npm run coveralls",
92 |
93 | "pretest": "npm run lint",
94 | "test": "npm run karma start test/karma.build.js",
95 |
96 | "prepush": "npm test",
97 | "prepublish": "npm run build"
98 | },
99 | "bugs": {
100 | "url": "https://github.com/mistadikay/doob/issues"
101 | },
102 | "engines": {
103 | "node": ">=0.12.0",
104 | "npm": ">=2.7.0"
105 | },
106 | "license": "MIT"
107 | }
108 |
--------------------------------------------------------------------------------
/test/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 | "presets": [ "es2015", "stage-0", "react" ],
3 | "plugins": [ "transform-runtime", "transform-decorators-legacy" ]
4 | }
5 |
--------------------------------------------------------------------------------
/test/.eslintrc:
--------------------------------------------------------------------------------
1 | ---
2 | plugins:
3 | - react
4 |
5 | env:
6 | mocha: true
7 |
8 | rules:
9 | no-new: 1
10 | no-magic-numbers: 0
11 |
--------------------------------------------------------------------------------
/test/helpers/render.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import TestUtils from 'react-addons-test-utils';
4 |
5 | export function render(component, props, ...children) {
6 | return TestUtils.renderIntoDocument(
7 | React.createElement(component, props, ...children)
8 | );
9 | }
10 |
11 | export function getRenderedDOM(...args) {
12 | return ReactDOM.findDOMNode(
13 | render(...args)
14 | );
15 | }
16 |
17 | export function createShallowRender() {
18 | const shallowRenderer = TestUtils.createRenderer();
19 |
20 | return function(component, props, ...children) {
21 | shallowRenderer.render(
22 | React.createElement(
23 | component,
24 | props,
25 | ...children
26 | )
27 | );
28 |
29 | return shallowRenderer.getRenderOutput();
30 | };
31 | }
32 |
33 | export function shallowRender(...args) {
34 | return createShallowRender()(...args);
35 | }
36 |
--------------------------------------------------------------------------------
/test/karma.build.js:
--------------------------------------------------------------------------------
1 | import karmaCommon from './karma.common';
2 |
3 | module.exports = function(config) {
4 | config.set({
5 | ...karmaCommon,
6 | singleRun: true,
7 | logLevel: config.LOG_DISABLE,
8 | reporters: [ 'mocha', 'coverage' ],
9 | coverageReporter: {
10 | ...karmaCommon.coverageReporter,
11 | reporters: [
12 | ...karmaCommon.coverageReporter.reporters,
13 | {
14 | type: 'html'
15 | },
16 | {
17 | type: 'text'
18 | },
19 | {
20 | type: 'text-summary'
21 | }
22 | ]
23 | },
24 | customLaunchers: {
25 | ChromeCustom: {
26 | base: 'Chrome',
27 | flags: [
28 | '--window-size=0,0',
29 | '--window-position=0,0'
30 | ]
31 | }
32 | },
33 | browsers: [ 'ChromeCustom' ]
34 | });
35 | };
36 |
--------------------------------------------------------------------------------
/test/karma.common.js:
--------------------------------------------------------------------------------
1 | import path from 'path';
2 |
3 | export default {
4 | colors: true,
5 | files: [
6 | 'lib/*.js'
7 | ],
8 | preprocessors: {
9 | 'lib/*.js': 'webpack'
10 | },
11 | frameworks: [ 'mocha' ],
12 | webpack: {
13 | cache: true,
14 | resolve: {
15 | root: path.resolve('./')
16 | },
17 | module: {
18 | preLoaders: [
19 | {
20 | test: /\.js$/,
21 | exclude: [
22 | path.resolve('lib/'),
23 | path.resolve('node_modules/')
24 | ],
25 | loader: 'babel'
26 | },
27 | {
28 | test: /\.js$/,
29 | include: path.resolve('lib/'),
30 | loader: 'isparta'
31 | }
32 | ]
33 | }
34 | },
35 | webpackMiddleware: {
36 | noInfo: true,
37 | quiet: true
38 | },
39 | coverageReporter: {
40 | dir: '../coverage',
41 | reporters: [
42 | { type: 'lcovonly', subdir: '.' }
43 | ]
44 | },
45 | browserNoActivityTimeout: 60 * 1000, // default 10 * 1000
46 | browserDisconnectTimeout: 10 * 1000, // default 2 * 1000
47 | browserDisconnectTolerance: 2, // default 0
48 | captureTimeout: 2 * 60 * 1000 // default 1 * 60 * 1000
49 | };
50 |
--------------------------------------------------------------------------------
/test/karma.dev.js:
--------------------------------------------------------------------------------
1 | import karmaCommon from './karma.common';
2 |
3 | module.exports = function(config) {
4 | config.set({
5 | ...karmaCommon,
6 | logLevel: config.LOG_INFO,
7 | reporters: [ 'clear-screen', 'mocha', 'coverage' ],
8 | coverageReporter: {
9 | ...karmaCommon.coverageReporter,
10 | reporters: [
11 | ...karmaCommon.coverageReporter.reporters,
12 | {
13 | type: 'html'
14 | },
15 | {
16 | type: 'text'
17 | },
18 | {
19 | type: 'text-summary'
20 | }
21 | ]
22 | },
23 | customLaunchers: {
24 | ChromeCustom: {
25 | base: 'Chrome',
26 | flags: [
27 | '--window-size=0,0',
28 | '--window-position=0,0'
29 | ]
30 | }
31 | },
32 | browsers: [ 'ChromeCustom' ]
33 | });
34 | };
35 |
--------------------------------------------------------------------------------
/test/karma.travis.js:
--------------------------------------------------------------------------------
1 | import karmaCommon from './karma.common';
2 |
3 | module.exports = function(config) {
4 | config.set({
5 | ...karmaCommon,
6 | singleRun: true,
7 | logLevel: config.LOG_INFO,
8 | reporters: [ 'dots', 'coverage' ],
9 | customLaunchers: {
10 | ChromeTravis: {
11 | base: 'Chrome',
12 | flags: [ '--no-sandbox' ]
13 | }
14 | },
15 | browsers: [ 'ChromeTravis', 'Firefox' ]
16 | });
17 | };
18 |
--------------------------------------------------------------------------------
/test/lib/.eslintrc:
--------------------------------------------------------------------------------
1 | ---
2 | rules:
3 | no-catch-shadow: 0
4 | no-undefined: 0
5 | no-invalid-this: 0
6 | max-nested-callbacks:
7 | - 1
8 | - 10
9 |
--------------------------------------------------------------------------------
/test/lib/data-fetcher.js:
--------------------------------------------------------------------------------
1 | import chai, { expect } from 'chai';
2 | import spies from 'chai-spies';
3 | import React from 'react';
4 | import ReactDOM from 'react-dom';
5 |
6 | import { getRenderedDOM } from 'test/helpers/render';
7 |
8 | import State from 'lib/state';
9 | import DataInit from 'lib/data-init';
10 | import DataFetcher from 'lib/data-fetcher';
11 | import DataWatcher from 'lib/data-watcher';
12 |
13 | chai.use(spies);
14 |
15 | describe('data-fetcher', function() {
16 | beforeEach(function() {
17 | const firstPath = [ 'test', 'one' ];
18 | const secondPath = [ 'test', 'two' ];
19 | const thirdPath = [ 'test', 'three' ];
20 | const fourthPath = [ 'test', 'four' ];
21 |
22 | this.firstPath = firstPath;
23 | this.secondPath = secondPath;
24 | this.thirdPath = thirdPath;
25 | this.fourthPath = fourthPath;
26 |
27 | this.state = new State({
28 | shouldBeUnmounted: false,
29 | test: {
30 | modest: 'hi'
31 | }
32 | }, {
33 | asynchronous: false
34 | });
35 |
36 | this.callback = chai.spy(function() {});
37 |
38 | // component
39 | class Component extends React.Component {
40 | render() {
41 | return (
42 |
43 | { this.props.test }
44 | { this.props.two }
45 | { this.props.three }
46 | { this.props.four }
47 |
48 | );
49 | }
50 | }
51 |
52 | this.Component = DataWatcher(() => ({
53 | one: firstPath,
54 | two: secondPath,
55 | three: thirdPath,
56 | four: fourthPath
57 | }))(Component);
58 | const PatchedComponent = this.Component;
59 |
60 | // parent
61 | class ParentComponent extends React.Component {
62 | render() {
63 | return (
64 |
65 | );
66 | }
67 | }
68 | this.ParentComponent = DataFetcher([
69 | () => [
70 | {
71 | path: firstPath,
72 | callback: this.callback
73 | },
74 | {
75 | path: thirdPath,
76 | callback: this.callback
77 | }
78 | ]
79 | ])(ParentComponent);
80 | const PatchedParentComponent = this.ParentComponent;
81 |
82 | // parent2
83 | class ParentComponent2 extends React.Component {
84 | render() {
85 | return (
86 |
87 | );
88 | }
89 | }
90 | this.ParentComponent2 = DataFetcher([
91 | () => [
92 | {
93 | path: secondPath,
94 | callback: this.callback
95 | },
96 | {
97 | path: thirdPath,
98 | callback: this.callback
99 | }
100 | ]
101 | ])(ParentComponent2);
102 | const PatchedParentComponent2 = this.ParentComponent2;
103 |
104 | class AppComponent extends React.Component {
105 | _renderParent() {
106 | if (!this.props.shouldBeUnmounted) {
107 | return ;
108 | }
109 |
110 | return null;
111 | }
112 |
113 | render() {
114 | return (
115 |
116 | { this._renderParent() }
117 |
118 |
53 | { React.createElement(Component) }
54 |
55 | );
56 | }
57 | }
58 |
59 | render(WrapperComponent);
60 |
61 | expect(parentState).to.be.an.instanceof(State);
62 | expect(childState).to.be.an.instanceof(State);
63 | });
64 | });
65 |
--------------------------------------------------------------------------------
/test/lib/data-sender.js:
--------------------------------------------------------------------------------
1 | import chai, { expect } from 'chai';
2 | import spies from 'chai-spies';
3 | import React from 'react';
4 | import ReactDOM from 'react-dom';
5 |
6 | import { getRenderedDOM } from 'test/helpers/render';
7 |
8 | import State from 'lib/state';
9 | import DataInit from 'lib/data-init';
10 | import DataSender from 'lib/data-sender';
11 | import DataWatcher from 'lib/data-watcher';
12 |
13 | chai.use(spies);
14 |
15 | describe('data-sender', function() {
16 | beforeEach(function() {
17 | const firstPath = [ 'test', 'one' ];
18 | const secondPath = [ 'test', 'two' ];
19 | const thirdPath = [ 'test', 'three' ];
20 |
21 | this.state = new State({
22 | shouldBeUnmounted: false,
23 | test: {
24 | }
25 | }, {
26 | asynchronous: false
27 | });
28 |
29 | this.callback = chai.spy(function() {});
30 |
31 | class Component extends React.Component {
32 | render() {
33 | return (
34 |
35 | );
36 | }
37 | }
38 | this.Component = Component;
39 |
40 | // parent
41 | class ParentComponent extends React.Component {
42 | render() {
43 | return (
44 |
45 | );
46 | }
47 | }
48 | this.ParentComponent = DataSender([
49 | () => [
50 | {
51 | path: firstPath,
52 | callback: this.callback
53 | },
54 | {
55 | path: thirdPath,
56 | callback: this.callback
57 | }
58 | ]
59 | ])(ParentComponent);
60 | const PatchedParentComponent = this.ParentComponent;
61 |
62 | // parent2
63 | class ParentComponent2 extends React.Component {
64 | render() {
65 | return (
66 |
67 | );
68 | }
69 | }
70 | this.ParentComponent2 = DataSender([
71 | () => [
72 | {
73 | path: secondPath,
74 | callback: this.callback
75 | },
76 | {
77 | path: thirdPath,
78 | callback: this.callback
79 | }
80 | ]
81 | ])(ParentComponent2);
82 | const PatchedParentComponent2 = this.ParentComponent2;
83 |
84 | class AppComponent extends React.Component {
85 | _renderParent() {
86 | if (!this.props.shouldBeUnmounted) {
87 | return ;
88 | }
89 |
90 | return null;
91 | }
92 |
93 | render() {
94 | return (
95 |
96 | { this._renderParent() }
97 |
98 |