TypeScript exports.renderer_renderAsync函数代码示例

    constructor: function(name, expression, nodes, model, ctx?, container?, ctr?) {
        this.onComplete = this.onComplete.bind(this);
        this.anchor = document.createComment('');
        container.appendChild(this.anchor);

        var node = {
            type: Dom.NODE,
            tagName: name,
            nodes: nodes,
            expression: expression,
            attr: {},
        };			
        renderer_renderAsync(node, model, (builder_Ctx as any).clone(ctx), null, ctr)
            .then(
                this.onComplete,
                this.rejectDelegate()
            );
    },

		};

		mask_config('getScript', async path => {
			return new Foo();
		});


		var template = `
			import * as IFoo from 'Foo.js';

			define FooCompo  {
				function constructor (foo: IFoo) {
                    this.foo = foo;
				}
				function onRenderStart () {
                    this.emitOut('fooSignal', this.foo.load());	
				}
			}

			FooCompo;
		`;

		return renderer_renderAsync(template, null, null, null, {
			slots: {
				fooSignal: assert.await(function(sender, str){
					eq_(str, 'Hello');
				})
			}
		});
	}
})

UTest({
	$before () {
		// use default module loader
		mask_config('modules', 'default');
		Module.cfg('moduleResolution', 'node');
	},
	$after () {
        Module.cfg('moduleResolution', 'classic');
        listeners_off('error');
	},

	async 'should load default file in node_modules' () {
		let dom = await renderer_renderAsync(`
            import Foo from '/test/tmpl/npm/foo.mask';

            Foo;
        `);
        
        return UTest.domtest(dom, `
            find ('h4') > text ('EmptyPackage');
        `);
	},
	async 'should fail loading' () {
        var errors = [];
        
		listeners_on('error', assert.await((error) => errors.push(error)));
		await renderer_renderAsync(`
            import Any from '/test/tmpl/npm/foo-none.mask';
            Any;
        `);

                var name = path.substring(path.lastIndexOf('/') + 1);

                _queue.push(name);
                
                var str = Files[name];
                is_(str, 'String');
                if (name === 'MyComponents.mask') {
                    setTimeout(() => resolve(str), 200);
                    return;
                }
                resolve(str);
            });
		});

		let dom = await renderer_renderAsync(`
			import sync from './MyComponents';
			import './MyLetter';
		`);
		
		mask_config('getFile', null);
		deepEq_(_queue, ['MyComponents.mask', 'MyLetter.mask']);

		await UTest.domtest(dom, `
			find ('h1') > text ('B');
		`);	
	},
	'should load async javascripts scope' (done) {
		customTag_define('TestAsync', Compo.create({
			onRenderStart () {
				var x = this.$scope('X');
				eq_(x, null, 'Scope should be empty, while still loading');

	async 'should load script' () {
		var Foo = {
			get name () { return 'FooTest' }
		};

		Module
			.cfg('prefixes.services', '/src/services/{0}.js')
			.cfg('ext.script', 'js')
			;
		mask_config('getScript', assert.await(async path => {
			has_(path, '/src/services/FooService.js');			
			return Foo;
		}));
		let dom = await renderer_renderAsync(`
            import * as Foo from '@services/FooService';
            h3 > '~[Foo.name]'
        `);
			
        return UTest.domtest(dom, `
            find('h3') > text FooTest;
        `);

	},
	async 'should load mask' () {
        
        Module.cfg('prefixes.controls', '/src/compos/controls/{0}/{0}.mask');
            
		mask_config('getFile', assert.await(async path => {
			has_(path, '/src/compos/controls/OkButton/OkButton.mask');

			return `

import { Module } from '@core/feature/modules/exports';

UTest({
	$teardown () {
		mask_config('getFile', null);
		mask_config('getScript', null);
	},

	async 'should load mask' () {
		mask_config('getFile', assert.await(async path => {
			has_(path, 'controls/Foo.mask');
			var template = 'define Foo { h3 > "FooTest" }';
			return template;
		}));
		let dom = await renderer_renderAsync(`
            import Foo from controls is mask;
            Foo;
        `);
			
        return UTest.domtest(dom, `
            find('h3') > text FooTest;
        `);
	},
	async 'should load script' () {
		Module.cfg('ext.script', 'es6');
		mask_config('getScript', assert.await(async path => {
			has_(path, 'services/Foo.es6');

			var service = {
				getName () { return 'FooServiceTest' }
			};
			return service;

		Module.clearCache();
	},
	async 'should get instance from define args' () {
		class Foo {
			checkIt () { return 'checkThis' }
		};

		mask_config('getScript', async path => {
			return new Foo()
		});

		var template = `
			import * as Foo from 'Foo.js';
			section > Foo > span > '~[this.checkIt()]'
		`;
		var dom = await renderer_renderAsync(template);

		return UTest.domtest(dom, `
			find ('span') > text ('checkThis');
		`)
	},
	async 'should get mask component in js' () {
		
		mask_config('getFile', async path => {
			has_(path, /Any\.mask/);
			let template = `
				define MyFoo {
					function baz () {}
				}
			`;
			return template;

		});
	},
	async 'check preprocessor' () {
		mask_config('preprocessor.style', function(body){
			return body.replace('red', 'green');
		});
		var template = `
			div {
				style scoped {
					:host {
						background: red;
					}
				}
			}
		`;
		let div = await renderer_renderAsync(template);
			
        var str = $('body').children('style').last().text();
        hasNot_(str, 'red');
        has_   (str, 'green');

        mask_config('preprocessor.style', null);
    
	},
	'check serialization': {
		'simple' () {
			var tmpl = `
				section {
					style {
						body {
							border: ~[width]px;