# test/oj.compile.html.coffee
#
# Test oj.compile method for generating html, css, javascript
path = require 'path'
fs = require 'fs'
async = require 'async'
oj = require '../oj.js'
bodyWrap = (str = '') -> "#{str}"
headEmpty = ''
bodyEmpty = bodyWrap()
div1 = '1
'
div2 = '2
'
div3 = '3
'
divs123 = [div1, div2, div3]
_el = -> $('body').get(0)
_clear = ($el = $('body')) -> $el.html ''
_set = (html, $el = $('body')) -> $el.html html
_get = ($el = $('body')) -> $el.html()
_log = ($el) -> console.log _get()
_getAll = -> $('html').html()
_logAll = -> console.log _getAll()
_clearAll = -> $('html').html headEmpty + bodyEmpty
compileTest = (ojml, html, options = {}) ->
options = _.defaults {}, options,
html:true
css:true
dom:false
minify:true
body:false
r = oj.compile options, ojml
if not (options.html == false)
expect(r.html).to.be.a 'string'
expect(r.html).to.equal html
else
expect(r.html).to.not.exist
compileTestException = (ojml, exception, options = {}) ->
expect(-> oj.compile options, ojml).to.throw exception
describe 'oj.compile.html', ->
beforeEach ->
_clear $('body')
it 'exists', ->
expect(oj.compile).to.exist
oj.compile.should.be.a 'function'
it 'oj.toHTML (not minified)'
it 'oj.toHTML (minified)', ->
ojml = oj.html ->
oj.head ->
oj.script type: 'text/javascript', src: 'script.js'
oj.body ->
oj.div 'a1'
result = oj.toHTML({minify:true}, ojml)
expected = 'a1
'
expect(result).to.equal expected
it 'div', ->
ojml = oj.div 'test'
compileTest ojml, 'test
'
it 'values', ->
compileTest '', ''
compileTest 'test', 'test'
compileTest 42, '42'
compileTest true, 'true'
compileTest false, 'false'
compileTest [], ''
compileTest (->), ''
compileTest null, ''
compileTest undefined, ''
it 'span', ->
ojml = oj.span 'test'
compileTest ojml, 'test'
it 'opened', ->
ojml = oj.hr()
compileTest ojml, '
'
it 'closed', ->
ojml = oj.div()
compileTest ojml, ''
it 'nested divs', ->
ojml = oj.div oj.div 'test'
compileTest ojml, ''
it 'attributes empty', ->
ojml = oj.div {}, ->
compileTest ojml, ''
it 'attributes class', ->
ojml = oj.div class: 'c1', ->
compileTest ojml, ''
it 'attributes class with c', ->
ojml = oj.div c: 'c1', ->
compileTest ojml, ''
it 'attributes class as array', ->
ojml = oj.div class: ['c1','c2'], ->
compileTest ojml, ''
it 'attributes c as array', ->
ojml = oj.div c: ['c1','c2'], ->
compileTest ojml, ''
it 'attributes class and c as array', ->
ojml = oj.div class: ['c1','c2'], c:['c3'], ->
compileTest ojml, ''
it 'attributes class and c as array', ->
ojml = oj.div class: ['c1','c2'], c:'c3 c4', ->
compileTest ojml, ''
it 'attributes id', ->
ojml = oj.div id: 'id1', ->
compileTest ojml, ''
it 'attributes string', ->
ojml = oj.div attr: 'str', ->
compileTest ojml, ''
ojml = oj.div attr: '', ->
compileTest ojml, ''
it 'attributes boolean', ->
ojml = oj.div attr: true
compileTest ojml, ''
ojml = oj.div attr: false
compileTest ojml, ''
it 'attributes undefined', ->
ojml = oj.div attr: undefined
compileTest ojml, ''
it 'attributes null', ->
ojml = oj.div attr: null
compileTest ojml, ''
it 'attributes multiple', ->
ojml = oj.div class: 'c1', id: 'id1', ->
compileTest ojml, ''
it 'attributes style string', ->
ojml = oj.div style: 'text-align:center; color:red', ->
compileTest ojml, ''
it 'attributes style object', ->
ojml = oj.div style: {'text-align':'center', color: 'red'}, ->
compileTest ojml, ''
it 'attributes style object with fancy keys', ->
ojml = oj.div style: {textAlign:'center', color: 'red'}, ->
compileTest ojml, ''
it 'simple nested', ->
ojml = oj.div ->
oj.span 'a1'
expected = 'a1
'
compileTest ojml, expected, minify: true
it 'nested', ->
ojml = oj.div style: {'text-align':'center', color: 'red'}, ->
oj.div 'a1', ->
oj.div 'b1'
oj.div 'a2'
expected = ''
compileTest ojml, expected, minify: true
it 'nested with debug printing', ->
ojml = oj.div style: {'text-align':'center', color: 'red'}, ->
oj.div 'a1', ->
oj.div 'b1'
oj.div 'a2'
expected = ''
compileTest ojml, expected, minify: false
it '', ->
ojml = oj.html ->
oj.body ->
oj.div 'a1'
expected = 'a1
'
compileTest ojml, expected, minify: true
it ' with debug printing', ->
ojml = oj.html ->
oj.body ->
oj.div 'a1'
expected = 'a1
'
compileTest ojml, expected, minify: false
it '', ->
ojml = oj.html ->
oj.head ->
oj.script type: 'text/javascript', src: 'script.js'
oj.body ->
oj.div 'a1'
# css should be ignored in structure
oj.css '.selector':color:'red'
expected = 'a1
'
compileTest ojml, expected, minify: true
it ' with debug printing', ->
ojml = oj.html ->
oj.head ->
oj.script type: 'text/javascript', src: 'script.js'
oj.body ->
oj.div 'a1'
expected = '\n\t\n\ta1
\n'
compileTest ojml, expected, minify: false
it ' with ignore', ->
ojml = oj.html ->
oj.head ->
oj.script type: 'text/javascript', src: 'script.js'
oj.body ->
oj.div 'a1'
expected = 'a1
'
compileTest ojml, expected, ignore: {html:1, doctype:1, head:1, link:1, script:1}
it 'doctype', ->
ojml = oj.doctype()
expected = ''
compileTest ojml, expected, ignore: {}
ojml = oj ->
oj.doctype()
oj.html ->
oj.head()
oj.body ->
oj.div 'test'
expected = 'test
'
compileTest ojml, expected, ignore: {}
ojml = oj.doctype 5
expected = ''
compileTest ojml, expected, ignore: {}
ojml = oj.doctype('HTML 5')
expected = ''
compileTest ojml, expected, ignore: {}
ojml = oj.doctype 4
expected = ''
compileTest ojml, expected, ignore: {}
ojml = oj.doctype('HTML 4.01 Strict')
expected = ''
compileTest ojml, expected, ignore: {}
ojml = oj.doctype('HTML 4.01 Transitional')
expected = ''
compileTest ojml, expected, ignore: {}
ojml = oj.doctype('HTML 4.01 Frameset')
expected = ''
compileTest ojml, expected, ignore: {}