uki 1.0.0

data/frameworks/uki/spec/support/jspec.xhr.js

@@ -0,0 +1,193 @@
+
+// JSpec - XHR - Copyright TJ Holowaychuk <tj@vision-media.ca> (MIT Licensed)
+
+(function(){
+  
+  // --- Original XMLHttpRequest
+  
+  var OriginalXMLHttpRequest = 'XMLHttpRequest' in this ? 
+                                 XMLHttpRequest :
+                                   function(){}
+  var OriginalActiveXObject = 'ActiveXObject' in this ?
+                                 ActiveXObject :
+                                   undefined
+                                   
+  // --- MockXMLHttpRequest
+
+  var MockXMLHttpRequest = function() {
+    this.requestHeaders = {}
+  }
+  
+  MockXMLHttpRequest.prototype = {
+    status: 0,
+    async: true,
+    readyState: 0,
+    responseText: '',
+    abort: function(){},
+    onreadystatechange: function(){},
+
+   /**
+    * Return response headers hash.
+    */
+
+    getAllResponseHeaders : function(){
+      return this.responseHeaders
+    },
+    
+    /**
+     * Return case-insensitive value for header _name_.
+     */
+
+    getResponseHeader : function(name) {
+      return this.responseHeaders[name.toLowerCase()]
+    },
+    
+    /**
+     * Set case-insensitive _value_ for header _name_.
+     */
+
+    setRequestHeader : function(name, value) {
+      this.requestHeaders[name.toLowerCase()] = value
+    },
+    
+    /**
+     * Open mock request.
+     */
+
+    open : function(method, url, async, user, password) {
+      this.user = user
+      this.password = password
+      this.url = url
+      this.readyState = 1
+      this.method = method.toUpperCase()
+      if (async != undefined) this.async = async
+      if (this.async) this.onreadystatechange()
+    },
+    
+    /**
+     * Send request _data_.
+     */
+
+    send : function(data) {
+      var self = this
+      this.data = data
+      this.readyState = 4
+      if (this.method == 'HEAD') this.responseText = null
+      this.responseHeaders['content-length'] = (this.responseText || '').length
+      if(this.async) this.onreadystatechange()
+      lastRequest = function(){
+        return self
+      }
+    }
+  }
+  
+  // --- Response status codes
+  
+  JSpec.statusCodes = {
+    100: 'Continue',
+    101: 'Switching Protocols',
+    200: 'OK',
+    201: 'Created',
+    202: 'Accepted',
+    203: 'Non-Authoritative Information',
+    204: 'No Content',
+    205: 'Reset Content',
+    206: 'Partial Content',
+    300: 'Multiple Choice',
+    301: 'Moved Permanently',
+    302: 'Found',
+    303: 'See Other',
+    304: 'Not Modified',
+    305: 'Use Proxy',
+    307: 'Temporary Redirect',
+    400: 'Bad Request',
+    401: 'Unauthorized',
+    402: 'Payment Required',
+    403: 'Forbidden',
+    404: 'Not Found',
+    405: 'Method Not Allowed',
+    406: 'Not Acceptable',
+    407: 'Proxy Authentication Required',
+    408: 'Request Timeout',
+    409: 'Conflict',
+    410: 'Gone',
+    411: 'Length Required',
+    412: 'Precondition Failed',
+    413: 'Request Entity Too Large',
+    414: 'Request-URI Too Long',
+    415: 'Unsupported Media Type',
+    416: 'Requested Range Not Satisfiable',
+    417: 'Expectation Failed',
+    422: 'Unprocessable Entity',
+    500: 'Internal Server Error',
+    501: 'Not Implemented',
+    502: 'Bad Gateway',
+    503: 'Service Unavailable',
+    504: 'Gateway Timeout',
+    505: 'HTTP Version Not Supported'
+  }
+  
+  /**
+   * Mock XMLHttpRequest requests.
+   *
+   *   mockRequest().and_return('some data', 'text/plain', 200, { 'X-SomeHeader' : 'somevalue' })
+   *
+   * @return {hash}
+   * @api public
+   */
+  
+  function mockRequest() {
+    return { and_return : function(body, type, status, headers) {
+      XMLHttpRequest = MockXMLHttpRequest
+      ActiveXObject = false
+      status = status || 200
+      headers = headers || {}
+      headers['content-type'] = type
+      JSpec.extend(XMLHttpRequest.prototype, {
+        responseText: body,
+        responseHeaders: headers,
+        status: status,
+        statusText: JSpec.statusCodes[status]
+      })
+    }}
+  }
+  
+  /**
+   * Unmock XMLHttpRequest requests.
+   *
+   * @api public
+   */
+  
+  function unmockRequest() {
+    XMLHttpRequest = OriginalXMLHttpRequest
+    ActiveXObject = OriginalActiveXObject
+  }
+  
+  JSpec.include({
+    name: 'Mock XHR',
+
+    // --- Utilities
+
+    utilities : {
+      mockRequest: mockRequest,
+      unmockRequest: unmockRequest
+    },
+
+    // --- Hooks
+
+    afterSpec : function() {
+      unmockRequest()
+    },
+    
+    // --- DSLs
+    
+    DSLs : {
+      snake : {
+        mock_request: mockRequest,
+        unmock_request: unmockRequest,
+        last_request: function(){ return lastRequest() }
+      }
+    }
+
+  })
+})()

