move rendering tests from examples/src/try

Author: zemlanin

.travis.yml

@@ -1,9 +1,8 @@
 language: node_js
 node_js:
-  - "0.10"
-  - "0.12"
   - "4.0"
   - "5.0"
+  - "5"
 before_install:
   - npm install -g npm@3
 env:

Makefile

@@ -18,4 +18,4 @@ examples: examples/src/*/* dist/schwartzman.js
 
 .PHONY: test
 test: dist/schwartzman.js
-	NODE_ENV=test $(mocha) && make examples
+	NODE_ENV=test $(mocha)

src/schwartzman.js

@@ -471,7 +471,7 @@ module.exports = function(content) {
 
     module.exports = function (props) { return ${result} }
     module.exports.raw = ${JSON.stringify(content)}
-    if (process.env.NODE_ENV === 'test') { module.exports }
+    if (process && process.env && process.env.NODE_ENV === 'test') { module.exports }
   `
 }
 

test/rendering.js

@@ -18,4 +18,138 @@ describe('rendering', function () {
       )
     )
   })
+
+  it('correct scope search: outer', function () {
+    var tmpl = eval(schwartzman(`
+      <div>
+        {{#name}}
+          <b class=x>
+            {{name}}
+          </b>
+        {{/name}}
+        {{#wrapper}}@@{{name}}@@{{/wrapper}}
+      </div>
+    `))
+
+    assert.equal(
+      '<div><b class="x">Jason</b></div>',
+      ReactDOMServer.renderToStaticMarkup(
+        React.createElement(tmpl, {name: 'Jason', wrapper: false})
+      )
+    )
+  })
+
+  it('correct scope search: inner', function () {
+    var tmpl = eval(schwartzman(`
+      <div>
+        {{#obj}}
+          {{#i}}
+          +++{{i}}+++
+          {{/i}}
+
+          {{^k}}
+          ~~~{{i}}~~~
+          {{/k}}
+          ---{{k}}---
+          ==={{name}}===
+        {{/obj}}
+      </div>
+    `))
+
+    assert.equal(
+      `<div>+++42+++
+        ~~~42~~~
+        ------
+        ===Jason===
+      </div>`.replace(/^\s{2,}/gm, '  '),
+      ReactDOMServer.renderToStaticMarkup(
+        React.createElement(tmpl, {name: 'Jason', obj: {i: 42}})
+      ).replace(/^\s{2,}/gm, '  ')
+    )
+  })
+
+  it('comments', function () {
+    var tmpl = eval(schwartzman(`
+      <div>
+        <!--<b></b>-->
+        <i></i>
+        <!--<b></b>-->
+        <i></i>
+        <!--<b></b>-->
+      </div>
+    `))
+
+    assert.equal(
+      `<div><i></i><i></i></div>`,
+      ReactDOMServer.renderToStaticMarkup(
+        React.createElement(tmpl, {})
+      )
+    )
+  })
+
+  it('arrays', function () {
+    var tmpl = eval(schwartzman(`
+      <div>
+        <ul>
+          {{#people}}
+            <li>{{name}}</li>
+          {{/people}}
+        </ul>
+        <span>
+          {{#people}}la {{/people}}
+        </span>
+        {{^people}}<span>no people</span>{{/people}}
+        {{^animals}}<span>no animals</span>{{/animals}}
+      </div>
+    `))
+
+    assert.equal(
+      `<div><ul><li>Alice</li><li>Bob</li></ul><span>la la </span><span>no animals</span></div>`,
+      ReactDOMServer.renderToStaticMarkup(
+        React.createElement(tmpl, {people: [
+          {name: 'Alice'},
+          {name: 'Bob'},
+        ]})
+      )
+    )
+  })
+
+  it('escaping', function () {
+    var tmpl = eval(schwartzman(`
+      <div>
+        <b>{{{ noEscape }}}</b>
+        <b>{{{ amp }}}</b>
+      </div>
+    `))
+
+    assert.equal(
+      `<div><b><i>lol</i></b><b>&amp;</b></div>`,
+      ReactDOMServer.renderToStaticMarkup(
+        React.createElement(tmpl, {
+          noEscape: '<i>lol</i>',
+          amp: '&amp;',
+        })
+      )
+    )
+  })
+
+  it('attributes', function () {
+    var tmpl = eval(schwartzman(`
+      <div>
+          <b checked>{{{ amp }}}</b>
+          <div class={{#amp}}lol{{/amp}} />
+          <div {{#amp}}checked{{/amp}} />
+          <i style="text-decoration: underline">underlined</i>
+      </div>
+    `))
+
+    assert.equal(
+      `<div><b checked="">&amp;</b><div class="lol"></div><div checked=""></div><i style="text-decoration:underline;">underlined</i></div>`,
+      ReactDOMServer.renderToStaticMarkup(
+        React.createElement(tmpl, {
+          amp: '&amp;',
+        })
+      )
+    )
+  })
 })