envjs 0.1.0

data/test/unit/multi-window.js

@@ -0,0 +1,212 @@
+/*
+ * This file is a component of env.js,
+ *     http://github.com/gleneivey/env-js/commits/master/README
+ * a Pure JavaScript Browser Environment
+ * Copyright 2009 John Resig, licensed under the MIT License
+ *     http://www.opensource.org/licenses/mit-license.php
+ */
+
+
+module("multi-window");
+
+test("2nd window.location= operation flagged as error", function() {
+    expect(1);
+
+    if ( window.Envjs.interpreter === "Johnson" ) {
+      ok(true,"we don't object to setting window.location in Johnson, which will blitz the tests");
+    } else {
+      var gotAnException = false;
+      window.onload = function(){;};
+      try {
+        window.location = "html/trivial.html";
+      } catch (e){   gotAnException = true;                         }
+      try{ ok(gotAnException, "prohibited window.location setter call fails");
+         }catch(e){print(e);}
+    }
+});
+
+test("window.open()-related behavior and members", function() {
+    expect(30);
+
+    var anotherWin;
+    try{ ok(anotherWin = window.open("html/trivial.html"),
+        "'window.open' returns new object");
+    }catch(e){print(e);}
+
+    try{ ok(anotherWin.closed == false,
+        "2nd window knows that it is not-closed");
+    }catch(e){print(e);}
+
+    var mtch = anotherWin.document.getElementById('oneP').innerHTML.
+        match(/Nearly-empty HTML/);
+    try{ ok(mtch && mtch.length > 0,
+        "2nd window has correct contents");
+    }catch(e){print(e);}
+
+    try{ ok(anotherWin.opener == window,
+        "2nd window's .opener is original window");
+    }catch(e){print(e);}
+
+    try{ ok(anotherWin.top == anotherWin,
+        "2nd window's .top is itself");
+    }catch(e){print(e);}
+
+    try{ ok(anotherWin.parent == anotherWin,
+        "2nd window's .parent is itself");
+    }catch(e){print(e);}
+
+    try{ ok(anotherWin.document.referrer == location.href,
+        "2nd window's document.referrer points to this one");
+    }catch(e){print(e);}
+
+
+    try{ ok((anotherWin.location = "html/with_js.html") || true,
+        "1st explicit '.location=' completes without exception");
+    }catch(e){print(e);}
+
+    mtch = anotherWin.document.getElementById('HeaderLevel1').
+        innerHTML.match(/Hello/);
+    try{ ok(mtch && mtch.length > 0,
+        "location setter-loaded content is correct");
+    }catch(e){print(e);}
+
+
+    try{ ok((anotherWin.location = "html/trivial.html") || true,
+        "2nd explicit '.location=' completes without exception");
+    }catch(e){print(e);}
+
+    mtch = anotherWin.document.getElementById('oneP').innerHTML.
+        match(/Nearly-empty HTML/);
+    try{ ok(mtch && mtch.length > 0,
+        "2nd location setter-loaded content is correct");
+    }catch(e){print(e);}
+
+
+    var thirdWin;
+    try{ ok(thirdWin = window.open("html/with_js.html"),
+        "2nd 'window.open' returns 3rd window");
+    }catch(e){print(e);}
+
+    mtch = thirdWin.document.getElementById('HeaderLevel1').
+        innerHTML.match(/Hello/);
+    try{ ok(mtch && mtch.length > 0,
+        "3rd window's content is correct");
+    }catch(e){print(e);}
+
+    mtch = anotherWin.document.getElementById('oneP').innerHTML.
+        match(/Nearly-empty HTML/);
+    try{ ok(mtch && mtch.length > 0,
+        "after 3rd window, 2nd's content still correct");
+    }catch(e){print(e);}
+
+    try{ ok(document.title == "jQuery Test Suite",
+        "after 3rd window, original's content still correct");
+    }catch(e){print(e);}
+
+
+    try{ ok(thirdWin.getTestVariables()[0] == "hello, scope",
+        "function from open()'ed window's scope callable");
+    }catch(e){print(e);}
+
+    try{ ok(thirdWin.getTestVariables()[1] == undefined ||
+            thirdWin.getTestVariables()[1] == null,
+        "dynamically-created test variable in 3rd win doesn't exist yet");
+    }catch(e){print(e);}
+
+    try{ ok(thirdWin.setTestVariable(42) || true,
+        "call to fn to create variable in other window's scope w/o exception");
+    }catch(e){print(e);}
+
+    try{ ok(thirdWin.getTestVariables()[1] == 42,
+        "variable in other window's scope created correctly");
+    }catch(e){print(e);}
+
+    try{ ok(thirdWin.notAlwaysPresentVariable == 42,
+        "variable in other window's scope accessible directly, too");
+    }catch(e){print(e);}
+
+    try{ ok((thirdWin.location = "html/with_js.html") || true,
+        "3rd window's '.location=' worked without exception");
+    }catch(e){print(e);}
+
+    try{ ok(thirdWin.getTestVariables()[1] == undefined ||
+            thirdWin.getTestVariables()[1] == null,
+        "reloaded window has clean variable scope");
+    }catch(e){print(e);}
+
+    try{ ok(thirdWin.notAlwaysPresentVariable = 55,
+        "setting variable in other window's scope executes without exception");
+    }catch(e){print(e);}
+
+    try{ ok(thirdWin.getTestVariables()[1] == 55,
+        "directly-set variable visible to code executing in other scope");
+    }catch(e){print(e);}
+
+    try{ ok(window.notAlwaysPresentVariable == undefined ||
+            window.notAlwaysPresentVariable == null,
+        "creating variable in 3rd window scope doesn't affect original window");
+    }catch(e){print(e);}
+
+    try{ ok(anotherWin.notAlwaysPresentVariable == undefined ||
+            anotherWin.notAlwaysPresentVariable == null,
+        "creating variable in 3rd window scope doesn't affect 2nd window");
+    }catch(e){print(e);}
+
+
+    try{ ok(anotherWin.close() || true,
+        "'.close()' executed without exception");
+    }catch(e){print(e);}
+
+    try{ ok(anotherWin.closed == true,
+        "after closing window, '.closed' is true");
+    }catch(e){print(e);}
+
+    try{ ok(window.closed == false,
+        "closing 2nd window doesn't affect original window");
+    }catch(e){print(e);}
+
+    try{ ok(thirdWin.closed == false,
+        "closing 2nd window doesn't affect 3rd window");
+    }catch(e){print(e);}
+});
+
+test("window.reload() behavior", function() {
+    expect(3);
+
+    var testWindow = window.open("html/trivial.html");
+    testWindow.checkingScope = 17;
+    try{ ok(testWindow.location.reload() || true,
+        "'window.location.reload()' completes without exception");
+    }catch(e){print(e);}
+
+    var variableNoLongerDefined = false;
+    try {
+        variableNoLongerDefined = (testWindow.checkingScope == undefined);
+    } catch (e){
+        variableNoLongerDefined = true;
+    }
+    try{ ok(variableNoLongerDefined, "reloaded window has clean scope");
+    }catch(e){print(e);}
+
+    var mtch = testWindow.document.getElementById('oneP').innerHTML.
+        match(/Nearly-empty HTML/);
+    try{ ok(mtch && mtch.length > 0,
+        "reloaded window has correct contents");
+    }catch(e){print(e);}
+});
+
+test("window.replace() behavior", function() {
+    expect(2);
+
+    var testWindow = window.open("html/trivial.html");
+    try{ ok(testWindow.location.replace("html/with_js.html") || true,
+        "'window.location.replace()' completes without exception");
+    }catch(e){print(e);}
+
+    var mtch = testWindow.document.getElementById('HeaderLevel1').
+        innerHTML.match(/Hello/);
+    try{ ok(mtch && mtch.length > 0, "replaced window has correct content");
+    }catch(e){print(e);}
+});
+
+

