Create test case for Issue #11

marcojakob · marcojakob · commit 3d54d09d3dcf · 2013-09-16T22:28:48.000+02:00
diff --git a/pubspec.yaml b/pubspec.yaml
@@ -5,8 +5,8 @@ description: HTML5 Drag and Drop
 homepage: https://github.com/marcojakob/dart-html5-dnd
 documentation: http://edu.makery.ch/projects/dart-html5-drag-and-drop
 dependencies:
-  logging: '>=0.5.13 <0.5.14'
-  meta: '>=0.5.13 <0.5.14'
+  logging: any
+  meta: any
 dev_dependencies:
   browser: any
   logging_handlers: any
diff --git a/test/nested_dropzones/nested_dropzones_test.css b/test/nested_dropzones/nested_dropzones_test.css
@@ -0,0 +1,35 @@
+.dnd-over {
+  border: 2px dashed #000;
+}
+
+.dnd-dragging {
+  opacity: 0.5;
+}
+
+div {
+  display: block;
+  color: #1C94C4;
+  border: 1px solid #CCC;
+}
+
+.container {
+  background: #F6F6F6;
+  width: 200px;
+  height: 150px;
+}
+
+.child {
+  margin: 35px;
+  background: #A9A9A9;
+  width: 125px;
+  height: 50px;
+}
+
+.draggable1, .draggable2 {
+  cursor: move;
+  margin: 35px;
+  background: #123456;
+  width: 125px;
+  height: 50px;
+}
+
diff --git a/test/nested_dropzones/nested_dropzones_test.dart b/test/nested_dropzones/nested_dropzones_test.dart
@@ -0,0 +1,43 @@
+/**
+ * Test for nested dropzones.
+ */
+library nested_dropzones_test;
+
+import 'dart:html';
+
+import 'package:logging_handlers/logging_handlers_shared.dart';
+import 'package:logging/logging.dart';
+import 'package:html5_dnd/html5_dnd.dart';
+
+final _logger = new Logger("nested_dropzones_test");
+
+main() {
+  Logger.root.onRecord.listen(new PrintHandler().call);
+  Logger.root.level = Level.FINEST;
+  
+  installDragAndDrop();
+}
+
+void installDragAndDrop() {
+  // Install draggables.
+  DraggableGroup dragGroup1 = new DraggableGroup()
+  ..installAll(queryAll('.draggable1'));
+  
+  DraggableGroup dragGroup2 = new DraggableGroup()
+  ..installAll(queryAll('.draggable2'));
+  
+  // Install dropzones.
+  DropzoneGroup dropGroup1 = new DropzoneGroup()
+  ..install(query('.container'))
+  ..accept.add(dragGroup1)
+  ..onDrop.listen((DropzoneEvent event) {
+    event.dropzone.query('span').text = '!!dropped!!';
+  });
+  
+  DropzoneGroup dropGroup2 = new DropzoneGroup()
+  ..install(query('.child'))
+  ..accept.add(dragGroup2)
+  ..onDrop.listen((DropzoneEvent event) {
+    event.dropzone.query('span').text = '!!dropped!!';
+  });
+}
diff --git a/test/nested_dropzones/nested_dropzones_test.html b/test/nested_dropzones/nested_dropzones_test.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge"/> 
+  
+  <title>Nested Dropzones Test</title>
+  
+  <link rel="stylesheet" href="nested_dropzones_test.css">
+</head>
+<body>
+  <div class="container">
+    <span>container</span>
+    <div class="child">    
+      child
+    </div>
+  </div>
+  <div class="draggable1">
+    draggable1
+  </div>
+  
+  <div class="draggable2">
+    draggable2
+  </div>
+  
+  <script type="application/dart" src="nested_dropzones_test.dart"></script>
+  <script src="packages/browser/dart.js"></script>
+</body>
+</html>
