diff --git a/react-dnd/react-dnd-tests.ts b/react-dnd/react-dnd-tests.ts index 244144029c..d270a041de 100644 --- a/react-dnd/react-dnd-tests.ts +++ b/react-dnd/react-dnd-tests.ts @@ -13,6 +13,7 @@ import DragSource = ReactDnd.DragSource; import DropTarget = ReactDnd.DropTarget; import DragDropContext = ReactDnd.DragDropContext; import HTML5Backend = require('react-dnd/modules/backends/HTML5'); +import TestBackend = require('react-dnd/modules/backends/Test'); // Game Component // ---------------------------------------------------------------------- @@ -247,14 +248,18 @@ module Board { } } - var DndBoard = DragDropContext(HTML5Backend)(Board); - export var create = React.createFactory(DndBoard); + export var createWithHTMLBackend = React.createFactory(DragDropContext(HTML5Backend)(Board)); + export var createWithTestBackend = React.createFactory(DragDropContext(TestBackend)(Board)); } - // Render the Board Component // ---------------------------------------------------------------------- -Board.create({ +Board.createWithHTMLBackend({ + knightPosition: [0, 0] +}); + + +Board.createWithTestBackend({ knightPosition: [0, 0] }); diff --git a/react-dnd/react-dnd.d.ts b/react-dnd/react-dnd.d.ts index 86eab01cdb..d86af3b8b7 100644 --- a/react-dnd/react-dnd.d.ts +++ b/react-dnd/react-dnd.d.ts @@ -170,3 +170,19 @@ declare module "react-dnd/modules/backends/HTML5" { export = HTML5Backend; } + +declare module "react-dnd/modules/backends/Test" { + class TestBackend { + setup(): void; + teardown(): void; + connectDragSource(): void; + connectDropTarget(): void; + simulateBeginDrag(sourceIds: __ReactDnd.Identifier[], options?: {}): void; + simulatePublishDragSource(): void; + simulateHover(targetIds: __ReactDnd.Identifier[], options?: {}): void; + simulateDrop(): void; + simulateEndDrag(): void; + } + + export = TestBackend; +}