diff --git a/test/js/samples/event-handlers-custom/expected.js b/test/js/samples/event-handlers-custom/expected.js deleted file mode 100644 index 71e633d752..0000000000 --- a/test/js/samples/event-handlers-custom/expected.js +++ /dev/null @@ -1,205 +0,0 @@ -var template = (function () { - return { - methods: { - foo ( bar ) { - console.log( bar ); - } - }, - - events: { - foo ( node, callback ) { - // code goes here - } - } - }; -}()); - -function render_main_fragment ( root, component ) { - var button = createElement( 'button' ); - - var foo_handler = template.events.foo.call( component, button, function ( event ) { - var root = component.get(); - - component.foo( root.bar ); - }.bind( button ) ); - - appendNode( createText( "foo" ), button ); - - return { - mount: function ( target, anchor ) { - insertNode( button, target, anchor ); - }, - - update: noop, - - teardown: function ( detach ) { - foo_handler.teardown(); - - if ( detach ) { - detachNode( button ); - } - } - }; -} - -function SvelteComponent ( options ) { - options = options || {}; - this._state = options.data || {}; - - this._observers = { - pre: Object.create( null ), - post: Object.create( null ) - }; - - this._handlers = Object.create( null ); - - this._root = options._root; - this._yield = options._yield; - - this._torndown = false; - - this._fragment = render_main_fragment( this._state, this ); - if ( options.target ) this._fragment.mount( options.target, null ); -} - -assign( SvelteComponent.prototype, template.methods, { - get: get, - fire: fire, - observe: observe, - on: on, - set: set, - _flush: _flush -}); - -SvelteComponent.prototype._set = function _set ( newState ) { - var oldState = this._state; - this._state = assign( {}, oldState, newState ); - - dispatchObservers( this, this._observers.pre, newState, oldState ); - if ( this._fragment ) this._fragment.update( newState, this._state ); - dispatchObservers( this, this._observers.post, newState, oldState ); -}; - -SvelteComponent.prototype.teardown = SvelteComponent.prototype.destroy = function destroy ( detach ) { - this.fire( 'destroy' ); - - this._fragment.teardown( detach !== false ); - this._fragment = null; - - this._state = {}; - this._torndown = true; -}; - -function createElement( name ) { - return document.createElement( name ); -} - -function detachNode( node ) { - node.parentNode.removeChild( node ); -} - -function insertNode( node, target, anchor ) { - target.insertBefore( node, anchor ); -} - -function createText( data ) { - return document.createTextNode( data ); -} - -function appendNode( node, target ) { - target.appendChild( node ); -} - -function assign( target ) { - for ( var i = 1; i < arguments.length; i += 1 ) { - var source = arguments[i]; - for ( var k in source ) target[k] = source[k]; - } - - return target; -} - -function dispatchObservers( component, group, newState, oldState ) { - for ( var key in group ) { - if ( !( key in newState ) ) continue; - - var newValue = newState[ key ]; - var oldValue = oldState[ key ]; - - if ( newValue === oldValue && typeof newValue !== 'object' ) continue; - - var callbacks = group[ key ]; - if ( !callbacks ) continue; - - for ( var i = 0; i < callbacks.length; i += 1 ) { - var callback = callbacks[i]; - if ( callback.__calling ) continue; - - callback.__calling = true; - callback.call( component, newValue, oldValue ); - callback.__calling = false; - } - } -} - -function get( key ) { - return key ? this._state[ key ] : this._state; -} - -function fire( eventName, data ) { - var handlers = eventName in this._handlers && this._handlers[ eventName ].slice(); - if ( !handlers ) return; - - for ( var i = 0; i < handlers.length; i += 1 ) { - handlers[i].call( this, data ); - } -} - -function observe( key, callback, options ) { - var group = ( options && options.defer ) ? this._observers.pre : this._observers.post; - - ( group[ key ] || ( group[ key ] = [] ) ).push( callback ); - - if ( !options || options.init !== false ) { - callback.__calling = true; - callback.call( this, this._state[ key ] ); - callback.__calling = false; - } - - return { - cancel: function () { - var index = group[ key ].indexOf( callback ); - if ( ~index ) group[ key ].splice( index, 1 ); - } - }; -} - -function on( eventName, handler ) { - if ( eventName === 'teardown' ) return this.on( 'destroy', handler ); - - var handlers = this._handlers[ eventName ] || ( this._handlers[ eventName ] = [] ); - handlers.push( handler ); - - return { - cancel: function () { - var index = handlers.indexOf( handler ); - if ( ~index ) handlers.splice( index, 1 ); - } - }; -} - -function set( newState ) { - this._set( newState ); - ( this._root || this )._flush(); -} - -function _flush() { - if ( !this._renderHooks ) return; - - while ( this._renderHooks.length ) { - var hook = this._renderHooks.pop(); - hook.fn.call( hook.context ); - } -} - -export default SvelteComponent; \ No newline at end of file diff --git a/test/js/samples/event-handlers-custom/input.html b/test/js/samples/event-handlers-custom/input.html deleted file mode 100644 index 77c530fcf6..0000000000 --- a/test/js/samples/event-handlers-custom/input.html +++ /dev/null @@ -1,17 +0,0 @@ - - - \ No newline at end of file