data/frameworks/uki/spec/support/spec.helper.js

@@ -0,0 +1 @@
+// write your helper methods here

data/frameworks/uki/spec/unit/background.spec.js

@@ -0,0 +1,29 @@
+describe 'uki.background'
+
+    it 'should unserialize themed backgrounds'
+        b = uki.background('theme(panel)')
+        b.should.be_an_instance_of uki.background.Sliced9
+    end
+    
+    it 'should unserialize cssBox backgrounds'
+        b = uki.background('cssBox(border: 1px solid red;background:#CCCCCC)')
+        b.should.be_an_instance_of uki.background.CssBox
+        // IE reorders elements
+        b._container.style.border.should.include 'solid'
+        b._container.style.border.should.include '1px'
+        b._container.style.border.should.include 'red'
+    end
+    
+    it 'should unserialize rows backgrounds'
+        b = uki.background('rows(30, #CCCCCC, #FFFFFF)')
+        b.should.be_an_instance_of uki.background.Rows
+        b._colors.should.eql ['#CCCCCC', '#FFFFFF']
+    end
+    
+    it 'should unserialize simple css backgrounds'
+        b = uki.background('#CCCCCC')
+        b.should.be_an_instance_of uki.background.Css
+        b._options.background.should.be '#CCCCCC'
+    end
+  
+end

data/frameworks/uki/spec/unit/builder.spec.js

@@ -0,0 +1,51 @@
+describe 'uki.build'
+    it 'should create single view'
+        var c = uki.build([{
+            view: new uki.view.Base()
+        }])[0];
+
+        c.should.not.be_null
+        c.should.be_type 'object'
+    end
+    
+    it 'should create view from path'
+        var c = uki.build([{
+            view: 'uki.view.Base'
+        }])[0];
+
+        c.should.not.be_null
+        c.should.be_type 'object'
+    end
+    
+    it 'should create view from should path'
+        var c = uki.build([{
+            view: 'Base'
+        }])[0];
+
+        c.should.not.be_null
+        c.should.be_type 'object'
+    end
+    
+    it 'should create view from a function call'
+        var c = uki.build([{
+            view: function() { return new uki.view.Base(); }
+        }])[0];
+
+        c.should.not.be_null
+        c.should.be_type 'object'
+    end
+    
+    it 'should create view from an object'
+        var c = uki.build([{
+            view: new uki.view.Base()
+        }])[0];
+
+        c.should.be_an_instance_of uki.view.Base
+    end
+    
+    it 'should not update precreated views'
+        var c = uki.build([new uki.view.Base()])[0]
+        c.should.be_an_instance_of uki.view.Base
+    end
+
+end

data/frameworks/uki/spec/unit/data/model.spec.js

@@ -0,0 +1,29 @@
+describe 'uki.data.Model'
+
+    before_each
+        model = new uki.data.Model();
+    end
+    
+    it 'should allow event binding'
+        uki.isFunction(model.bind).should.be_true
+    end
+    
+    it 'should update model'
+        model.change({ firstName: 'John', lastName: 'Smith' })
+        model.firstName.should.be 'John'
+        model.lastName.should.be 'Smith'
+    end
+    
+    it 'should notify of changed fields'
+        model.bind('change', function(e) {
+            e.fields.should.eql ['name']
+            e.changes.name.should.not.be_null
+        });
+        model.change({ name: 'something' });
+    end
+    
+    it 'should use 2 params call'
+        model.change('name', 'John Smith')
+        model.name.should.be 'John Smith'
+    end
+end

data/frameworks/uki/spec/unit/dom/dnd.spec.js

