KineticJS Unit Tests :: find with multiple names

Added unit tests to find nodes by name that have multiple names
ericdrowell · Aug 27, 2014 · 9de8d2f · 9de8d2f
1 parent 0a1289c
commit 9de8d2f
Show file tree

Hide file tree

Showing 2 changed files with 65 additions and 20 deletions.
diff --git a/test/unit/Container-test.js b/test/unit/Container-test.js
@@ -764,6 +764,71 @@ suite('Container', function() {
         assert.equal(group.find('Circle').length, 1, 'gropu should have 1 circles');
     });
 
+    // ======================================================
+    test('test find() selector by adding shapes with multiple names', function() {
+        var stage = addStage();
+        var layer = new Kinetic.Layer({
+            name: 'layerName',
+            id: 'layerId'
+        });
+        var group = new Kinetic.Group({
+            name: 'groupName',
+            id: 'groupId'
+        });
+        var rect = new Kinetic.Rect({
+            x: 200,
+            y: 20,
+            width: 100,
+            height: 50,
+            fill: 'red',
+            name: 'red rectangle',
+            id: 'rectId'
+        });
+        var circle = new Kinetic.Circle({
+            x: 50,
+            y: 50,
+            radius: 20,
+            fill: 'red',
+            name: 'red circle',
+            id: 'circleId'
+        });
+
+        group.add(rect);
+        group.add(circle);
+        layer.add(group);
+        stage.add(layer);
+
+        assert.equal(stage.find('.rectangle')[0].attrs.id, 'rectId', 'problem with shape name selector');
+        assert.equal(stage.find('#rectId')[0].attrs.id, 'rectId', 'problem with shape id selector');
+        assert.equal(layer.find('.rectangle')[0].attrs.id, 'rectId', 'problem with shape name selector');
+        assert.equal(layer.find('#rectId')[0].attrs.id, 'rectId', 'problem with shape id selector');
+        assert.equal(group.find('.rectangle')[0].attrs.id, 'rectId', 'problem with shape name selector');
+        assert.equal(group.find('#rectId')[0].attrs.id, 'rectId', 'problem with shape id selector');
+
+        assert.equal(stage.find('.circle')[0].attrs.id, 'circleId', 'problem with shape name selector');
+        assert.equal(stage.find('#circleId')[0].attrs.id, 'circleId', 'problem with shape id selector');
+        assert.equal(layer.find('.circle')[0].attrs.id, 'circleId', 'problem with shape name selector');
+        assert.equal(layer.find('#circleId')[0].attrs.id, 'circleId', 'problem with shape id selector');
+        assert.equal(group.find('.circle')[0].attrs.id, 'circleId', 'problem with shape name selector');
+        assert.equal(group.find('#circleId')[0].attrs.id, 'circleId', 'problem with shape id selector');
+
+        assert.equal(stage.find('.red')[0].attrs.id, 'rectId', 'problem with shape name selector');
+        assert.equal(stage.find('.red')[1].attrs.id, 'circleId', 'problem with shape name selector');
+        assert.equal(layer.find('.red')[0].attrs.id, 'rectId', 'problem with shape name selector');
+        assert.equal(layer.find('.red')[1].attrs.id, 'circleId', 'problem with shape name selector');
+        assert.equal(group.find('.red')[0].attrs.id, 'rectId', 'problem with shape name selector');
+        assert.equal(group.find('.red')[1].attrs.id, 'circleId', 'problem with shape name selector');
+
+        assert.equal(stage.find('.groupName')[0].attrs.id, 'groupId', 'problem with group name selector');
+        assert.equal(stage.find('#groupId')[0].attrs.id, 'groupId', 'problem with group id selector');
+        assert.equal(layer.find('.groupName')[0].attrs.id, 'groupId', 'problem with group name selector');
+        assert.equal(layer.find('#groupId')[0].attrs.id, 'groupId', 'problem with group id selector');
+
+        assert.equal(stage.find('.layerName')[0].attrs.id, 'layerId', 'problem with layer name selector');
+        assert.equal(stage.find('#layerId')[0].attrs.id, 'layerId', 'problem with layer id selector');
+    });
+
+
     // ======================================================
     test('test find() selector by adding shape, then group, then layer', function() {
         var stage = addStage();

diff --git a/test/unit/Global-test.js b/test/unit/Global-test.js
@@ -5,26 +5,6 @@ suite('Global', function() {
         assert.equal(Kinetic.version, 'dev');
     });
 
-    // ======================================================
-    test('_addName', function() {
-        Kinetic._addName("node1", "single");
-        assert.equal(Kinetic.names.single[0], "node1");
-
-        Kinetic._addName("node2", "double item");
-        assert.equal(Kinetic.names.double[0], "node2");
-        assert.equal(Kinetic.names.item[0], "node2");
-
-        Kinetic._addName("node3", "  extra   spaces  ");
-        assert.equal(Kinetic.names.extra[0], "node3");
-        assert.equal(Kinetic.names.spaces[0], "node3");
-
-        Kinetic._addName("node4", "another item");
-        assert.equal(Kinetic.names.another[0], "node4");
-        assert.equal(Kinetic.names.item.length, 2);
-        assert.equal(Kinetic.names.item[0], "node2");
-        assert.equal(Kinetic.names.item[1], "node4");
-    });
-
     // ======================================================
     test('getAngle()', function() {
         // test that default angleDeg is true