Move examples, delete old files and add basic testing example

react-dnd · May 18, 2015 · b22aae3 · b22aae3
1 parent 664ead3
commit b22aae3
Show file tree

Hide file tree

Showing 75 changed files with 98 additions and 231 deletions.
diff --git a/examples/bundle.js b/examples/bundle.js
diff --git a/examples/bundle.js.map b/examples/bundle.js.map
diff --git a/examples/_customize-effects/Container.js → examples/customize-effects/Container.js b/examples/_customize-effects/Container.js → examples/customize-effects/Container.js
diff --git a/examples/_customize-effects/ItemTypes.js → examples/customize-effects/ItemTypes.js b/examples/_customize-effects/ItemTypes.js → examples/customize-effects/ItemTypes.js
diff --git a/examples/_customize-effects/SourceBox.js → examples/customize-effects/SourceBox.js b/examples/_customize-effects/SourceBox.js → examples/customize-effects/SourceBox.js
diff --git a/examples/_customize-effects/TargetBox.js → examples/customize-effects/TargetBox.js b/examples/_customize-effects/TargetBox.js → examples/customize-effects/TargetBox.js
diff --git a/examples/_customize-effects/index.js → examples/customize-effects/index.js b/examples/_customize-effects/index.js → examples/customize-effects/index.js
diff --git a/examples/_customize-handles/BoxWithHandle.js → examples/customize-handles/BoxWithHandle.js b/examples/_customize-handles/BoxWithHandle.js → examples/customize-handles/BoxWithHandle.js
diff --git a/examples/_customize-handles/BoxWithImage.js → examples/customize-handles/BoxWithImage.js b/examples/_customize-handles/BoxWithImage.js → examples/customize-handles/BoxWithImage.js
diff --git a/examples/_customize-handles/Container.js → examples/customize-handles/Container.js b/examples/_customize-handles/Container.js → examples/customize-handles/Container.js
diff --git a/examples/_customize-handles/ItemTypes.js → examples/customize-handles/ItemTypes.js b/examples/_customize-handles/ItemTypes.js → examples/customize-handles/ItemTypes.js
diff --git a/examples/_customize-handles/index.js → examples/customize-handles/index.js b/examples/_customize-handles/index.js → examples/customize-handles/index.js
diff --git a/examples/_drag-around-custom/Box.js → examples/drag-around-custom/Box.js b/examples/_drag-around-custom/Box.js → examples/drag-around-custom/Box.js
diff --git a/...les/_drag-around-custom/BoxDragPreview.js → ...ples/drag-around-custom/BoxDragPreview.js b/...les/_drag-around-custom/BoxDragPreview.js → ...ples/drag-around-custom/BoxDragPreview.js
diff --git a/examples/_drag-around-custom/Container.js → examples/drag-around-custom/Container.js b/examples/_drag-around-custom/Container.js → examples/drag-around-custom/Container.js
diff --git a/...es/_drag-around-custom/CustomDragLayer.js → ...les/drag-around-custom/CustomDragLayer.js b/...es/_drag-around-custom/CustomDragLayer.js → ...les/drag-around-custom/CustomDragLayer.js
diff --git a/examples/_drag-around-custom/DraggableBox.js → examples/drag-around-custom/DraggableBox.js b/examples/_drag-around-custom/DraggableBox.js → examples/drag-around-custom/DraggableBox.js
diff --git a/examples/_drag-around-custom/ItemTypes.js → examples/drag-around-custom/ItemTypes.js b/examples/_drag-around-custom/ItemTypes.js → examples/drag-around-custom/ItemTypes.js
diff --git a/examples/_drag-around-custom/index.js → examples/drag-around-custom/index.js b/examples/_drag-around-custom/index.js → examples/drag-around-custom/index.js
diff --git a/examples/_drag-around-custom/shallowEqual.js → examples/drag-around-custom/shallowEqual.js b/examples/_drag-around-custom/shallowEqual.js → examples/drag-around-custom/shallowEqual.js
diff --git a/...round-custom/shouldPureComponentUpdate.js → ...round-custom/shouldPureComponentUpdate.js b/...round-custom/shouldPureComponentUpdate.js → ...round-custom/shouldPureComponentUpdate.js
diff --git a/examples/_drag-around-custom/snapToGrid.js → examples/drag-around-custom/snapToGrid.js b/examples/_drag-around-custom/snapToGrid.js → examples/drag-around-custom/snapToGrid.js
diff --git a/examples/_drag-around-naive/Box.js → examples/drag-around-naive/Box.js b/examples/_drag-around-naive/Box.js → examples/drag-around-naive/Box.js
diff --git a/examples/_drag-around-naive/Container.js → examples/drag-around-naive/Container.js b/examples/_drag-around-naive/Container.js → examples/drag-around-naive/Container.js
diff --git a/examples/_drag-around-naive/ItemTypes.js → examples/drag-around-naive/ItemTypes.js b/examples/_drag-around-naive/ItemTypes.js → examples/drag-around-naive/ItemTypes.js
diff --git a/examples/_drag-around-naive/index.js → examples/drag-around-naive/index.js b/examples/_drag-around-naive/index.js → examples/drag-around-naive/index.js
diff --git a/examples/_dustbin-interesting/Box.js → examples/dustbin-interesting/Box.js b/examples/_dustbin-interesting/Box.js → examples/dustbin-interesting/Box.js
diff --git a/examples/_dustbin-interesting/Container.js → examples/dustbin-interesting/Container.js b/examples/_dustbin-interesting/Container.js → examples/dustbin-interesting/Container.js
diff --git a/examples/_dustbin-interesting/Dustbin.js → examples/dustbin-interesting/Dustbin.js b/examples/_dustbin-interesting/Dustbin.js → examples/dustbin-interesting/Dustbin.js
diff --git a/examples/_dustbin-interesting/ItemTypes.js → examples/dustbin-interesting/ItemTypes.js b/examples/_dustbin-interesting/ItemTypes.js → examples/dustbin-interesting/ItemTypes.js
diff --git a/examples/_dustbin-interesting/index.js → examples/dustbin-interesting/index.js b/examples/_dustbin-interesting/index.js → examples/dustbin-interesting/index.js
diff --git a/examples/_dustbin-simple/Box.js → examples/dustbin-simple/Box.js b/examples/_dustbin-simple/Box.js → examples/dustbin-simple/Box.js
diff --git a/examples/_dustbin-simple/Container.js → examples/dustbin-simple/Container.js b/examples/_dustbin-simple/Container.js → examples/dustbin-simple/Container.js
diff --git a/examples/_dustbin-simple/Dustbin.js → examples/dustbin-simple/Dustbin.js b/examples/_dustbin-simple/Dustbin.js → examples/dustbin-simple/Dustbin.js
diff --git a/examples/_dustbin-simple/ItemTypes.js → examples/dustbin-simple/ItemTypes.js b/examples/_dustbin-simple/ItemTypes.js → examples/dustbin-simple/ItemTypes.js
diff --git a/examples/dustbin-simple/__tests__/Box-test.js b/examples/dustbin-simple/__tests__/Box-test.js
@@ -0,0 +1,23 @@
+import React from 'react';
+import TestUtils from 'react/lib/ReactTestUtils';
+import wrapInTestContext from '../../shared/wrapInTestContext';
+import expect from 'expect';
+import Box from '../Box';
+
+describe('Box', () => {
+  it('changes opacity when dragged', () => {
+    const BoxContext = wrapInTestContext(Box);
+
+    const root = TestUtils.renderIntoDocument(<BoxContext name='test' />);
+    const backend = root.getManager().getBackend();
+
+    let div = TestUtils.findRenderedDOMComponentWithTag(root, 'div');
+    expect(div.props.style.opacity).toEqual(1);
+
+    const box = TestUtils.findRenderedComponentWithType(root, Box);
+    backend.simulateBeginDrag([box.getHandlerId()]);
+
+    div = TestUtils.findRenderedDOMComponentWithTag(root, 'div');
+    expect(div.props.style.opacity).toEqual(0.4);
+  });
+});
diff --git a/examples/_dustbin-simple/index.js → examples/dustbin-simple/index.js b/examples/_dustbin-simple/index.js → examples/dustbin-simple/index.js
diff --git a/examples/_dustbin-stress/Box.js → examples/dustbin-stress/Box.js b/examples/_dustbin-stress/Box.js → examples/dustbin-stress/Box.js
diff --git a/examples/_dustbin-stress/Container.js → examples/dustbin-stress/Container.js b/examples/_dustbin-stress/Container.js → examples/dustbin-stress/Container.js
diff --git a/examples/_dustbin-stress/Dustbin.js → examples/dustbin-stress/Dustbin.js b/examples/_dustbin-stress/Dustbin.js → examples/dustbin-stress/Dustbin.js
diff --git a/examples/_dustbin-stress/ItemTypes.js → examples/dustbin-stress/ItemTypes.js b/examples/_dustbin-stress/ItemTypes.js → examples/dustbin-stress/ItemTypes.js
diff --git a/examples/_dustbin-stress/index.js → examples/dustbin-stress/index.js b/examples/_dustbin-stress/index.js → examples/dustbin-stress/index.js
diff --git a/examples/index.html b/examples/index.html
diff --git a/examples/index.js b/examples/index.js
diff --git a/examples/_nesting-sources/Colors.js → examples/nesting-sources/Colors.js b/examples/_nesting-sources/Colors.js → examples/nesting-sources/Colors.js
diff --git a/examples/_nesting-sources/Container.js → examples/nesting-sources/Container.js b/examples/_nesting-sources/Container.js → examples/nesting-sources/Container.js
diff --git a/examples/_nesting-sources/SourceBox.js → examples/nesting-sources/SourceBox.js b/examples/_nesting-sources/SourceBox.js → examples/nesting-sources/SourceBox.js
diff --git a/examples/_nesting-sources/TargetBox.js → examples/nesting-sources/TargetBox.js b/examples/_nesting-sources/TargetBox.js → examples/nesting-sources/TargetBox.js
diff --git a/examples/_nesting-sources/index.js → examples/nesting-sources/index.js b/examples/_nesting-sources/index.js → examples/nesting-sources/index.js
diff --git a/examples/_nesting-targets/Box.js → examples/nesting-targets/Box.js b/examples/_nesting-targets/Box.js → examples/nesting-targets/Box.js
diff --git a/examples/_nesting-targets/Container.js → examples/nesting-targets/Container.js b/examples/_nesting-targets/Container.js → examples/nesting-targets/Container.js
diff --git a/examples/_nesting-targets/Dustbin.js → examples/nesting-targets/Dustbin.js b/examples/_nesting-targets/Dustbin.js → examples/nesting-targets/Dustbin.js
diff --git a/examples/_nesting-targets/ItemTypes.js → examples/nesting-targets/ItemTypes.js b/examples/_nesting-targets/ItemTypes.js → examples/nesting-targets/ItemTypes.js
diff --git a/examples/_nesting-targets/index.js → examples/nesting-targets/index.js b/examples/_nesting-targets/index.js → examples/nesting-targets/index.js
diff --git a/examples/shared/wrapInTestContext.js b/examples/shared/wrapInTestContext.js
@@ -0,0 +1,14 @@
+import React, { Component } from 'react';
+import { createTestBackend } from 'dnd-core';
+import { DragDropContext } from 'react-dnd';
+
+export default function wrapInTestContext(DecoratedComponent) {
+  @DragDropContext(createTestBackend)
+  class TestStub extends Component {
+    render() {
+      return <DecoratedComponent {...this.props} />;
+    }
+  }
+
+  return TestStub;
+}
diff --git a/examples/_sortable-cancelable/Card.js → examples/sortable-cancelable/Card.js b/examples/_sortable-cancelable/Card.js → examples/sortable-cancelable/Card.js
diff --git a/examples/_sortable-cancelable/Container.js → examples/sortable-cancelable/Container.js b/examples/_sortable-cancelable/Container.js → examples/sortable-cancelable/Container.js
diff --git a/examples/_sortable-cancelable/ItemTypes.js → examples/sortable-cancelable/ItemTypes.js b/examples/_sortable-cancelable/ItemTypes.js → examples/sortable-cancelable/ItemTypes.js
diff --git a/examples/_sortable-cancelable/index.js → examples/sortable-cancelable/index.js b/examples/_sortable-cancelable/index.js → examples/sortable-cancelable/index.js
diff --git a/examples/_sortable-simple/Card.js → examples/sortable-simple/Card.js b/examples/_sortable-simple/Card.js → examples/sortable-simple/Card.js
diff --git a/examples/_sortable-simple/Container.js → examples/sortable-simple/Container.js b/examples/_sortable-simple/Container.js → examples/sortable-simple/Container.js
diff --git a/examples/_sortable-simple/ItemTypes.js → examples/sortable-simple/ItemTypes.js b/examples/_sortable-simple/ItemTypes.js → examples/sortable-simple/ItemTypes.js
diff --git a/examples/_sortable-simple/index.js → examples/sortable-simple/index.js b/examples/_sortable-simple/index.js → examples/sortable-simple/index.js
diff --git a/examples/_sortable-stress/Card.js → examples/sortable-stress/Card.js b/examples/_sortable-stress/Card.js → examples/sortable-stress/Card.js
diff --git a/examples/_sortable-stress/Container.js → examples/sortable-stress/Container.js b/examples/_sortable-stress/Container.js → examples/sortable-stress/Container.js
diff --git a/examples/_sortable-stress/ItemTypes.js → examples/sortable-stress/ItemTypes.js b/examples/_sortable-stress/ItemTypes.js → examples/sortable-stress/ItemTypes.js
diff --git a/examples/_sortable-stress/index.js → examples/sortable-stress/index.js b/examples/_sortable-stress/index.js → examples/sortable-stress/index.js
diff --git a/examples/styles.css b/examples/styles.css
diff --git a/examples/webpack.config.js b/examples/webpack.config.js
diff --git a/examples/webpack.config.production.js b/examples/webpack.config.production.js
diff --git a/karma.conf.js b/karma.conf.js
@@ -0,0 +1,33 @@
+var path = require('path');
+
+module.exports = function (config) {
+  config.set({
+    browsers: ['Chrome'],
+    singleRun: true,
+    frameworks: ['mocha'],
+    files: [
+      'tests.webpack.js'
+    ],
+    preprocessors: {
+      'tests.webpack.js': ['webpack', 'sourcemap']
+    },
+    reporters: ['dots'],
+    webpack: {
+      devtool: 'inline-source-map',
+      module: {
+        loaders: [
+          { test: /\.js$/, loaders: ['babel'], exclude: /node_modules/ }
+        ]
+      },
+      resolve: {
+        alias: {
+          'react-dnd/modules': path.join(__dirname, './src'),
+          'react-dnd': path.join(__dirname, './src')
+        }
+      }
+    },
+    webpackServer: {
+      noInfo: true
+    }
+  });
+};
diff --git a/package.json b/package.json
@@ -8,6 +8,7 @@
     "build-site": "./scripts/buildStaticSite.sh",
     "publish-site": "./scripts/publishStaticSite.sh",
     "build": "./scripts/build.sh",