@@ -0,0 +1,71 @@
+describe 'DnD'
+    before_each
+        dom = uki.createElement('div', '', '<span>1<u>2</u></span><b>3</b>')
+        u = dom.getElementsByTagName('u')[0]
+        b = dom.getElementsByTagName('b')[0]
+    end
+    
+    describe 'uki.dom.DataTransfer'
+        before_each
+            dt = new uki.dom.DataTransfer();
+        end
+        
+        it 'should set data'
+            dt.setData('text/plain', 'value')
+            dt.getData('text/plain').should.be 'value'
+        end
+        
+        it 'should add data to types list'
+            dt.setData('text/plain', 'value')
+            dt.setData('text/html', '<b>value</b>')
+            dt.types.should.eql ['text/plain', 'text/html']
+        end
+        
+        it 'should remove single data element'
+            dt.setData('text/plain', 'value')
+            dt.setData('text/html', '<b>value</b>')
+            dt.clearData('text/html')
+            dt.types.should.eql ['text/plain']
+            dt.getData('text/html').should.be_undefined
+        end
+        
+        it 'should remove all data'
+            dt.setData('text/plain', 'value')
+            dt.setData('text/html', '<b>value</b>')
+            
+            dt.clearData()
+            
+            dt.types.should.eql []
+            dt.getData('text/html').should.be_undefined
+            dt.getData('text/plain').should.be_undefined
+        end
+        
+        it 'should convert uki views to dom nodes'
+            dt.setDragImage(uki({ view: 'Label', rect: '0 0 100 100', anchors: 'left top' }))
+            dt._dragImage.tagName.should.be 'DIV'
+        end
+        
+        it 'should remove drag image after cleanup'
+            dt.setDragImage(uki({ view: 'Label', rect: '0 0 100 100', anchors: 'left top' }))
+            dt.cleanup()
+            dt._dragImage.should.be_undefined
+        end
+    end
+    
+    describe 'uki.dom.DataTransferWrapper'
+        before_each
+            domDataTransfer = new uki.dom.DataTransfer();
+            dt = new uki.dom.DataTransferWrapper(domDataTransfer);
+        end
+        
+        it 'should convert uki views to dom nodes'
+            var image
+            domDataTransfer.setDragImage = function(i) {
+                image = i
+            };
+            dt.setDragImage(uki({ view: 'Label', rect: '0 0 100 100', anchors: 'left top' }))
+            image.tagName.should.be 'DIV'
+        end
+    end
+  
+end

data/frameworks/uki/spec/unit/dom/event.spec.js

@@ -0,0 +1,78 @@
+describe 'uki.dom.Event'
+    
+    before_each
+        dom = uki.createElement('div', '', '<span>1<u>2</u></span><b>3</b>')
+        u = dom.getElementsByTagName('u')[0]
+        b = dom.getElementsByTagName('b')[0]
+    end
+    
+    it 'should handle dom events'
+        uki.dom.probe(dom, function() { // safari won't bubble unless dom attached to document
+            called = false
+            uki.dom.bind(dom, 'click', function() {
+               called = true; 
+            });
+            triggerEvent(u, 'click', {});
+            called.should.be_true
+        });
+    end
+    
+    it 'should handle several types with single handler'
+        uki.dom.probe(dom, function() {
+            called = []
+            uki.dom.bind(dom, 'click mouseup', function(e) {
+               called.push(e.type); 
+            });
+            triggerEvent(u, 'click', {});
+            triggerEvent(u, 'mouseup', {});
+            called.should.eql ['click', 'mouseup']
+        });
+    end
+    
+    it 'should support preventDefault in all browsers'
+        uki.dom.probe(dom, function() { // safari won't bubble unless dom attached to document
+            called = false
+            uki.dom.bind(dom, 'click', function(e) {
+                called = true; 
+                e.preventDefault.should.not.be_null
+            });
+            triggerEvent(u, 'click', {});
+            called.should.be_true
+        });
+    end
+    
+    it 'should support stopPropagation in all browsers'
+        uki.dom.probe(dom, function() { // safari won't bubble unless dom attached to document
+            called = false
+            uki.dom.bind(dom, 'click', function(e) {
+                called = true; 
+                e.stopPropagation.should.not.be_null
+            });
+            triggerEvent(u, 'click', {});
+            called.should.be_true
+        });
+    end
+    
+    it 'should support mouseenter in all browser'
+        uki.dom.probe(dom, function() { // safari won't bubble unless dom attached to document
+            called = false
+            uki.dom.bind(dom, 'mouseenter', function(e) {
+                called = true; 
+            });
+            triggerEvent(u, 'mouseover', {relatedTarget: 'b'});
+            called.should.be_true
+        });
+    end
+    
+    it 'should support mouseleave in all browser'
+        uki.dom.probe(dom, function() { // safari won't bubble unless dom attached to document
+            called = false
+            uki.dom.bind(dom, 'mouseleave', function(e) {
+                called = true; 
+            });
+            triggerEvent(u, 'mouseout', {relatedTarget: 'b'});
+            called.should.be_true
+        });
+    end
+      
+end

