matching in list test (fails)

Author: dgreensp

packages/spark/spark.js

@@ -919,6 +919,12 @@ _.extend(Spark.Landmark.prototype, {
     var r = this._range;
     return DomUtils.findAllClipped(r.containerNode(), selector,
                                    r.firstNode(), r.lastNode());
+  },
+  firstNode: function () {
+    return this._range.firstNode();
+  },
+  lastNode: function () {
+    return this._range.lastNode();
   }
 });
 

packages/templating/templating_tests.html

@@ -204,3 +204,16 @@
   {{/if}}
   {{#myConstant}}<hr/>{{/myConstant}}
 </template>
+
+<template name="test_listmatching_a0">
+  <span>{{var}}</span>
+  <p>
+    {{#each c}}
+      {{> test_listmatching_a1}}
+    {{/each}}
+  </p>
+</template>
+
+<template name="test_listmatching_a1">
+  {{letter}}
+</template>

packages/templating/templating_tests.js

@@ -433,7 +433,7 @@ Tinytest.add("templating - rendered template", function(test) {
 
 Tinytest.add("templating - branch labels", function(test) {
   var R = ReactiveVar('foo');
-  Template.test_branches_a.var = function () {
+  Template.test_branches_a['var'] = function () {
     return R.get();
   };
 
@@ -475,3 +475,42 @@ Tinytest.add("templating - branch labels", function(test) {
   div.kill();
   Meteor.flush();
 });
+
+Tinytest.add("templating - matching in list", function (test) {
+  var c = new LocalCollection();
+  c.insert({letter:'a'});
+  c.insert({letter:'b'});
+  c.insert({letter:'c'});
+
+  _.extend(Template.test_listmatching_a0, {
+    'var': function () { return R.get(); },
+    c: function () { return c.find(); }
+  });
+
+  var buf = [];
+  _.extend(Template.test_listmatching_a1, {
+    create: function () { buf.push('+'); },
+    render: function (landmark) {
+      var letter = DomUtils.rangeToHtml(landmark.firstNode(),
+                                        landmark.lastNode()).match(/\S+/)[0];
+      buf.push('*'+letter);
+    },
+    destroy: function () { buf.push('-'); }
+  });
+
+  var R = ReactiveVar('foo');
+  var div = OnscreenDiv(Spark.render(Template.test_listmatching_a0));
+  Meteor.flush();
+
+  test.equal(DomUtils.find(div.node(), 'span').innerHTML, 'foo');
+  test.equal(div.html().match(/<p>(.*?)<\/p>/)[1].match(/\S+/g), ['a','b','c']);
+  test.equal(buf.join(''), '+++*a*b*c');
+
+  buf.length = 0;
+  R.set('bar');
+  Meteor.flush();
+  test.equal(DomUtils.find(div.node(), 'span').innerHTML, 'bar');
+  test.equal(div.html().match(/<p>(.*?)<\/p>/)[1].match(/\S+/g), ['a','b','c']);
+  test.equal(buf.join(''), '*a*b*c');
+
+});