sproutcore 1.10.3.1 → 1.11.0.rc1

data/lib/frameworks/sproutcore/frameworks/ajax/tests/system/request.js

@@ -10,8 +10,10 @@
 /*globals module, test, ok, isObj, equals, expects */
 
 var url, request, contents, test_timeout=2500;
-if(window._phantom) {
-    test_timeout=5000;
+
+// When running Travis-CI tests through PhantomJS, wait extra long.
+if (window._phantom) {
+  test_timeout=5000;
 }
 
 module("SC.Request", {
@@ -28,6 +30,28 @@ module("SC.Request", {
 
 });
 
+test("PRELIM: Verify basic functionality in testing environment.", function() {
+  if (SC.platform.get('supportsXHR2ProgressEvent')) {
+    var xhr = new XMLHttpRequest;
+    xhr.addEventListener('load', function() {
+      ok(true, 'Success: xhr.addEventListener for load event.');
+      nextTest();
+    });
+    xhr.open("get", url);
+    xhr.send();
+
+    window.stop(test_timeout);
+
+    function nextTest() {
+      request.notify('load', this, function() {
+        ok(true, 'Success: SC.Request#notify for load event.');
+        window.start();
+      });
+      request.send();
+    }
+  }
+});
+
 test("Basic Requirements", function() {
   ok(SC.Request, "SC.Request is defined");
   ok("" !== url, "url variable is not empty");
@@ -100,25 +124,32 @@ test("Default properties are correct for different types of requests.", function
   jsonBody = { a: 1, b: 2 };
   formBody = "fname=Henry&lname=Ford";
   req1 = SC.Request.getUrl(url).json()._prep();
-  req2 = SC.Request.postUrl(url, formBody).header('Content-Type', 'application/x-www-form-urlencoded')._prep();
-  req3 = SC.Request.putUrl(url, xmlBody).xml()._prep();
-  req4 = SC.Request.patchUrl(url, jsonBody).json()._prep();
-  req5 = SC.Request.deleteUrl(url)._prep();
+  req2 = SC.Request.postUrl(window.location.href, formBody).header('Content-Type', 'application/x-www-form-urlencoded')._prep().credentials(false);
+  req3 = SC.Request.putUrl('https://localhost:4020' + url, xmlBody).xml()._prep();
+  req4 = SC.Request.patchUrl('http://localhost' + url, jsonBody).json()._prep();
+  req5 = SC.Request.deleteUrl(window.location.href + '?params=true')._prep();
 
   ok(req1.get('isJSON'), 'req1 should have isJSON true');
   ok(!req1.get('isXML'), 'req1 should have isXML false');
+  ok(req1.get('allowCredentials'), 'req1 should have allowCredentials true');
+  ok(req1.get('isSameDomain'), 'req1: %@ should have isSameDomain true'.fmt(url));
   equals(req1.header('Content-Type'), undefined, 'req1 should have Content-Type header as');
   ok(!req2.get('isJSON'), 'req2 should have isJSON false');
   ok(!req2.get('isXML'), 'req2 should have isXML false');
+  ok(!req2.get('allowCredentials'), 'req2 should have allowCredentials false');
+  ok(req2.get('isSameDomain'), 'req2: %@ should have isSameDomain true'.fmt(window.location.href));
   equals(req2.header('Content-Type'), 'application/x-www-form-urlencoded', 'req2 should have Content-Type header as');
   ok(!req3.get('isJSON'), 'req3 should have isJSON false');
   ok(req3.get('isXML'), 'req3 should have isXML true');
+  ok(!req3.get('isSameDomain'), 'req3: %@ should have isSameDomain false'.fmt('https://localhost:4020' + url));
   equals(req3.header('Content-Type'), 'text/xml', 'req3 should have Content-Type header as');
   ok(req4.get('isJSON'), 'req4 should have isJSON true');
   ok(!req4.get('isXML'), 'req4 should have isXML false');
+  ok(!req4.get('isSameDomain'), 'req4: %@ should have isSameDomain false'.fmt('http://localhost' + url));
   equals(req4.header('Content-Type'), 'application/json', 'req4 should have Content-Type header as');
   ok(!req5.get('isJSON'), 'req5 should have isJSON false');
   ok(!req5.get('isXML'), 'req5 should have isXML false');
+  ok(req5.get('isSameDomain'), 'req5: %@ should have isSameDomain true'.fmt(window.location.href + '?params=true'));
   equals(req5.header('Content-Type'), undefined, 'req5 should have Content-Type header as');
 });
 
@@ -157,7 +188,6 @@ test("Test Synchronous GET Request", function() {
 test("Test Asynchronous GET Request, auto-deserializing JSON", function() {
   request.set("isJSON", YES);
 
-
   var timer;
 
   timer = setTimeout( function(){
@@ -368,7 +398,7 @@ test("Test Multiple listeners per single status response", function() {
   var response;
 
   expect(8);
-  
+
   // sanity check
   equals(SC.Request.manager.inflight.length,0,"there should be no inflight requests");
 
@@ -381,7 +411,7 @@ test("Test Multiple listeners per single status response", function() {
     numResponses++;
     ok(true, "Received a response on second listener");
   });
-  
+
   setTimeout(function() {
     equals(SC.Request.manager.inflight.length,0,"there should be no inflight requests after the timeout");
     equals(numResponses, 2, "got two notifications");
@@ -405,7 +435,7 @@ test("Test Multiple listeners per single status response", function() {
 */
 test("Multiple arguments passed to notify()", function() {
   var response;
-  
+
   // sanity check
   equals(SC.Request.manager.inflight.length,0,"there should be no inflight requests");
 
@@ -459,12 +489,13 @@ test("Test event listeners on successful request.", function() {
   request.notify(200, this, function(response) {
     status = response.status;
 
-    if (window.XMLHttpRequestProgressEvent) {
+    if (SC.platform.get('supportsXHR2ProgressEvent')) {
       ok(loadstart, "Received a loadstart event.");
       ok(progress, "Received a progress event.");
       ok(load, "Received a load event.");
-      ok(loadend, "Received a loadend event.");
+      if (SC.platform.get('supportsXHR2LoadEndEvent')) ok(loadend, "Received a loadend event.");
     }
+
     ok(!abort, "Did not receive an abort event.");
     ok(!error, "Did not receive an error event.");
     ok(!timeout, "Did not receive a timeout event.");
@@ -478,14 +509,13 @@ test("Test event listeners on successful request.", function() {
   response = request.send();
 });
 
-if (window.XMLHttpRequestProgressEvent) {
+if (SC.platform.get('supportsXHR2ProgressEvent')) {
   test("Test event listeners on aborted request.", function() {
     var abort = false,
       error = false,
       load = false,
-      loadend = false,
       loadstart = false,
-      progress = false,
+      loadend = false,
       response,
       status,
       timeout = false;
@@ -505,14 +535,18 @@ if (window.XMLHttpRequestProgressEvent) {
       response.cancel();
     });
 
-    request.notify("loadend", this, function(evt) {
+    request.notify(SC.platform.get('supportsXHR2LoadEndEvent') ? 'loadend' : 'abort', this, function(evt) {
       loadend = true;
 
       ok(loadstart, "Received a loadstart event.");
       ok(progress, "Received a progress event.");
       ok(abort, "Received an abort event.");
       ok(!load, "Did not receive a load event.");
-      ok(loadend, "Received a loadend event.");
+      if (SC.platform.get('supportsXHR2LoadEndEvent')) {
+        ok(loadend, "Received a loadend event.");
+      } else {
+        ok(loadend, "loadend event not supported. Received terminal abort event.");
+      }
       ok(!error, "Did not receive an error event.");
       ok(!timeout, "Did not receive a timeout event.");
       equals(status, undefined, "Did not receive a status notification.");
@@ -560,11 +594,11 @@ test("Test upload event listeners on successful request.", function() {
   request.notify(200, this, function(response) {
     status = response.status;
 
-    if (window.XMLHttpRequestProgressEvent) {
+    if (SC.platform.get('supportsXHR2ProgressEvent')) {
       ok(loadstart, "Received a loadstart event.");
       ok(progress, "Received a progress event.");
       ok(load, "Received a load event.");
-      ok(loadend, "Received a loadend event.");
+      if (SC.platform.get('supportsXHR2LoadEndEvent')) ok(loadend, "Received a loadend event.");
     }
     ok(!abort, "Did not receive an abort event.");
     ok(!error, "Did not receive an error event.");
@@ -575,8 +609,9 @@ test("Test upload event listeners on successful request.", function() {
   });
 
   // Make a significant body object.
+  // It looks that Firefox is not sending the progress event if the request is too small
   var i;
-  for (i = 2000; i >= 0; i--) {
+  for (i = 200000; i >= 0; i--) {
     body['k' + i] = 'v' + i;
   }
 
@@ -590,30 +625,118 @@ test("Test manager.cancelAll.", function() {
   var manager = SC.Request.manager, max = manager.get('maxRequests');
   // Make sure we're clear.
   SC.Request.manager.cancelAll();
-  
+
   // Get a copy of the previous arrays, since they're overwritten on clear.
   var inflight = manager.get('inflight');
   var pending = manager.get('pending');
-  
+
   // Generate > 6 requests
   for( var i = 0; i < max * 2; i++) {
     SC.Request.getUrl('/').send();
   }
-  
+
   equals(inflight.get('length'), max, "There must be %@ inflight requests".fmt(max));
   equals(pending.get('length'), max, "There must be %@ pending requests".fmt(max));
-  
+
   SC.Request.manager.cancelAll();
 
   // Demonstrates memory pointer matches
   equals(inflight, manager.getPath('inflight'), "Arrays must be identical");
   equals(pending, manager.getPath('pending'), "Arrays must be identical");
-  
+
   // Demonstrates that all previous requests have been cleared.
   equals(inflight.get('length'), 0, "There must be 0 inflight requests in the old array".fmt(max));
   equals(pending.get('length'), 0, "There must be 0 pending requests in the old array".fmt(max));
-  
+
   // Demonstrates that the manager doesn't know about any requests.
   equals(manager.getPath('inflight.length'), 0, "There must be 0 inflight requests".fmt(max));
   equals(manager.getPath('pending.length'), 0, "There must be 0 pending requests".fmt(max));
 });
+
+test("Test responses moving between pending and inflight states", function() {
+  var prevMaxRequests = SC.Request.manager.get('maxRequests'),
+      request2 = SC.Request.getUrl(url),
+      response,
+      response2;
+
+  // This gives us precise control over when our requests fire.
+  SC.Request.manager.set('maxRequests', 0);
+
+  request.notify('loadstart', function (evt) {
+    ok(!SC.Request.manager.isPending(response), 'First request is no longer pending.');
+    ok(SC.Request.manager.isInFlight(response), 'First request is now inflight.');
+    ok(SC.Request.manager.isPending(response2), 'Second request is still pending.');
+    ok(!SC.Request.manager.isInFlight(response2), 'Second request is not inflight.');
+  });
+
+  request.notify('progress', this, function(evt) {
+    ok(!SC.Request.manager.isPending(response), 'First request is not pending.');
+    ok(SC.Request.manager.isInFlight(response), 'First request is still inflight.');
+    ok(SC.Request.manager.isPending(response2), 'Second request is still pending.');
+    ok(!SC.Request.manager.isInFlight(response2), 'Second request is not inflight.');
+  });
+
+  request.notify('loadend', this, function (evt) {
+    ok(!SC.Request.manager.isPending(response), 'First request is not pending.');
+    ok(SC.Request.manager.isInFlight(response), 'First request is still inflight.');
+    ok(SC.Request.manager.isPending(response2), 'Second request is still pending.');
+    ok(!SC.Request.manager.isInFlight(response2), 'Second request is not inflight.');
+  });
+
+  request.notify(this, function (evt) {
+    ok(!SC.Request.manager.isPending(response), 'First request is not pending.');
+    ok(SC.Request.manager.isInFlight(response), 'First request is still inflight.');
+    ok(SC.Request.manager.isPending(response2), 'Second request is still pending.');
+    ok(!SC.Request.manager.isInFlight(response2), 'Second request is not inflight.');
+  });
+
+  request2.notify('loadstart', this, function(evt) {
+    ok(!SC.Request.manager.isPending(response), 'First request is not pending.');
+    ok(!SC.Request.manager.isInFlight(response), 'First request is no longer inflight.');
+    ok(!SC.Request.manager.isPending(response2), 'Second request is no longer pending.');
+    ok(SC.Request.manager.isInFlight(response2), 'Second request is now inflight.');
+  });
+
+  request2.notify('progress', this, function(evt) {
+    ok(!SC.Request.manager.isPending(response), 'First request is not pending.');
+    ok(!SC.Request.manager.isInFlight(response), 'First request is not inflight.');
+    ok(!SC.Request.manager.isPending(response2), 'Second request is not pending.');
+    ok(SC.Request.manager.isInFlight(response2), 'Second request is still inflight.');
+  });
+
+  request2.notify('loadend', this, function(evt) {
+    ok(!SC.Request.manager.isPending(response), 'First request is not pending.');
+    ok(!SC.Request.manager.isInFlight(response), 'First request is not inflight.');
+    ok(!SC.Request.manager.isPending(response2), 'Second request is not pending.');
+    ok(SC.Request.manager.isInFlight(response2), 'Second request is still inflight.');
+  });
+
+  request2.notify(this, function (evt) {
+    ok(!SC.Request.manager.isPending(response), 'First request is not pending.');
+    ok(!SC.Request.manager.isInFlight(response), 'First request is not inflight.');
+    ok(!SC.Request.manager.isPending(response2), 'Second request is not pending.');
+    ok(SC.Request.manager.isInFlight(response2), 'Second request is still inflight.');
+
+    SC.Request.manager.set('maxRequests', prevMaxRequests);
+    window.start();
+  });
+
+  response = request.send();
+  response2 = request2.send();
+
+  ok(SC.Request.manager.isPending(response), 'First request is pending.');
+  ok(!SC.Request.manager.isInFlight(response), 'First request is not inflight.');
+  ok(SC.Request.manager.isPending(response2), 'Second request is pending.');
+  ok(!SC.Request.manager.isInFlight(response2), 'Second request is not inflight.');
+
+  SC.Request.manager.set('maxRequests', 1);
+  SC.Request.manager.fireRequestIfNeeded();
+
+  ok(!SC.Request.manager.isPending(response), 'First request is no longer pending.');
+  ok(SC.Request.manager.isInFlight(response), 'First request is inflight.');
+  ok(SC.Request.manager.isPending(response2), 'Second request is still pending.');
+  ok(!SC.Request.manager.isInFlight(response2), 'Second request is not inflight.');
+
+
+  stop();
+});

data/lib/frameworks/sproutcore/frameworks/ajax/tests/system/websocket.js

@@ -0,0 +1,197 @@
+// ==========================================================================
+// Project:   SC.WebSocket
+// Copyright: ©2013 Nicolas BADIA and contributors
+// License:   Licensed under MIT license (see license.js)
+// ==========================================================================
+// SC.WebSocket Base Tests
+
+var url = 'ws://url';
+
+SC.WebSocket.reopen({
+  server: url,
+  autoReconnect: false
+});
+
+module("SC.WebSocket", {
+  setup: function () {},
+  teardown: function () {}
+});
+
+test("Basic Requirements", function () {
+  ok(SC.WebSocket, "SC.WebSocket is defined");
+
+  var webSocket = SC.WebSocket.create().connect();
+
+  ok(webSocket.isSupported === true, "webSocket should be supported");
+  ok(webSocket.socket !== null, "webSocket.socket object is not null");
+});
+
+test("Test nofitications", function () {
+  var webSocket = SC.WebSocket.create({
+      isJSON: false
+    }).connect(),
+    socket = webSocket.socket,
+    didNotifyOnOpen = didNotifySecondOnOpenListener = false,
+    didNotifyOnMessage = false,
+    didNotifyOnClose = didNotifySecondOnCloseListener = false,
+    didNotifyOnError = false;
+
+  webSocket.notify('onopen', this, function(websocket, response, arg) {
+    equals(response.type, 'open', "response type should be 'open'");
+    equals(arg, 'arg', "arg should be 'arg'");
+    didNotifyOnOpen = true;
+  }, 'arg');
+
+  webSocket.notify('onopen', this, function(websocket, response, arg) {
+    didNotifySecondOnOpenListener = true;
+  });
+
+  webSocket.notify('onmessage', this, function(websocket, response) {
+    equals(response.type, 'message', "response type should be 'message'");
+    didNotifyOnMessage = true;
+  });
+
+  webSocket.notify('onclose', this, function(websocket, response) {
+    equals(response.type, 'close', "response type should be 'close'");
+    didNotifyOnClose = true;
+    return true;
+  });
+  
+  webSocket.notify('onclose', this, function(websocket, response) {
+    didNotifySecondOnCloseListener = true;
+  });
+
+  webSocket.notify('onerror', this, function(websocket, response) {
+    equals(response.type, 'error', "response type should be 'error'");
+    didNotifyOnError = true;
+  });
+
+
+  stop(100);
+  setTimeout(function () {
+    socket.onopen({ type: 'open' });
+    socket.onmessage({ data: { type: 'message' } });
+    socket.onclose({ type: 'close' });
+    socket.onerror({ type: 'error' });
+
+    ok(didNotifyOnOpen, "onopen listener should have been notified");
+    ok(didNotifySecondOnOpenListener, "second onopen listener should have been notified");
+    ok(didNotifyOnMessage, "onmessage listener should have been notified");
+    ok(didNotifyOnClose, "onclose listener should have been notified");
+    ok(!didNotifySecondOnCloseListener, "second onclose listener should not have been notified");
+    ok(didNotifyOnError, "onerror listener should have been notified");
+
+    window.start();
+  }, 50);
+});
+
+test("Test delegate handling", function () {
+  var webSocket = SC.WebSocket.create({
+    delegate: SC.Object.create(SC.WebSocketDelegate, {
+      webSocketDidOpen: function (webSocket, event) { return true; },
+      webSocketDidReceiveMessage: function (webSocket, data) { return true; },
+      webSocketDidClose: function (webSocket, closeEvent) { return true; },
+      webSocketDidError: function (webSocket, event) { return true; },
+    })
+  }).connect(),
+  socket = webSocket.socket,
+  count = 0;
+
+  webSocket.notify('onopen', this, function () { count++; });
+  webSocket.notify('onmessage', this, function () { count++; });
+  webSocket.notify('onclose', this, function () { count++; });
+  webSocket.notify('onerror', this, function () { count++; });
+
+  stop(100);
+  setTimeout(function () {
+    socket.onopen({ type: 'open' });
+    socket.onmessage({ data: { type: 'message' } });
+    socket.onclose({ type: 'close' });
+    socket.onerror({ type: 'error' });
+
+    equals(count, 0, "listeners should not have been notified");
+    window.start();
+  }, 50);
+});
+
+// Disabling this test. It fails every second time when pushed to Travis-CI.
+// test("Test auto reconnection", function () {
+//   var count = 0,
+//     webSocket = SC.WebSocket.create({
+//       autoReconnect: true,
+//       reconnectInterval: 10,
+      
+//       webSocketDidClose: function (webSocket, closeEvent) {
+//         count++;
+//         if (count > 1) {
+//           return true;
+//         }
+//       },
+//     }).connect();
+  
+//   stop(100);
+//   setTimeout(function () {
+//     ok(count > 1, "should have tried a reconnection");
+//     window.start();
+//   }, 50);
+// });
+
+test("Test queue", function () {
+  var count = 0,
+    webSocket = SC.WebSocket.create({
+      onClose: function(closeEvent) {},
+    }).connect(),
+    socket = webSocket.socket;
+  
+
+  webSocket.socket.send =  function() { 
+    count++;
+  }
+
+  webSocket.send('message1');
+  webSocket.send('message2');
+
+  equals(webSocket.queue.length, 2, "2 messages should be in the queue");
+
+  socket.onopen();
+
+  equals(webSocket.queue, null, "the queue should be empty");
+});
+
+test("Test authentification", function () {
+  var count = 0,
+    webSocket = SC.WebSocket.create({
+      onClose: function(closeEvent) {},
+
+      delegate: SC.Object.create(SC.WebSocketDelegate, {
+        webSocketDidOpen: function (webSocket, event) { 
+          webSocket.send({ op: "auth", clientId: 'xxx' });
+          webSocket.set('isAuth', false);
+        },
+        webSocketDidReceiveMessage: function (webSocket, data) { 
+          if (data === 'isAuth') {
+            webSocket.set('isAuth', true);
+            return true;
+          }
+        },
+      })
+    }).connect(),
+    socket = webSocket.socket;
+  
+  webSocket.socket.send =  function() {}
+
+  ok(!webSocket.isAuth, "the connection should not be authentified");
+
+  socket.onopen();
+
+  webSocket.send('message1');
+
+  equals(webSocket.queue.length, 1, "1 message should be in the queue");
+
+  socket.onmessage({ data: 'isAuth' });
+
+  webSocket.send('message2');
+
+  ok(webSocket.isAuth, "the connection should be authentified");
+  equals(webSocket.queue, null, "the queue should be empty");
+});