test/js-framework/case/tester.js - incubator-weex - Git at Google

 /*
  * Licensed to the Apache Software Foundation (ASF) under one
  * or more contributor license agreements.  See the NOTICE file
  * distributed with this work for additional information
  * regarding copyright ownership.  The ASF licenses this file
  * to you under the Apache License, Version 2.0 (the
  * "License"); you may not use this file except in compliance
  * with the License.  You may obtain a copy of the License at
  *
  *   http://www.apache.org/licenses/LICENSE-2.0
  *
  * Unless required by applicable law or agreed to in writing,
  * software distributed under the License is distributed on an
  * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  * KIND, either express or implied.  See the License for the
  * specific language governing permissions and limitations
  * under the License.
  */
 import chai from 'chai'
 import sinon from 'sinon'
 import sinonChai from 'sinon-chai'

 const expect = chai.expect
 chai.use(sinonChai)

 import { createRuntime, createApp, getCode } from './prepare'

 describe('test input and output', function () {
   let runtime

   before(() => {
     runtime = createRuntime()
     sinon.stub(console, 'info')
     sinon.stub(console, 'warn')
     sinon.stub(console, 'error')
   })

   after(() => {
     console.info.restore()
     console.warn.restore()
     console.error.restore()
   })

   describe('one-time rendering cases', () => {
     let app

     beforeEach(() => {
       app = createApp(runtime)
       callNativeHandler = (...args) => app._target.callNative(...args)
     })

     afterEach(() => {
       app = null
       callNativeHandler = function () {}
     })

     function checkOutput (app, name) {
       const source = getCode('basic/' + name + '.source.js')
       const output = getCode('basic/' + name + '.output.js')
       const result = eval('(' + output + ')')

       app.$create(source)
       expect(app.getRealRoot()).eql(result)
       app.$destroy()
     }

     it('global Weex object', () => checkOutput(app, 'global-weex-object'))

     it('single case', () => checkOutput(app, 'foo'))
     it('foo2 case', () => checkOutput(app, 'foo2'))
     it('foo3 case', () => checkOutput(app, 'foo3'))
     it('foo4 case', () => checkOutput(app, 'foo4'))
     it('foo5 case', () => checkOutput(app, 'foo5'))
     it('foo6 case', () => checkOutput(app, 'foo6'))
     it('foo7 case', () => checkOutput(app, 'foo7'))
     it('foo8 case', () => checkOutput(app, 'foo8'))
     it('foo9 case', () => checkOutput(app, 'foo9'))

     it('static1 case', () => checkOutput(app, 'static1'))
     it('static2 case', () => checkOutput(app, 'static2'))
     it('static3 case', () => checkOutput(app, 'static3'))
     it('static4 case', () => checkOutput(app, 'static4'))

     it('computed in repeat case', () => checkOutput(app, 'computed-in-repeat'))
     it('backward(register/render) case', () => checkOutput(app, 'backward1'))
     it('backward(define/require) case', () => checkOutput(app, 'backward2'))
     it('append case', () => checkOutput(app, 'append'))
     it('append-root case', () => checkOutput(app, 'append-root'))

     it('if case', () => checkOutput(app, 'if'))
     it('if-repeat case', () => checkOutput(app, 'if-repeat'))
     it('if in root element case', () => checkOutput(app, 'if-root'))
     it('repeat in root element case', () => checkOutput(app, 'repeat-root'))
     it('repeat with index case case', () => checkOutput(app, 'repeat-index'))
     it('repeat with array v case', () => checkOutput(app, 'repeat-array-v'))
     it('repeat with array kv case', () => checkOutput(app, 'repeat-array-kv'))
     it('repeat with array no-kv case', () => checkOutput(app, 'repeat-array-no-kv'))
     it('repeat with array non-obj case', () => checkOutput(app, 'repeat-array-non-obj'))
     it('repeat watch case', () => checkOutput(app, 'repeat-watch'))

     it('id case', () => checkOutput(app, 'id'))
     it('dynamic id case', () => checkOutput(app, 'dynamic-id'))

     it('reset style case', () => checkOutput(app, 'reset-style'))
     it('dynamic type case', () => checkOutput(app, 'dynamic-type'))
     it('dynamic property case', () => checkOutput(app, 'dynamic-property'))

     it('bind subvm', () => checkOutput(app, 'subvm'))
     it('components options', () => checkOutput(app, 'components'))
     it('change data when created', () => checkOutput(app, 'created'))
     it('change data when ready', () => checkOutput(app, 'ready'))

     it('require 3rd', () => checkOutput(app, 'require'))
     it('a correct transformer version', () => checkOutput(app, 'transformer1'))

     it('promise case', () => checkOutput(app, 'promise'))
   })

   describe('invalid usage', function () {
     describe('strict mode', () => {
       const readSource = name => getCode('throws/' + name + '.source.js')

       let app
       beforeEach(() => { app = createApp(runtime) })
       afterEach(() => { app = null })

       it('global variable 1', () => {
         const sourceCode = readSource('global-variable1')
         expect(() => app.$create(sourceCode)).to.throw(ReferenceError)
       })

       it('global variable 2', () => {
         const sourceCode = readSource('global-variable2')
         expect(() => app.$create(sourceCode)).to.throw(ReferenceError)
       })

       it('global variable 3', () => {
         const sourceCode = readSource('global-variable3')
         expect(() => app.$create(sourceCode)).to.throw(ReferenceError)
       })
     })
   })

   describe('complex cases', function () {
     let app

     beforeEach(() => {
       app = createApp(runtime)
       callNativeHandler = (...args) => app._target.callNative(...args)
     })

     afterEach(() => {
       app = null
       callNativeHandler = function () {}
     })

     const readSource = name => getCode('complex/' + name + '.source.js')
     const readOutput = name => getCode('complex/' + name + '.output.js')

     it('computed case', () => {
       const name = 'computed'
       const sourceCode = readSource(name)
       const outputCode = readOutput(name)

       app.$create(sourceCode)
       const expected = eval('(' + outputCode + ')')
       expect(app.getRealRoot()).eql(expected)

       app.$refresh({ x: 10 })
       expected.children[0].attr.value = 12
       expected.children[1].attr.value = 12
       expect(app.getRealRoot()).eql(expected)

       app.$refresh({ m: 10 })
       expected.children[0].attr.value = 20
       expected.children[1].attr.value = 20
       expect(app.getRealRoot()).eql(expected)

       app.$destroy()
     })

     it('append-root-event case', () => {
       const name = 'append-root-event'
       const sourceCode = readSource(name)
       const outputCode = readOutput(name)

       app.$create(sourceCode)
       const expected = eval('(' + outputCode + ')')
       const actual = app.getRealRoot()
       expect(actual).eql(expected)

       app.$fireEvent(app.doc.body.children[0].ref, 'click', {})
       const actual2 = app.getRealRoot()
       expect(actual2.children[0].attr.value).eql(2)

       app.$destroy()
     })

     it('use append tree and sub components', (done) => {
       const name = 'component-append-tree'
       const sourceCode = readSource(name)
       const outputCode = readOutput(name)

       app.$create(sourceCode)
       const expected = eval('(' + outputCode + ')')
       const actual = app.getRealRoot()
       expect(actual).eql(expected)

       setTimeout(() => {
         const actual2 = app.getRealRoot()
         expect(actual2.children[0].children[0].attr.value).eql('timeout')
         expect(actual2.children[1].children[0].attr.value).eql('timeout')
         app.$destroy()
         done()
       }, 200)
     })

     it('repeat with array track-by case', () => {
       const name = 'repeat-track-by'
       const sourceCode = readSource(name)
       const outputCode = readOutput(name)

       app.$create(sourceCode)
       app.$refresh({
         titlelist: [
           { text: 'Hello World2' },
           { text: 'Hello World1' }
         ]
       })
       const expected = eval('(' + outputCode + ')')
       expect(app.getRealRoot()).eql(expected)

       app.$destroy()
     })

     it('if-refresh case', () => {
       const name = 'if-refresh'
       const sourceCode = readSource(name)
       const outputCode = readOutput(name)

       app.$create(sourceCode)
       app.$refresh({ showTitle: false })
       const expected = eval('(' + outputCode + ')')
       expect(app.getRealRoot()).eql(expected)

       app.$destroy()
     })

     it('if-repeat-refresh case', () => {
       const name = 'if-repeat-refresh'
       const sourceCode = readSource(name)
       const outputCode = readOutput(name)

       app.$create(sourceCode)
       app.$refresh({
         titlelist: [
           { showTitle: false, title: 'Hello World1' },
           { showTitle: true, title: 'Hello World2' },
           { showTitle: true, title: 'Hello World3' }
         ]
       })
       const expected = eval('(' + outputCode + ')')
       expect(app.getRealRoot()).eql(expected)

       app.$destroy()
     })

     it('click case', () => {
       const name = 'click'
       const sourceCode = readSource(name)
       const outputCode = readOutput(name)

       app.$create(sourceCode)
       const expected = eval('(' + outputCode + ')')
       expect(app.getRealRoot()).eql(expected)

       app.$fireEvent(app.doc.body.children[0].ref, 'click', {})

       app.$destroy()
     })

     it('inline click case', () => {
       const name = 'inline-click'
       const sourceCode = readSource(name)
       const outputCode = readOutput(name)

       app.$create(sourceCode)
       const expected = eval('(' + outputCode + ')')
       expect(app.getRealRoot()).eql(expected)

       app.$fireEvent(app.doc.body.children[0].ref, 'click', {})

       expected.children[0].attr.value = 'Hello World2'
       expect(app.getRealRoot()).eql(expected)

       app.$destroy()
     })

     it('refresh twice', () => {
       const name = 'refresh2'
       const sourceCode = readSource(name)
       const outputCode = readOutput(name)

       app.$create(sourceCode)
       expect(app.getRealRoot()).eql({ type: 'container' })

       app.$refresh({ ext: { showbar1: false }})
       app.$refresh({ ext: { showbar1: true }})
       const expected = eval('(' + outputCode + ')')
       expect(app.getRealRoot()).eql(expected)

       app.$destroy()
     })

     it('a less wrong transformer version', () => {
       const name = 'transformer2'
       const sourceCode = readSource(name)

       const result = app.$create(sourceCode)
       expect(result).to.be.an.instanceof(Error)
       app.$destroy()
     })

     it('a bigger wrong transformer version', () => {
       const name = 'transformer3'
       const sourceCode = readSource(name)

       const result = app.$create(sourceCode)
       expect(result).to.be.an.instanceof(Error)
       app.$destroy()
     })

     it('input binding', () => {
       const name = 'input-binding'
       const sourceCode = readSource(name)
       const outputCode = readOutput(name)

       app.$create(sourceCode)
       const expected = eval('(' + outputCode + ')')
       expect(app.getRealRoot()).eql(expected)

       app.doc.body.children[0].attr.value = 'abcdefg'
       app.$fireEvent(app.doc.body.children[0].ref, 'change', {}, { attrs: { value: 'abcdefg' }})
       expected.children[0].attr.value = 'abcdefg'
       expected.children.push({ type: 'text', attr: { value: '1 - abcdefg' }})
       expect(app.getRealRoot()).eql(expected)

       app.doc.body.children[0].attr.value = '12345'
       app.$fireEvent(app.doc.body.children[0].ref, 'change', {}, { attrs: { value: '12345' }})
       expected.children[0].attr.value = '12345'
       expected.children.push({ type: 'text', attr: { value: '2 - 12345' }})
       expect(app.getRealRoot()).eql(expected)

       app.$destroy()
     })
   })

   describe('multi page cases', function () {
     let appA
     let appB

     beforeEach(() => {
       appA = createApp(runtime)
       appB = createApp(runtime)

       callNativeHandler = (id, ...args) => {
         switch (true) {
           case (appA.id === id) : { appA._target.callNative(id, ...args) } break
           case (appB.id === id) : { appB._target.callNative(id, ...args) } break
         }
       }
     })

     afterEach(() => {
       appA = null
       appB = null
       callNativeHandler = function () {}
     })

     const readSource = name => getCode('multi/' + name + '.source.js')
     const readOutput = name => getCode('multi/' + name + '.output.js')

     it('clear-module case', () => {
       const nameA = 'clear-moduleA'
       const nameB = 'clear-moduleB'
       const sourceCodeA = readSource(nameA)
       const sourceCodeB = readSource(nameB)
       const expectedA = eval('(' + readOutput(nameA) + ')')
       const expectedB = eval('(' + readOutput(nameB) + ')')

       appA.$create(sourceCodeA)
       appB.$create(sourceCodeB)

       expect(appB.getRealRoot()).eql(expectedB)

       appB.$destroy()
       appA.$fireEvent(appA.doc.body.children[0].ref, 'click', {})
       expect(appA.getRealRoot()).eql(expectedA)

       appA.$destroy()
     })

     it('clear-dep-target case', () => {
       const nameError = 'clear-dep-target-error'
       const nameFine = 'clear-dep-target-fine'
       const sourceCodeError = readSource(nameError)
       const sourceCodeFine = readSource(nameFine)
       const expectedFine = eval('(' + readOutput(nameFine) + ')')

       // should throw
       expect(() => { appA.$create(sourceCodeError) }).to.throw(TypeError)
       appA.$destroy()

       // not throw
       appB.$create(sourceCodeFine)
       expect(appB.getRealRoot()).eql(expectedFine)

       appB.$destroy()
     })
   })

   describe('timer & callNative signals', function () {
     let app

     const callNativeSpy = sinon.spy()
     function genCallNativeWrapper (count) {
       return (name, tasks, cbId) => {
         callNativeSpy(tasks)
         const length = callNativeSpy.callCount
         if (length > count) {
           return -1
         }
         return length
       }
     }
     beforeEach(() => {
       app = createApp(runtime)
       callNativeHandler = (...args) => app._target.callNative(...args)
     })

     afterEach(() => {
       app = null
       callNativeSpy.reset()
       callNativeHandler = function () {}
     })

     const readSource = name => getCode('signals/' + name + '.source.js')
     const readOutput = name => getCode('signals/' + name + '.output.js')

     it('use HTML5 timer API', function (done) {
       this.timeout(5000)
       const name = 'timer'
       const sourceCode = readSource(name)
       const outputCode = readOutput(name)

       app.$create(sourceCode)
       const expected = eval('(' + outputCode + ')')
       expect(app.getRealRoot()).eql(expected)

       setTimeout(_ => {
         expect(app.getRealRoot()).eql(expected)
         setTimeout(_ => {
           expected.children[0].attr.value = 'bar'
           expect(app.getRealRoot()).eql(expected)
           app.$destroy()
           done()
         }, 1000)
       }, 1000)
     })

     it('use modal API', function (done) {
       this.timeout(5000)
       const name = 'modal'
       const sourceCode = readSource(name)
       const outputCode = readOutput(name)

       app.$create(sourceCode)
       const expected = eval('(' + outputCode + ')')
       expect(app.getRealRoot()).eql(expected)

       // the test driver will hold the API callback about 1 sec
       setTimeout(_ => {
         expected.children[0].attr.value = 'bar'
         expect(app.getRealRoot()).eql(expected)
         app.$destroy()
         done()
       }, 1500)
     })

     it('signals control', function () {
       this.timeout(15000)

       const name = 'signals'
       const sourceCode = readSource(name)

       function run (calls) {
         callNativeSpy.reset()
         callNativeHandler = genCallNativeWrapper(calls)
         app.$create(sourceCode)
         app.$destroy()
         expect(callNativeSpy.callCount).eql(calls + 2)
       }

       for (let i = 5; i < 60; i++) {
         run(i)
       }
     })

     it('long signals control', function () {
       this.timeout(500000)

       const name = 'signals-long'
       const sourceCode = readSource(name)

       function run (calls) {
         callNativeSpy.reset()
         callNativeHandler = genCallNativeWrapper(calls)
         app.$create(sourceCode)
         app.$destroy()
         expect(callNativeSpy.callCount).eql(calls + 2)
       }

       run(10)
       run(30)
       run(90)
     })
   })
 })
	/*
	* Licensed to the Apache Software Foundation (ASF) under one
	* or more contributor license agreements. See the NOTICE file
	* distributed with this work for additional information
	* regarding copyright ownership. The ASF licenses this file
	* to you under the Apache License, Version 2.0 (the
	* "License"); you may not use this file except in compliance
	* with the License. You may obtain a copy of the License at
	*
	* http://www.apache.org/licenses/LICENSE-2.0
	*
	* Unless required by applicable law or agreed to in writing,
	* software distributed under the License is distributed on an
	* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
	* KIND, either express or implied. See the License for the
	* specific language governing permissions and limitations
	* under the License.
	*/
	import chai from 'chai'
	import sinon from 'sinon'
	import sinonChai from 'sinon-chai'

	const expect = chai.expect
	chai.use(sinonChai)

	import { createRuntime, createApp, getCode } from './prepare'

	describe('test input and output', function () {
	let runtime

	before(() => {
	runtime = createRuntime()
	sinon.stub(console, 'info')
	sinon.stub(console, 'warn')
	sinon.stub(console, 'error')
	})

	after(() => {
	console.info.restore()
	console.warn.restore()
	console.error.restore()
	})

	describe('one-time rendering cases', () => {
	let app

	beforeEach(() => {
	app = createApp(runtime)
	callNativeHandler = (...args) => app._target.callNative(...args)
	})

	afterEach(() => {
	app = null
	callNativeHandler = function () {}
	})

	function checkOutput (app, name) {
	const source = getCode('basic/' + name + '.source.js')
	const output = getCode('basic/' + name + '.output.js')
	const result = eval('(' + output + ')')

	app.$create(source)
	expect(app.getRealRoot()).eql(result)
	app.$destroy()
	}

	it('global Weex object', () => checkOutput(app, 'global-weex-object'))

	it('single case', () => checkOutput(app, 'foo'))
	it('foo2 case', () => checkOutput(app, 'foo2'))
	it('foo3 case', () => checkOutput(app, 'foo3'))
	it('foo4 case', () => checkOutput(app, 'foo4'))
	it('foo5 case', () => checkOutput(app, 'foo5'))
	it('foo6 case', () => checkOutput(app, 'foo6'))
	it('foo7 case', () => checkOutput(app, 'foo7'))
	it('foo8 case', () => checkOutput(app, 'foo8'))
	it('foo9 case', () => checkOutput(app, 'foo9'))

	it('static1 case', () => checkOutput(app, 'static1'))
	it('static2 case', () => checkOutput(app, 'static2'))
	it('static3 case', () => checkOutput(app, 'static3'))
	it('static4 case', () => checkOutput(app, 'static4'))

	it('computed in repeat case', () => checkOutput(app, 'computed-in-repeat'))
	it('backward(register/render) case', () => checkOutput(app, 'backward1'))
	it('backward(define/require) case', () => checkOutput(app, 'backward2'))
	it('append case', () => checkOutput(app, 'append'))
	it('append-root case', () => checkOutput(app, 'append-root'))

	it('if case', () => checkOutput(app, 'if'))
	it('if-repeat case', () => checkOutput(app, 'if-repeat'))
	it('if in root element case', () => checkOutput(app, 'if-root'))
	it('repeat in root element case', () => checkOutput(app, 'repeat-root'))
	it('repeat with index case case', () => checkOutput(app, 'repeat-index'))
	it('repeat with array v case', () => checkOutput(app, 'repeat-array-v'))
	it('repeat with array kv case', () => checkOutput(app, 'repeat-array-kv'))
	it('repeat with array no-kv case', () => checkOutput(app, 'repeat-array-no-kv'))
	it('repeat with array non-obj case', () => checkOutput(app, 'repeat-array-non-obj'))
	it('repeat watch case', () => checkOutput(app, 'repeat-watch'))

	it('id case', () => checkOutput(app, 'id'))
	it('dynamic id case', () => checkOutput(app, 'dynamic-id'))

	it('reset style case', () => checkOutput(app, 'reset-style'))
	it('dynamic type case', () => checkOutput(app, 'dynamic-type'))
	it('dynamic property case', () => checkOutput(app, 'dynamic-property'))

	it('bind subvm', () => checkOutput(app, 'subvm'))
	it('components options', () => checkOutput(app, 'components'))
	it('change data when created', () => checkOutput(app, 'created'))
	it('change data when ready', () => checkOutput(app, 'ready'))

	it('require 3rd', () => checkOutput(app, 'require'))
	it('a correct transformer version', () => checkOutput(app, 'transformer1'))

	it('promise case', () => checkOutput(app, 'promise'))
	})

	describe('invalid usage', function () {
	describe('strict mode', () => {
	const readSource = name => getCode('throws/' + name + '.source.js')

	let app
	beforeEach(() => { app = createApp(runtime) })
	afterEach(() => { app = null })

	it('global variable 1', () => {
	const sourceCode = readSource('global-variable1')
	expect(() => app.$create(sourceCode)).to.throw(ReferenceError)
	})

	it('global variable 2', () => {
	const sourceCode = readSource('global-variable2')
	expect(() => app.$create(sourceCode)).to.throw(ReferenceError)
	})

	it('global variable 3', () => {
	const sourceCode = readSource('global-variable3')
	expect(() => app.$create(sourceCode)).to.throw(ReferenceError)
	})
	})
	})

	describe('complex cases', function () {
	let app

	beforeEach(() => {
	app = createApp(runtime)
	callNativeHandler = (...args) => app._target.callNative(...args)
	})

	afterEach(() => {
	app = null
	callNativeHandler = function () {}
	})

	const readSource = name => getCode('complex/' + name + '.source.js')
	const readOutput = name => getCode('complex/' + name + '.output.js')

	it('computed case', () => {
	const name = 'computed'
	const sourceCode = readSource(name)
	const outputCode = readOutput(name)

	app.$create(sourceCode)
	const expected = eval('(' + outputCode + ')')
	expect(app.getRealRoot()).eql(expected)

	app.$refresh({ x: 10 })
	expected.children[0].attr.value = 12
	expected.children[1].attr.value = 12
	expect(app.getRealRoot()).eql(expected)

	app.$refresh({ m: 10 })
	expected.children[0].attr.value = 20
	expected.children[1].attr.value = 20
	expect(app.getRealRoot()).eql(expected)

	app.$destroy()
	})

	it('append-root-event case', () => {
	const name = 'append-root-event'
	const sourceCode = readSource(name)
	const outputCode = readOutput(name)

	app.$create(sourceCode)
	const expected = eval('(' + outputCode + ')')
	const actual = app.getRealRoot()
	expect(actual).eql(expected)

	app.$fireEvent(app.doc.body.children[0].ref, 'click', {})
	const actual2 = app.getRealRoot()
	expect(actual2.children[0].attr.value).eql(2)

	app.$destroy()
	})

	it('use append tree and sub components', (done) => {
	const name = 'component-append-tree'
	const sourceCode = readSource(name)
	const outputCode = readOutput(name)

	app.$create(sourceCode)
	const expected = eval('(' + outputCode + ')')
	const actual = app.getRealRoot()
	expect(actual).eql(expected)

	setTimeout(() => {
	const actual2 = app.getRealRoot()
	expect(actual2.children[0].children[0].attr.value).eql('timeout')
	expect(actual2.children[1].children[0].attr.value).eql('timeout')
	app.$destroy()
	done()
	}, 200)
	})

	it('repeat with array track-by case', () => {
	const name = 'repeat-track-by'
	const sourceCode = readSource(name)
	const outputCode = readOutput(name)

	app.$create(sourceCode)
	app.$refresh({
	titlelist: [
	{ text: 'Hello World2' },
	{ text: 'Hello World1' }
	]
	})
	const expected = eval('(' + outputCode + ')')
	expect(app.getRealRoot()).eql(expected)

	app.$destroy()
	})

	it('if-refresh case', () => {
	const name = 'if-refresh'
	const sourceCode = readSource(name)
	const outputCode = readOutput(name)

	app.$create(sourceCode)
	app.$refresh({ showTitle: false })
	const expected = eval('(' + outputCode + ')')
	expect(app.getRealRoot()).eql(expected)

	app.$destroy()
	})

	it('if-repeat-refresh case', () => {
	const name = 'if-repeat-refresh'
	const sourceCode = readSource(name)
	const outputCode = readOutput(name)

	app.$create(sourceCode)
	app.$refresh({
	titlelist: [
	{ showTitle: false, title: 'Hello World1' },
	{ showTitle: true, title: 'Hello World2' },
	{ showTitle: true, title: 'Hello World3' }
	]
	})
	const expected = eval('(' + outputCode + ')')
	expect(app.getRealRoot()).eql(expected)

	app.$destroy()
	})

	it('click case', () => {
	const name = 'click'
	const sourceCode = readSource(name)
	const outputCode = readOutput(name)

	app.$create(sourceCode)
	const expected = eval('(' + outputCode + ')')
	expect(app.getRealRoot()).eql(expected)

	app.$fireEvent(app.doc.body.children[0].ref, 'click', {})

	app.$destroy()
	})

	it('inline click case', () => {
	const name = 'inline-click'
	const sourceCode = readSource(name)
	const outputCode = readOutput(name)

	app.$create(sourceCode)
	const expected = eval('(' + outputCode + ')')
	expect(app.getRealRoot()).eql(expected)

	app.$fireEvent(app.doc.body.children[0].ref, 'click', {})

	expected.children[0].attr.value = 'Hello World2'
	expect(app.getRealRoot()).eql(expected)

	app.$destroy()
	})

	it('refresh twice', () => {
	const name = 'refresh2'
	const sourceCode = readSource(name)
	const outputCode = readOutput(name)

	app.$create(sourceCode)
	expect(app.getRealRoot()).eql({ type: 'container' })

	app.$refresh({ ext: { showbar1: false }})
	app.$refresh({ ext: { showbar1: true }})
	const expected = eval('(' + outputCode + ')')
	expect(app.getRealRoot()).eql(expected)

	app.$destroy()
	})

	it('a less wrong transformer version', () => {
	const name = 'transformer2'
	const sourceCode = readSource(name)

	const result = app.$create(sourceCode)
	expect(result).to.be.an.instanceof(Error)
	app.$destroy()
	})

	it('a bigger wrong transformer version', () => {
	const name = 'transformer3'
	const sourceCode = readSource(name)

	const result = app.$create(sourceCode)
	expect(result).to.be.an.instanceof(Error)
	app.$destroy()
	})

	it('input binding', () => {
	const name = 'input-binding'
	const sourceCode = readSource(name)
	const outputCode = readOutput(name)

	app.$create(sourceCode)
	const expected = eval('(' + outputCode + ')')
	expect(app.getRealRoot()).eql(expected)

	app.doc.body.children[0].attr.value = 'abcdefg'
	app.$fireEvent(app.doc.body.children[0].ref, 'change', {}, { attrs: { value: 'abcdefg' }})
	expected.children[0].attr.value = 'abcdefg'
	expected.children.push({ type: 'text', attr: { value: '1 - abcdefg' }})
	expect(app.getRealRoot()).eql(expected)

	app.doc.body.children[0].attr.value = '12345'
	app.$fireEvent(app.doc.body.children[0].ref, 'change', {}, { attrs: { value: '12345' }})
	expected.children[0].attr.value = '12345'
	expected.children.push({ type: 'text', attr: { value: '2 - 12345' }})
	expect(app.getRealRoot()).eql(expected)

	app.$destroy()
	})
	})

	describe('multi page cases', function () {
	let appA
	let appB

	beforeEach(() => {
	appA = createApp(runtime)
	appB = createApp(runtime)

	callNativeHandler = (id, ...args) => {
	switch (true) {
	case (appA.id === id) : { appA._target.callNative(id, ...args) } break
	case (appB.id === id) : { appB._target.callNative(id, ...args) } break
	}
	}
	})

	afterEach(() => {
	appA = null
	appB = null
	callNativeHandler = function () {}
	})

	const readSource = name => getCode('multi/' + name + '.source.js')
	const readOutput = name => getCode('multi/' + name + '.output.js')

	it('clear-module case', () => {
	const nameA = 'clear-moduleA'
	const nameB = 'clear-moduleB'
	const sourceCodeA = readSource(nameA)
	const sourceCodeB = readSource(nameB)
	const expectedA = eval('(' + readOutput(nameA) + ')')
	const expectedB = eval('(' + readOutput(nameB) + ')')

	appA.$create(sourceCodeA)
	appB.$create(sourceCodeB)

	expect(appB.getRealRoot()).eql(expectedB)

	appB.$destroy()
	appA.$fireEvent(appA.doc.body.children[0].ref, 'click', {})
	expect(appA.getRealRoot()).eql(expectedA)

	appA.$destroy()
	})

	it('clear-dep-target case', () => {
	const nameError = 'clear-dep-target-error'
	const nameFine = 'clear-dep-target-fine'
	const sourceCodeError = readSource(nameError)
	const sourceCodeFine = readSource(nameFine)
	const expectedFine = eval('(' + readOutput(nameFine) + ')')

	// should throw
	expect(() => { appA.$create(sourceCodeError) }).to.throw(TypeError)
	appA.$destroy()

	// not throw
	appB.$create(sourceCodeFine)
	expect(appB.getRealRoot()).eql(expectedFine)

	appB.$destroy()
	})
	})

	describe('timer & callNative signals', function () {
	let app

	const callNativeSpy = sinon.spy()
	function genCallNativeWrapper (count) {
	return (name, tasks, cbId) => {
	callNativeSpy(tasks)
	const length = callNativeSpy.callCount
	if (length > count) {
	return -1
	}
	return length
	}
	}
	beforeEach(() => {
	app = createApp(runtime)
	callNativeHandler = (...args) => app._target.callNative(...args)
	})

	afterEach(() => {
	app = null
	callNativeSpy.reset()
	callNativeHandler = function () {}
	})

	const readSource = name => getCode('signals/' + name + '.source.js')
	const readOutput = name => getCode('signals/' + name + '.output.js')

	it('use HTML5 timer API', function (done) {
	this.timeout(5000)
	const name = 'timer'
	const sourceCode = readSource(name)
	const outputCode = readOutput(name)

	app.$create(sourceCode)
	const expected = eval('(' + outputCode + ')')
	expect(app.getRealRoot()).eql(expected)

	setTimeout(_ => {
	expect(app.getRealRoot()).eql(expected)
	setTimeout(_ => {
	expected.children[0].attr.value = 'bar'
	expect(app.getRealRoot()).eql(expected)
	app.$destroy()
	done()
	}, 1000)
	}, 1000)
	})

	it('use modal API', function (done) {
	this.timeout(5000)
	const name = 'modal'
	const sourceCode = readSource(name)
	const outputCode = readOutput(name)

	app.$create(sourceCode)
	const expected = eval('(' + outputCode + ')')
	expect(app.getRealRoot()).eql(expected)

	// the test driver will hold the API callback about 1 sec
	setTimeout(_ => {
	expected.children[0].attr.value = 'bar'
	expect(app.getRealRoot()).eql(expected)
	app.$destroy()
	done()
	}, 1500)
	})

	it('signals control', function () {
	this.timeout(15000)

	const name = 'signals'
	const sourceCode = readSource(name)

	function run (calls) {
	callNativeSpy.reset()
	callNativeHandler = genCallNativeWrapper(calls)
	app.$create(sourceCode)
	app.$destroy()
	expect(callNativeSpy.callCount).eql(calls + 2)
	}

	for (let i = 5; i < 60; i++) {
	run(i)
	}
	})

	it('long signals control', function () {
	this.timeout(500000)

	const name = 'signals-long'
	const sourceCode = readSource(name)

	function run (calls) {
	callNativeSpy.reset()
	callNativeHandler = genCallNativeWrapper(calls)
	app.$create(sourceCode)
	app.$destroy()
	expect(callNativeSpy.callCount).eql(calls + 2)
	}

	run(10)
	run(30)
	run(90)
	})
	})
	})