+    "test": "./scripts/test.sh",
     "prepublish": "npm run build"
   },
   "repository": {
@@ -35,7 +36,7 @@
   "homepage": "https://github.com/gaearon/react-dnd",
   "dependencies": {
     "disposables": "^1.0.1",
-    "dnd-core": "^1.0.2",
+    "dnd-core": "^1.1.0",
     "invariant": "^2.0.0",
     "lodash": "^3.1.0"
   },
@@ -51,18 +52,26 @@
     "babel-loader": "^5.0.0",
     "css-loader": "^0.9.1",
     "eslint": "^0.20.0",
+    "expect": "^1.6.0",
     "extract-text-webpack-plugin": "^0.3.8",
     "faker": "^2.1.3",
     "file-loader": "^0.8.1",
     "glob": "^4.3.5",
     "html-loader": "^0.2.3",
+    "karma": "^0.12.31",
+    "karma-chrome-launcher": "^0.1.12",
+    "karma-cli": "0.0.4",
+    "karma-mocha": "^0.1.10",
+    "karma-sourcemap-loader": "^0.3.4",
+    "karma-webpack": "^1.5.1",
     "less": "^2.2.0",
     "less-loader": "^2.0.0",
     "marked": "^0.3.2",
+    "mocha": "^2.2.5",
     "null-loader": "^0.1.0",
     "postcss": "^4.0.2",
     "postcss-custom-properties": "3.0.1",
-    "react": "~0.13.0",
+    "react": "^0.13.3",
     "react-hot-loader": "^1.2.3",
     "react-router": "~0.13.2",
     "request": "2.46.0",

diff --git a/scripts/test.sh b/scripts/test.sh
@@ -0,0 +1,3 @@
+#!/bin/sh
+
+./node_modules/.bin/karma start
diff --git a/site/IndexPage.js b/site/IndexPage.js
@@ -22,18 +22,18 @@ const APIDocs = {
 };
 
 const Examples = {
-  DUSTBIN_SIMPLE: require('../examples/_dustbin-simple'),
-  DUSTBIN_INTERESTING: require('../examples/_dustbin-interesting'),
-  DUSTBIN_STRESS: require('../examples/_dustbin-stress'),
-  DRAG_AROUND_NAIVE: require('../examples/_drag-around-naive'),
-  DRAG_AROUND_CUSTOM: require('../examples/_drag-around-custom'),
-  NESTING_SOURCES: require('../examples/_nesting-sources'),
-  NESTING_TARGETS: require('../examples/_nesting-targets'),
-  SORTABLE_SIMPLE: require('../examples/_sortable-simple'),
-  SORTABLE_CANCELABLE: require('../examples/_sortable-cancelable'),
-  SORTABLE_STRESS: require('../examples/_sortable-stress'),
-  CUSTOMIZE_HANDLES: require('../examples/_customize-handles'),
-  CUSTOMIZE_EFFECTS: require('../examples/_customize-effects')
+  DUSTBIN_SIMPLE: require('../examples/dustbin-simple'),
+  DUSTBIN_INTERESTING: require('../examples/dustbin-interesting'),
+  DUSTBIN_STRESS: require('../examples/dustbin-stress'),
+  DRAG_AROUND_NAIVE: require('../examples/drag-around-naive'),
+  DRAG_AROUND_CUSTOM: require('../examples/drag-around-custom'),
+  NESTING_SOURCES: require('../examples/nesting-sources'),
+  NESTING_TARGETS: require('../examples/nesting-targets'),
+  SORTABLE_SIMPLE: require('../examples/sortable-simple'),
+  SORTABLE_CANCELABLE: require('../examples/sortable-cancelable'),
+  SORTABLE_STRESS: require('../examples/sortable-stress'),
+  CUSTOMIZE_HANDLES: require('../examples/customize-handles'),
+  CUSTOMIZE_EFFECTS: require('../examples/customize-effects')
 };
 
 export default class IndexPage extends Component {

diff --git a/tests.webpack.js b/tests.webpack.js
@@ -0,0 +1,2 @@
+var context = require.context('./examples', true, /-test\.js$/);
+context.keys().forEach(context);