neft

'use strict' fs = require 'fs' os = require 'os' {assert, utils, unit, Document} = Neft {describe, it} = unit {createView, renderParse, uid} = require './utils' Document.SCRIPTS_PATH = 'build/scripts' describe 'src/document script', -> it 'is not rendered', -> view = createView ''' <script></script> ''' view = view.clone() renderParse view assert.is view.node.stringify(), '' it 'scope is shared between rendered views', -> view = createView ''' <script> this.a = Math.random(); </script> ''' view = view.clone() renderParse view proto = view.scope.__proto__ assert.isFloat view.scope.a view.revert() renderParse view assert.is view.scope.__proto__, proto view.revert() view2 = view.clone() renderParse view2 assert.is view2.scope.__proto__, proto it 'is disabled if contains unknown attributes', -> view = createView ''' <script type="text"> this.a = Math.random(); </script> ''' view = view.clone() renderParse view proto = view.scope.__proto__ assert.is view.scope.a, undefined describe 'this.onCreate()', -> it 'is called on a view clone', -> view = createView ''' <attr name="x" value="1" /> <script> this.onCreate(function(){ this.b = 2; }); this.a = 1; </script> ''' view = view.clone() renderParse view {scope} = view assert.is scope.b, 2 assert.is scope.a, 1 view.revert() renderParse view assert.is view.scope, scope view2 = view.clone() renderParse view2 assert.isNot view2.scope, scope assert.is view2.scope.b, 2 assert.is view2.scope.a, 1 it 'is called with its prototype', -> view = createView ''' <script> this.onCreate(function(){ this.proto = this; this.protoA = this.a; }); this.a = 1; </script> ''' view = view.clone() renderParse view assert.is view.scope.proto, view.scope assert.is view.scope.protoA, 1 it 'is called with props in scope', -> view = createView ''' <script> this.onCreate(function(){ this.a = this.props.a; }); </script> <prop name="a" value="1" /> ''' view = view.clone() renderParse view assert.is view.scope.a, 1 it 'is called with refs in scope', -> view = createView ''' <script> this.onCreate(function(){ this.a = this.refs.x.props.a; }); </script> <b ref="x" a="1" /> ''' view = view.clone() renderParse view assert.is view.scope.a, 1 it 'is called with context in scope', -> view = createView ''' <script> this.onRender(function(){ this.a = this.context.a; }); </script> ''' view = view.clone() renderParse view, storage: a: 1 assert.is view.scope.a, 1 it 'is called with file node in scope', -> view = createView ''' <script> this.onCreate(function(){ this.aNode = this.node; }); </script> ''' view = view.clone() renderParse view assert.is view.scope.aNode, view.node describe.onServer '[filename]', -> it 'supports .coffee files', -> view = Document.fromHTML uid(), ''' <script filename="a.coffee"> @a = 1 </script> ''' Document.parse view view = view.clone() renderParse view assert.is view.scope.a, 1 it 'predefined scope properties are not enumerable', -> view = createView ''' <script> var protoKeys = []; for (var key in this) { protoKeys.push(key); } this.onCreate(function(){ var keys = [].concat(protoKeys); this.keys = keys; for (var key in this) { keys.push(key); } }); </script> ''' view = view.clone() renderParse view assert.isEqual view.scope.keys, ['keys'] it 'further tags are properly called', -> view = createView ''' <script> this.onCreate(function(){ this.aa = 1; }); this.a = 1; </script> <script> this.onCreate(function(){ this.bb = 1; this.bbaa = this.aa; }); this.b = 1; </script> ''' view = view.clone() renderParse view {scope} = view assert.is scope.a, 1 assert.is scope.aa, 1 assert.is scope.b, 1 assert.is scope.bb, 1 assert.is scope.bbaa, 1 it 'can contains XML text', -> source = createView """ <script> this.a = '<&&</b>'; </script> ${this.a} """ view = source.clone() renderParse view assert.is view.node.stringify(), '<&&</b>' it.onServer 'accepts `src` attribute', -> filename = "tmp#{uid()}.js" path = "#{os.tmpdir()}/#{filename}" file = 'module.exports = function(){ this.a = 1; }' fs.writeFileSync path, file, 'utf-8' source = Document.fromHTML uid(), """ <script src="#{path}"></script> <blank>${this.a}</blank> """ Document.parse source view = source.clone() renderParse view assert.is view.node.stringify(), '1' it.onServer 'accepts relative `src` attribute', -> scriptFilename = "tmp#{uid()}.js" scriptPath = "#{os.tmpdir()}/#{scriptFilename}" file = 'module.exports = function(){ this.a = 1; }' fs.writeFileSync scriptPath, file, 'utf-8' viewFilename = "tmp#{uid()}" viewPath = "#{os.tmpdir()}/#{viewFilename}" fs.writeFileSync viewPath, viewStr = """ <script src="./#{scriptFilename}"></script> <blank>${this.a}</blank> """ source = Document.fromHTML viewPath, viewStr Document.parse source view = source.clone() renderParse view assert.is view.node.stringify(), '1' it 'properly calls events', -> view = createView """ <script> this.onCreate(function(){ this.events = []; }); this.onBeforeRender(function(){ this.events.push('onBeforeRender'); }); this.onRender(function(){ this.events.push('onRender'); }); this.onBeforeRevert(function(){ this.events.push('onBeforeRevert'); }); this.onRevert(function(){ this.events.push('onRevert'); }); </script> """ view = view.clone() {events} = view.scope assert.isEqual events, [] view.render() assert.isEqual events, ['onBeforeRender', 'onRender'] view.revert() assert.isEqual events, [ 'onBeforeRender', 'onRender', 'onBeforeRevert', 'onRevert' ] it 'does not call events for foreign scope', -> view = createView """ <script> this.onCreate(function(){ this.events = []; }); this.onBeforeRender(function(){ this.events.push('onBeforeRender'); }); this.onRender(function(){ this.events.push('onRender'); }); this.onBeforeRevert(function(){ this.events.push('onBeforeRevert'); }); this.onRevert(function(){ this.events.push('onRevert'); }); </script> <ul n-each="[1,2]">${props.item}</ul> """ view = view.clone() {events} = view.scope assert.isEqual events, [] view.render() assert.isEqual events, ['onBeforeRender', 'onRender'] view.revert() assert.isEqual events, [ 'onBeforeRender', 'onRender', 'onBeforeRevert', 'onRevert' ]