data/test/unit/nu.validator.js

@@ -0,0 +1,34 @@
+/**
+ * @author thatcher
+ */
+
+load('dist/env.rhino.js');
+
+window.location = 'test/html/malformed.html';
+
+
+var fixture = document.xml,
+    testhtml = '<!DOCTYPE html><html><head/><body><script>document.write("<a>efg");</script><p>abc</body></html>',
+    testfragment = '<div>this is a<strong>pig<div>oink oink!',
+    success = function(){
+        print(doc.xml);
+    };
+    
+var doc;
+//Envjs.logLevel = Envjs.DEBUG;
+doc  = new DOMParser().parseFromString(testhtml);
+print(doc.xml);
+
+
+doc.body.innerHTML  = testfragment;
+print(doc.xml);
+
+
+/*
+var start = new Date().getTime();
+for(var i=0;i<1000;i++){
+    parseHtmlDocument(trivial, document, null, null);
+}
+var stop = new Date().getTime();
+print("1000 parses "+(stop-start));
+*/

data/test/unit/onload.js

@@ -0,0 +1,90 @@
+/*
+ * This file is a component of env.js,
+ *     http://github.com/gleneivey/env-js/commits/master/README
+ * a Pure JavaScript Browser Environment
+ * Copyright 2009 John Resig, licensed under the MIT License
+ *     http://www.opensource.org/licenses/mit-license.php
+ */
+
+
+module("onload-events");
+
+// depends on <script> blocks and elements in test/index.html
+test("Execution of onload events in top-level document",
+  function() {
+
+        // top-level window-onload works, or test framework wouldn't run.....
+    expect(11);
+
+    var mtch = document.getElementById('pCreatedByBodyOnload').innerHTML.
+      match(/dynamically-generated paragraph/);
+    try{ ok(mtch && mtch.length > 0,
+        "Got confirmation that body-onload handler executed");
+    }catch(e){print(e);}
+
+    mtch = document.getElementById('pCreatedByIframeOnload').innerHTML.
+      match(/iframe-onload event handler/);
+    try{ ok(mtch && mtch.length > 0,
+        "Got confirmation that iframe-onload handler executed");
+    }catch(e){print(e);}
+
+    var iframe = document.getElementById('loadediframe');
+    var aCounter = 0;
+    iframe.onload = function(){
+        aCounter++;
+    };
+    iframe.src = "html/iframe1.html";
+    try{ ok(aCounter == 1,
+        "iframe-onload handler executes when iframe.src assigned");
+    }catch(e){print(e);}
+
+    mtch = document.getElementById('sCreatedByLinkOnload').innerHTML.
+      match(/CreatedByLinkOnloadEvent/);
+    try{ ok(mtch && mtch.length > 0, "link-onload handler executed");
+    }catch(e){print(e);}
+
+    mtch = document.getElementById('pCreatedByImgOnload').innerHTML.
+      match(/img-onload event handler/);
+    try{ ok(mtch && mtch.length > 0,
+        "Got confirmation that img-onload handler executed");
+    }catch(e){print(e);}
+
+    var img = document.getElementById('anImg');
+    aCounter = 10;
+    img.onload = function(){
+        aCounter++;
+    };
+    img.src = "html/img2.png";
+    try{ ok(aCounter == 11,
+        "img-onload handler executes when img.src assigned");
+    }catch(e){print(e);}
+
+    mtch = document.getElementById('pCreatedByScriptA').innerHTML.
+      match(/script event handler/);
+    try{ ok(mtch && mtch.length > 0,
+            "Got confirmation that script-onerror handler executed");
+       }catch(e){print(e);}
+
+    try{ ok(!document.getElementById('pCreatedByScriptB'),
+            "Got confirmation that script-onload handler did not execute");
+       }catch(e){print(e);}
+
+    mtch = document.getElementById('pCreatedByScriptD').innerHTML.
+      match(/script event handler/);
+    try{ ok(mtch && mtch.length > 0,
+        "Got confirmation that script-onload handler executed");
+    }catch(e){print(e);}
+
+    try{ ok(!document.getElementById('pCreatedByScriptC'),
+        "Got confirmation that script-onerror handler did not execute");
+    }catch(e){print(e);}
+
+    mtch = document.getElementById('pShouldntBeCreated');
+    try{ ok(!(mtch),
+      "Confirmed that script-onload handler that shouldn't execute actually didn't");
+    }catch(e){print(e);}
+});
+
+
+// still to test:  onload events for:  <frame>, <frameset>, image obj, layer obj
+