data/frameworks/uki/spec/unit/dom.spec.js

@@ -0,0 +1,28 @@
+describe 'uki.dom'
+    it 'should create elements with style'
+        x = uki.createElement('div', 'margin: 2px;border: 1px solid red');
+        // IE reorders elements
+        x.style.border.should.include 'solid'
+        x.style.border.should.include '1px'
+        x.style.border.should.include 'red'
+    end
+
+    it 'should create stylesheets'
+        x = uki.createElement('div')
+        x.className = 'test' + uki.dom.guid++
+        uki.dom.createStylesheet('.' + x.className + ' { display: inline !important; }')
+        uki.dom.probe(x, function() {
+            uki.dom.computedStyle(x).display.should.be 'inline'
+        });
+    end  
+    
+    it 'should check if element contains another one'
+        x = uki.createElement('div', '', '<span><b>1</b></span>')
+        uki.dom.contains(x, x.firstChild).should.be_true
+        uki.dom.contains(x, x.firstChild.firstChild).should.be_true
+        uki.dom.contains(document.body, x).should.be_false
+        uki.dom.probe(x, function() {
+            uki.dom.contains(document.body, x).should.be_true
+        })
+    end
+end

data/frameworks/uki/spec/unit/geometry.spec.js

@@ -0,0 +1,79 @@
+describe 'uki.Geometry'
+    Rect = uki.geometry.Rect;
+    Size = uki.geometry.Size;
+    Point = uki.geometry.Point;
+    Inset = uki.geometry.Inset;
+    
+    describe 'Point'
+        it 'should serialize to string'
+            s = new Point(-1, 12)
+            (s + '').should.be '-1 12'
+        end
+        
+        it 'should unserialize from string'
+            Point.fromString('10 -11').should.eql new Point(10, -11)
+        end
+    end  
+    
+    describe 'Size'
+        it 'should serialize to string'
+            s = new Size(10, 20)
+            (s + '').should.be '10 20'
+        end
+        
+        it 'should unserialize from string'
+            Size.fromString('20 21').should.eql new Size(20, 21)
+        end
+    end
+    
+    describe 'Rect'
+        it 'should serialize to string'
+            s = new Rect(10, 11, 21, 22)
+            (s + '').should.be '10 11 21 22'
+        end
+    
+        it 'should unserialize from string'
+            Rect.fromString('10 11 21 22').should.eql new Rect(10, 11, 21, 22)
+        end
+    
+        it 'should create iteself from Point and Size'
+            s = new Rect(new Point(10, 11), new Size(12, 13))
+            s.should.eql new Rect(10, 11, 12, 13)
+        end
+        
+        it 'should create itself from coords'
+            Rect.fromCoords(10, 20, 100, 200).should.eql new Rect(10, 20, 90, 180)
+        end
+        
+        it 'should create itself from 2 Points'
+            Rect.fromCoords(new Point(10, 20), new Point(100, 200)).should.eql new Rect(10, 20, 90, 180)
+        end
+        
+        it 'should serialize to coords string'
+            r = new Rect(10, 11, 21, 22);
+            r.toCoordsString().should.be '10 11 31 33'
+        end
+    end
+    
+    describe 'Inset'
+        it 'should create itself from 4 offsets'
+            var i = new Inset(0, 1, 2, 3);
+            (i + '').should.be '0 1 2 3'
+        end
+        
+        it 'should create itself from 2 offsets'
+            i = new Inset(2, 4);
+            (i + '').should.be '2 4 2 4'
+        end
+      
+        it 'should create itself from zerros'
+            i = new Inset(2, 4, 0, 0);
+            (i + '').should.be '2 4 0 0'
+        end
+        
+        it 'should unserialize from string'
+            i = Inset.fromString('1 2 3 4');
+            (i + '').should.be '1 2 3 4'
+        end
+    end
+end