data/test/unit/parser.js

@@ -0,0 +1,121 @@
+module("Html5Parser");
+
+var should = function(msg, options){
+    try{
+        if(options.be&&options.be=='equal'){
+            equals(
+                options.expected,
+                options.actual,
+                msg
+            );
+        }else if(options.be&&options.be==='safe'){
+            options.test();
+            ok(true, msg);
+        }else{
+            ok(false, 'unknown test '+options.be);
+        }
+    }catch(e){
+        //no nothing
+        equals(true, false, options.msg||'This test failed.');
+    }finally{
+        //TODO: might as well keep score here
+        return this;
+    }
+};
+
+
+test("XML Standard Entities: Spot Check", function() {
+
+    expect(2);
+    var htmlstr = 
+        "<div id='xmlentity' \
+            style='&lt;Hello&gt;, &quot;W&apos;rld&quot;!'\
+            >&lt;Hello&gt;, &quot;W&apos;rld&quot;!</div>";
+
+    var doc = document.implementation.createHTMLDocument();
+    doc.body.innerHTML = htmlstr;
+    
+    should("Replace entities at nodeValue",{ 
+        be:'equal',
+        actual : doc.
+            getElementById('xmlentity').
+            childNodes[0].
+            nodeValue,
+        expected : '<Hello>, "W\'rld"!'
+    }).
+    should("serialize only &amp;, &lt; and &gt; for TextNode with innerHTML",{
+        be: 'equal',
+        actual : doc.
+            getElementById('xmlentity').
+            innerHTML,
+        expected : '&lt;Hello&gt;, "W\'rld"!'
+    });
+      
+});
+
+test("HTML Standard Entities: Spot Check", function() {
+
+    expect(1);
+    var htmlstr  = "<div id='htmlentity'>&quot; &amp; &lt; &gt; "+
+                   "&nbsp; &copy; &reg; &yen; &para; " +
+                   "&Ecirc; &Otilde; &aelig; &divide; &Kappa; &theta; "+
+                   "&bull; &hellip; &trade; &rArr; &sum; &clubs; " +
+                   "&ensp; &mdash;</div>";
+
+    var doc = document.implementation.createHTMLDocument();
+    doc.body.innerHTML = htmlstr;
+    
+    should("serialize only &amp;, &lt; and &gt; for TextNode with innerHTML",{
+        be:'equal',
+        actual:doc.
+            getElementById('htmlentity').
+            innerHTML,
+        expected : '" &amp; &lt; &gt; '+
+                   '\xA0 \xA9 \xAE \xA5 \xB6 '+
+                   '\xCA \xD5 \xE6 \xF7 \u039A \u03B8 '+
+                   '\u2022 \u2026 \u2122 \u21D2 \u2211 \u2663 '+
+                   '\u2002 \u2014'
+    });
+  
+});
+
+test("Serialization Conventions", function(){
+    
+});
+
+test("Ugly HTML Parsing", function() {
+
+    expect(1);
+
+    var doc = document.implementation.createHTMLDocument();
+    doc.body.innerHTML = '<div id="pig"><p>this is a pig... &apos;oink! oink!&apos;</div>';
+    
+    should('correct the unclosed p tag',{ 
+        be:'equal',
+        actual:doc.
+            getElementById('pig').
+            xml, 
+        expected:'<div id="pig"><p>this is a pig... \'oink! oink!\'</p></div>'
+    });
+
+});
+
+test("Really Ugly HTML Parsing", function() {
+    
+    expect(1);
+    
+    should('parse the document without error',{
+        be:'safe',
+        test:function(){
+            var doc = document.implementation.createHTMLDocument();
+            doc.load('html/malformed.html');
+        }
+    });
+
+});
+
+// Local Variables:
+// espresso-indent-level:4
+// c-basic-offset:4
+// tab-width:4
+// End:

data/test/unit/prototypecompat.js

@@ -0,0 +1,22 @@
+//FYI: shipped with Rails 2.2.2
+load("test/vendor/prototype-1.6.0.3.js");
+
+module("prototypecompat");
+
+test("$ method", function(){
+  expect(1);
+  equals($("header"), document.getElementById("header"));
+});
+
+test("$$ method", function(){
+  expect(1);
+  ok($$(".chain").length == 10, "$$ found correct number of elements");
+});
+
+// When this failing test passes, ticket #69 can be closed.
+// (http://envjs.lighthouseapp.com/projects/21590-envjs/tickets/69-prototypes-down-method-is-unavailable)
+//
+test("down method", function(){
+   expect(1);  
+   ok($('main').down('#foo') != undefined, "$('main').down('#foo') successfully found an element");
+});

data/test/unit/proxy.js

@@ -0,0 +1,6 @@
+module("proxy");
+
+test("something", function() {
+  expect(1);
+  ok(true,"something");
+});

data/test/unit/scope.js

@@ -0,0 +1,209 @@
+/*
+ * This file is a component of env.js,
+ *     http://github.com/gleneivey/env-js/commits/master/README
+ * a Pure JavaScript Browser Environment
+ * Copyright 2009 John Resig, licensed under the MIT License
+ *     http://www.opensource.org/licenses/mit-license.php
+ */
+
+
+module("scope");
+
+
+// 'window.js' is responsible for verifying that the JS interpreter's scope
+//   behaves correctly for code in top-level (first to load) document.  Most
+//   of the tests in 'frame.js' will fail if the global/window object and
+//   scoping in (i)frames isn't distinct from that of the main document.
+//   The tests here check the scoping of variables and code loaded in
+//   event handlers (page-global and attribute-assigned), as well as
+//   confirming the independence of scoping in frames.
+
+var __click__ = function(element){
+    var event = new Event({
+      target:element,
+      currentTarget:element
+    });
+    event.initEvent("click");
+    element.dispatchEvent(event);
+};
+
+// this test depends on 'iframe1.html' having been loaded into 'index.html's
+//   'loadediframe' element (and not modified prior to this test's execution)
+test("Global scope for JS code in an iframe refers to that iframe's window/document", function() {
+    expect(3);
+
+    var idoc = document.getElementById('loadediframe').contentDocument;
+    var mtch = idoc.getElementById('js_generated_p').innerHTML.match(/Dynamic/);
+    try{ ok(mtch && mtch.length > 0,
+        "Can get content from dynamically-generate p element");
+    }catch(e){print(e);}
+
+    mtch = idoc.getElementById('internalDocRefResult').innerHTML.
+                  match(/exists-found/);
+    try{ ok(mtch && mtch.length > 0,
+        "Got confirmation of access to 'document' object in iframe");
+    }catch(e){print(e);}
+
+    mtch = idoc.getElementById('appended').innerHTML.match(/appended para/);
+    try{ ok(mtch && mtch.length > 0,
+        "Got confirmation of body-onload execution in iframe");
+    }catch(e){print(e);}
+});
+
+
+// the following tests depend on '../html/scope.html' being loaded into
+//   the iframe 'scopeFrame' in the page /index.html'.  Each test must only
+//   execute once.  Otherwise, there are no test order dependencies
+//   except those noted on individual tests.
+test("Event handler attribute has access to (correct) 'document'", function() {
+    expect(2);
+    // test:  img1.onclick creates p1
+
+    var idoc = document.getElementById('scopeFrame').contentDocument;
+    var mtch = idoc.getElementById('p1');
+    try{ ok(mtch == undefined || mtch == null,
+        "img1 event handler didn't execute early");
+    }catch(e){print(e);}
+
+    var img1 = idoc.getElementById('img1');
+    __click__(img1);
+    mtch = idoc.getElementById('p1').innerHTML.match(/img1 click/);
+    try{ ok(mtch && mtch.length > 0,
+        "img1 event handler executed correctly");
+    }catch(e){print(e);}
+});
+
+
+test("Event handler attribute has access to (correct) 'this'", function() {
+    expect(2);
+    // test:  div1.onclick creates p2
+
+    var idoc = document.getElementById('scopeFrame').contentDocument;
+    var mtch = idoc.getElementById('p2');
+    try{ ok(mtch == undefined || mtch == null,
+        "div1 event handler didn't execute early");
+    }catch(e){print(e);}
+
+    var div1 = idoc.getElementById('div1');
+    __click__(div1);
+    mtch = idoc.getElementById('p2').innerHTML.match(/div1 click/);
+    try{ ok(mtch && mtch.length > 0,
+        "div1 event handler executed correctly");
+    }catch(e){print(e);}
+});
+
+
+test("Event handler attribute has access to (correct) 'this'", function() {
+    expect(2);
+    // test:  div1a.onclick creates p2a
+
+    var idoc = document.getElementById('scopeFrame').contentDocument;
+    var mtch = idoc.getElementById('p2a');
+    try{ ok(mtch == undefined || mtch == null,
+        "div1a event handler didn't execute early");
+    }catch(e){print(e);}
+
+    var div1a = idoc.getElementById('div1a');
+    __click__(div1a);
+    mtch = idoc.getElementById('p2a').innerHTML.match(/div1a click/);
+    try{ ok(mtch && mtch.length > 0,
+        "div1a event handler executed correctly");
+    }catch(e){print(e);}
+});
+
+
+test("Event handler attribute has enclosing HTML elements in scope chain",
+  function() {
+    expect(2);
+    // test:  text1.onchange creates p3 containing values from several elements
+
+    var idoc = document.getElementById('scopeFrame').contentDocument;
+    var mtch = idoc.getElementById('p3');
+    try{ ok(mtch == undefined || mtch == null,
+        "text1 event handler didn't execute early");
+    }catch(e){print(e);}
+
+    text1 = idoc.getElementById('text1');
+    text1.focus();
+    text1.value = "a New Input Value";
+    text1.blur();     // "Dynamic HTML: TDR" 2nd says onchange fires@loss focus
+
+    var goodRE = /components: --a New Input Value--    --text--    --42--    --post-url--    --center--/;
+    mtch = idoc.getElementById('p3').innerHTML.match(goodRE);
+    try{ ok(mtch && mtch.length > 0,
+        "text1 event handler executed correctly");
+    }catch(e){print(e);}
+});
+
+
+test("Handler defined in frame lexically scopes to frame", function() {
+    expect(3);
+
+    aVar = "very bad"; // handler must not pick up this version of 'aVar'
+    // test:  div2.onclick creates paragraph 'lex' at end of div2
+
+    var idoc = document.getElementById('scopeFrame').contentDocument;
+    var lex = idoc.getElementById('lex');
+    try{ ok(lex == undefined || lex == null,
+        "div2 click handler didn't execute early");
+    }catch(e){print(e);}
+
+    var div2 = idoc.getElementById('div2');
+    __click__(div2);
+    lex = idoc.getElementById('lex');
+    mtch = lex.innerHTML.match(/Lexical scoping is Overridden/);
+    try{ ok(mtch && mtch.length > 0,
+        "div2 click handler generated correct content");
+    }catch(e){print(e);}
+
+    try{ ok(div2 == lex.parentNode,
+        "div2 click handler generated p in correct location");
+    }catch(e){print(e);}
+});
+
+
+test("In-frame object-assigned handler scopes to frame", function() {
+    expect(2);
+    // test:  div3.onclick creates a p with values from iframe's global scope
+
+    var idoc = document.getElementById('scopeFrame').contentDocument;
+    var p4 = idoc.getElementById('p4');
+    var mtch = p4.innerHTML.match(/Third sentence/);
+    try{ ok(mtch == undefined || mtch == null || mtch.length == 0,
+        "div3 event handler didn't execute early");
+    }catch(e){print(e);}
+
+    bVar = 13; // handler shouldn't pick up this version of 'bVar';
+    __click__(p4);  // should bubble to div3 and handler
+    mtch = p4.innerHTML.match(/number 42/);
+    try{ ok(mtch && mtch.length > 0,
+        "div3 event handler executed correctly");
+    }catch(e){print(e);}
+});
+
+
+// this test reassigns div3.onclick, so must follow all other div3 tests
+test("Handler defined in root lexically scopes to root", function() {
+    expect(2);
+    // test:  create an onclick fn in this scope, attach/execute in iframe
+
+    var idoc = document.getElementById('scopeFrame').contentDocument;
+    var p4 = idoc.getElementById('p4');
+    var checkValue = "contains good text";
+    idoc.getElementById('div3').onclick = function(){
+      p4.appendChild(idoc.createTextNode(
+        "  Fourth sentence " + checkValue + "."));
+    }
+
+    var mtch = p4.innerHTML.match(/Fourth sentence/);
+    try{ ok(mtch == undefined || mtch == null || mtch.length == 0,
+        "new div3 event handler didn't execute early");
+    }catch(e){print(e);}
+
+    var div3 = idoc.getElementById('div3');
+    __click__(div3);
+    mtch = p4.innerHTML.match(/contains good text/);
+    try{ ok(mtch && mtch.length > 0,
+        "new div3 event handler executed correctly");
+    }catch(e){print(e);}
+});