sproutcore 1.10.3.1 → 1.11.0.rc1

data/lib/frameworks/sproutcore/frameworks/core_foundation/tests/mixins/action_support.js

@@ -42,7 +42,7 @@
 
   // ..........................................................
   // No Parameters
-  // 
+  //
 
   test("no paramaters - only action set", function() {
     var expectedAction = 'someAction';
@@ -66,7 +66,7 @@
 
   // ..........................................................
   // Actions Parameter
-  // 
+  //
 
   test("action parameter - only action set", function() {
     var expectedAction = 'someAction';
@@ -90,7 +90,7 @@
 
   // ..........................................................
   // Action Context
-  // 
+  //
 
   test("context", function() {
     var expectedAction = 'someAction';
@@ -103,4 +103,4 @@
     ok(sendActionSpy.wasCalledWith(expectedAction, null, view, pane, context, view), 'triggers the action');
   });
 
-})();
+})();

data/lib/frameworks/sproutcore/frameworks/core_foundation/tests/mixins/responder_context.js

@@ -19,7 +19,7 @@ module("ResponderContext", {
         this.hasFirst = NO;
       }
     });
-    
+
     A = TestResponder.create();
     a = TestResponder.create({nextResponder: A});
     B = TestResponder.create();
@@ -30,7 +30,7 @@ test("Can enter and exit states.", function() {
   Manager.makeFirstResponder(A);
   ok(A.didBecome, "A did become first responder.");
   ok(A.hasFirst, "A has first responder.");
-  
+
   Manager.makeFirstResponder(B);
   ok(A.didLose, "A did lose first responder.");
   ok(!A.hasFirst, "A does not have first responder.");
@@ -40,13 +40,13 @@ test("Can enter and exit chained states.", function() {
   Manager.makeFirstResponder(A);
   ok(A.didBecome, "A did become first responder.");
   ok(A.hasFirst, "A has first responder.");
-  
+
   Manager.makeFirstResponder(a);
   ok(!A.didLose, "A did not lose first responder.");
   ok(A.hasFirst, "A has first responder.");
   ok(A.didBecome, "a did become first responder.");
   ok(A.hasFirst, "a has first responder.");
-  
+
   Manager.makeFirstResponder(B);
   ok(a.didLose, "a did lose first responder.");
   ok(!a.hasFirst, "a does not have first responder.");

data/lib/frameworks/sproutcore/frameworks/core_foundation/tests/mixins/string.js

@@ -7,8 +7,15 @@
 /*global module test equals context ok same should_throw*/
 var LocaleObject;
 
+var defaultLocale;
 module('SC.Object', {
   setup: function() {
+    // Cache the current locale.
+    defaultLocale = SC.Locale.currentLocale;
+
+    // Force it to English
+    String.preferredLanguage = 'en';
+    SC.Locale.currentLocale = SC.Locale.createCurrentLocale();
 
     LocaleObject = SC.Locale.create({
       init: function(){
@@ -21,7 +28,7 @@ module('SC.Object', {
       }
     });
     this.currentLocale = LocaleObject;
-    
+
     SC.stringsFor('English', {
       'Test': '%@',
       'Test.Multiple': '%@ %@'
@@ -33,7 +40,13 @@ module('SC.Object', {
       'Button.width': 80,
       'Button.height': 30
     });
+  },
+
+  teardown: function () {
+    // Return the current locale.
+    SC.Locale.currentLocale = defaultLocale;
   }
+
 });
 
 test("'one two three'.w() => ['one','two','three']", function() {
@@ -138,3 +151,8 @@ test("Multiply string", function() {
   equals('xyz'.mult(1), 'xyz');
   equals('xyz'.mult(2), 'xyzxyz');
 });
+
+test('CSS escaping a string', function () {
+  equals('AnHtmlId...WithSome:Problematic::Characters'.escapeCssIdForSelector(), 'AnHtmlId\\.\\.\\.WithSome\\:Problematic\\:\\:Characters', 'should be escaped');
+  equals('AnHtmlIdWithNormalCharacters'.escapeCssIdForSelector(), 'AnHtmlIdWithNormalCharacters', 'should be escaped, with no effect');
+});

data/lib/frameworks/sproutcore/frameworks/core_foundation/tests/system/color.js

@@ -10,12 +10,12 @@
 //
 
 function matches(c, r, g, b, a, msg) {
-  var isEqual = c.r === r &&
-                c.g === g &&
-                c.b === b &&
-                c.a === a;
-  ok(isEqual, msg + " [rgba(%@, %@, %@) === rgba(%@, %@, %@, %@)]".fmt(r, g, b, a,
-                                                                     c.r, c.g, c.b, c.a));
+  var isEqual = c.get('r') === r &&
+                c.get('g') === g &&
+                c.get('b') === b &&
+                c.get('a') === a;
+  ok(isEqual, msg + " [rgba(%@, %@, %@, %@) === rgba(%@, %@, %@, %@)]".fmt(r, g, b, a,
+                                                                     c.get('r'), c.get('g'), c.get('b'), c.get('a')));
 };
 
 test("SC.Color.from(rgb)", function () {
@@ -54,24 +54,24 @@ test("SC.Color.from(rgba)", function () {
                              255, 255, 255, .5,
                         "rgba percents should be clamped to the device gamut");
 
-  ok(!SC.Color.from("rgba(255, 255, 255, -.2)"),
-     "Invalid alpha should make the SC.Color.from return 'NO'");
+  ok(!SC.ok(SC.Color.from("rgba(255, 255, 255, -.2)")),
+     "Invalid alpha should create an SC.Color in error state");
 
   ok(SC.Color.from("rgba(1,2,3,1)"), "Whitespace shouldn't matter");
   ok(SC.Color.from("rgba(1   ,           2   ,   3 , 1 )"), "Whitespace shouldn't matter");
 });
 
 test("SC.Color.from() with invalid rgb colors", function () {
-  ok(!SC.Color.from("rgb(0, 0, 0, 0)"), "Too many arguments");
+  ok(!SC.ok(SC.Color.from("rgb(0, 0, 0, 0)")), "Too many arguments");
 
-  ok(!SC.Color.from("rgba(0, 0, 0)"), "Too few arguments");
-  ok(!SC.Color.from("rgb(0, 0)"), "Too few arguments");
+  ok(!SC.ok(SC.Color.from("rgba(0, 0, 0)")), "Too few arguments");
+  ok(!SC.ok(SC.Color.from("rgb(0, 0)")), "Too few arguments");
 
-  ok(!SC.Color.from("rgb(0.0, 0.0, 0.0)"), "Floats are not allowed");
+  ok(!SC.ok(SC.Color.from("rgb(0.0, 0.0, 0.0)")), "Floats are not allowed");
 
-  ok(!SC.Color.from("rgb(0, 0, 0"), "Missing parenthesis");
+  ok(!SC.ok(SC.Color.from("rgb(0, 0, 0")), "Missing parenthesis");
 
-  ok(!SC.Color.from("rgb(260, -10, 5)"), "Negative numbers");
+  ok(!SC.ok(SC.Color.from("rgb(260, -10, 5)")), "Negative numbers");
 });
 
 test("SC.Color.from(#rgb)", function () {
@@ -105,12 +105,28 @@ test("SC.Color.from(#aarrggbb)", function () {
 });
 
 test("SC.Color.from() with invalid hex colors", function () {
-  ok(!SC.Color.from("#GAB"), "Invalid character");
-
-  ok(!SC.Color.from("#0000"), "Invalid length");
-  ok(!SC.Color.from("#00000"), "Invalid length");
-  ok(!SC.Color.from("#0000000"), "Invalid length");
-});
+  ok(!SC.ok(SC.Color.from("#GAB")), "Invalid character");
+
+  ok(!SC.ok(SC.Color.from("#0000")), "Invalid length");
+  ok(!SC.ok(SC.Color.from("#00000")), "Invalid length");
+  ok(!SC.ok(SC.Color.from("#0000000")), "Invalid length");
+});
+
+test("SC.Color error state", function() {
+  var color = SC.Color.create(); // black
+  color.set('r', 255); // red
+  matches(color, 255, 0, 0, 1, "PRELIM: Color is as expected");
+  color.set('cssText', 'nonsense'); //error (transparent)
+  ok(color.get('isError'), "Setting cssText to nonsense puts the color in an error state.");
+  equals(color.get('errorValue'), 'nonsense', "Errored color's errorValue property should be");
+  equals(color.get('cssText'), 'nonsense', "Errored color's cssText should be");
+  equals(color.get('validCssText'), 'transparent', "Errored color's validCssText should be");
+  color.set('g', 255); // shouldn't work
+  equals(color.get('g'), 0, "Color values become read-only while in error state");
+  color.reset(); // back to red
+  ok(!color.get('isError'), "Resetting an errored color should remove the error flag.");
+  matches(color, 255, 0, 0, 1, "Resetting an errored color should reset its values to last-good values");
+})
 
 test("SC.Color.from(hsl)", function () {
   matches(SC.Color.from("hsl(330, 60%, 54%)"),

data/lib/frameworks/sproutcore/frameworks/core_foundation/tests/system/root_responder/design_modes_test.js

@@ -0,0 +1,83 @@
+// ==========================================================================
+// Project:   SproutCore
+// Copyright: @2012 7x7 Software, Inc.
+// License:   Licensed under MIT license (see license.js)
+// ==========================================================================
+/*globals CoreTest, module, test, equals, same*/
+
+
+var pane1, pane2;
+
+
+module("SC.RootResponder Design Mode Support", {
+  setup: function() {
+    pane1 = SC.Pane.create({
+      updateDesignMode: CoreTest.stub('updateDesignMode', SC.Pane.prototype.updateDesignMode)
+    }).append();
+
+    pane2 = SC.Pane.create({
+      updateDesignMode: CoreTest.stub('updateDesignMode', SC.Pane.prototype.updateDesignMode)
+    }).append();
+  },
+
+  teardown: function() {
+    pane1.remove();
+    pane2.remove();
+    pane1 = pane2 = null;
+  }
+
+});
+
+test("When you set designModes on the root responder, it preps internal arrays.", function () {
+  var windowSize,
+    designModes,
+    responder = SC.RootResponder.responder;
+
+  windowSize = responder.get('currentWindowSize');
+
+  equals(responder._designModeNames, undefined, "If no designModes value is set, there should not be any _designModeNames internal array.");
+  equals(responder._designModeThresholds, undefined, "If no designModes value is set, there should not be any _designModeNames internal array.");
+
+  designModes = { small: ((windowSize.width - 10) * (windowSize.height - 10)) / window.devicePixelRatio, large: Infinity };
+
+  responder.set('designModes', designModes);
+  same(responder._designModeNames, ['small', 'large'], "If designModes value is set, there should be an ordered _designModeNames internal array.");
+  same(responder._designModeThresholds, [((windowSize.width - 10) * (windowSize.height - 10)) / window.devicePixelRatio, Infinity], "If designModes value is set, there should be an ordered_designModeNames internal array.");
+
+  designModes = { small: ((windowSize.width - 10) * (windowSize.height - 10)) / window.devicePixelRatio, medium: ((windowSize.width + 10) * (windowSize.height + 10)) / window.devicePixelRatio, large: Infinity };
+
+  responder.set('designModes', designModes);
+  same(responder._designModeNames, ['small', 'medium', 'large'], "If designModes value is set, there should be an ordered _designModeNames internal array.");
+  same(responder._designModeThresholds, [((windowSize.width - 10) * (windowSize.height - 10)) / window.devicePixelRatio, ((windowSize.width + 10) * (windowSize.height + 10)) / window.devicePixelRatio, Infinity], "If designModes value is set, there should be an ordered_designModeNames internal array.");
+
+  responder.set('designModes', null);
+  equals(responder._designModeNames, undefined, "If no designModes value is set, there should not be any _designModeNames internal array.");
+  equals(responder._designModeThresholds, undefined, "If no designModes value is set, there should not be any _designModeNames internal array.");
+});
+
+test("When you set designModes on the root responder, it calls updateDesignMode on all its panes.", function () {
+  var windowSize,
+    designModes,
+    responder = SC.RootResponder.responder;
+
+  windowSize = responder.get('currentWindowSize');
+
+  pane1.updateDesignMode.expect(1);
+  pane2.updateDesignMode.expect(1);
+
+  designModes = { small: ((windowSize.width - 10) * (windowSize.height - 10)) / window.devicePixelRatio, large: Infinity };
+
+  responder.set('designModes', designModes);
+  pane1.updateDesignMode.expect(2);
+  pane2.updateDesignMode.expect(2);
+
+  designModes = { small: ((windowSize.width - 10) * (windowSize.height - 10)) / window.devicePixelRatio, medium: ((windowSize.width + 10) * (windowSize.height + 10)) / window.devicePixelRatio, large: Infinity };
+
+  responder.set('designModes', designModes);
+  pane1.updateDesignMode.expect(3);
+  pane2.updateDesignMode.expect(3);
+
+  responder.set('designModes', null);
+  pane1.updateDesignMode.expect(4);
+  pane2.updateDesignMode.expect(4);
+});

data/lib/frameworks/sproutcore/frameworks/core_foundation/tests/system/root_responder/makeMainPane.js

@@ -4,11 +4,11 @@
 // License:   Licensed under MIT license (see license.js)
 // ==========================================================================
 
-/*global module test equals context ok same Q$ htmlbody */
+/*global module, test, equals, ok */
 module("SC.RootResponder#makeMainPane");
 
 test("returns receiver", function() {
-  var p1 = SC.Pane.create(), p2 = SC.Pane.create();
+  var p1 = SC.Pane.create();
   var r = SC.RootResponder.create();
   equals(r.makeMainPane(p1), r, 'returns receiver');
 });
@@ -19,9 +19,13 @@ test("changes mainPane to new pane", function() {
   
   r.makeMainPane(p1);
   equals(r.get('mainPane'), p1, 'mainPane should be p1');
+  ok(p1.get('isMainPane'), 'p1 should know');
+  ok(!p2.get('isMainPane'), 'p2 should have no illusions');
 
   r.makeMainPane(p2);
-  equals(r.get('mainPane'), p2, 'mainPane should be p2');
+  equals(r.get('mainPane'), p2, 'mainPane should change to p2');
+  ok(p2.get('isMainPane'), 'p2 should know about its promotion');
+  ok(!p1.get('isMainPane'), 'p1 should know about its demotion');  
   
 });
 

data/lib/frameworks/sproutcore/frameworks/core_foundation/tests/system/root_responder/mouse_events.js

@@ -0,0 +1,338 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2011 Apple Inc. and contributors.
+// License:   Licensed under MIT license (see license.js)
+// ==========================================================================
+
+/*global module test equals context ok same Q$ htmlbody */
+
+/*
+  We call RootResponder's browser event handlers directly with fake browser events. These
+  tests are to prove RootResponder's downstream behavior.
+  
+  Our test pane has a view tree like so:
+
+  pane
+   |--view1
+   |  |--view1a
+   |  |--view1b
+   |--view2
+
+  Simulating responder-chain events on view1a allows us to ensure that view1 also receives
+  the event, but that view1b and view2 do not.
+*/
+
+
+// If we don't factory it, all the views share the same stub functions ergo the same callCounts.
+function viewClassFactory() {
+  return SC.View.extend({
+    // Mouse
+    mouseEntered: CoreTest.stub(),
+    mouseMoved: CoreTest.stub(),
+    mouseExited: CoreTest.stub(),
+    // Click
+    mouseDown: CoreTest.stub(),
+    mouseUp: CoreTest.stub(),
+    click: CoreTest.stub(),
+    dblClick: CoreTest.stub(),
+    // Touch
+    touchDown: CoreTest.stub(),
+    touchesMoved: CoreTest.stub(),
+    touchUp: CoreTest.stub(),
+    // Data
+    dataDragEntered: CoreTest.stub(),
+    dataDragHovered: CoreTest.stub(),
+    dataDragExited: CoreTest.stub(),
+    dataDragDropped: CoreTest.stub()
+  });  
+}
+
+var pane, view1, view1a, view1b, view2, evt1a, evt2;
+
+module("Mouse event handling", {
+  setup: function() {
+    SC.run(function() {
+      pane = SC.MainPane.create({
+        childViews: ['view1', 'view2'],
+        view1: viewClassFactory().extend({
+          childViews: ['view1a', 'view1b'],
+          view1a: viewClassFactory(),
+          view1b: viewClassFactory()
+        }),
+        view2: viewClassFactory()
+      });
+      pane.append();
+    });
+    // Populate the variables for easy access.
+    view1 = pane.get('view1');
+    view1a = view1.get('view1a');
+    view1b = view1.get('view1b');
+    view2 = pane.get('view2');
+    // Create the events.
+    evt1a = {
+      target: pane.getPath('view1.view1a.layer'),
+      dataTransfer: { types: [] },
+      preventDefault: CoreTest.stub(),
+      stopPropagation: CoreTest.stub()
+    };
+    evt2 = {
+      target: pane.getPath('view2.layer'),
+      dataTransfer: { types: [] },
+      preventDefault: CoreTest.stub(),
+      stopPropagation: CoreTest.stub()
+    };
+  },
+  teardown: function() {
+    pane.remove();
+    pane.destroy();
+    pane = null;
+    view1 = view1a = view1b = view2 = null;
+    evt1a = evt2 = null;
+  }
+});
+
+test('Mouse movement', function() {
+  // Make sure we're all at zero.
+  // mouseEntered
+  var isGood = YES &&
+    view1.mouseEntered.callCount === 0 &&
+    view1a.mouseEntered.callCount === 0 &&
+    view1b.mouseEntered.callCount === 0 &&
+    view2.mouseEntered.callCount === 0;
+  ok(isGood, 'PRELIM: mouseEntered has not been called.');
+  // mouseMoved
+  isGood = YES &&
+    view1.mouseMoved.callCount === 0 &&
+    view1a.mouseMoved.callCount === 0 &&
+    view1b.mouseMoved.callCount === 0 &&
+    view2.mouseMoved.callCount === 0;
+  ok(isGood, 'PRELIM: mouseMoved has not been called.');
+  // mouseExited
+  isGood = YES &&
+    view1.mouseExited.callCount === 0 &&
+    view1a.mouseExited.callCount === 0 &&
+    view1b.mouseExited.callCount === 0 &&
+    view2.mouseExited.callCount === 0;
+  ok(isGood, 'PRELIM: mouseExited has not been called.');
+
+
+  // Move the mouse over view1a to trigger mouseEntered.
+  SC.RootResponder.responder.mousemove(evt1a);
+
+  equals(view1a.mouseEntered.callCount, 1, "The targeted view has received mouseEntered");
+  equals(view1.mouseEntered.callCount, 1, "The targeted view's parent has received mouseEntered");
+  equals(view1b.mouseEntered.callCount, 0, "The targeted view's sibling has NOT received mouseEntered");
+  equals(view2.mouseEntered.callCount, 0, "The targeted view's parent's sibling has NOT received mouseEntered");
+
+  isGood = YES &&
+    view1.mouseMoved.callCount === 0 &&
+    view1a.mouseMoved.callCount === 0 &&
+    view1b.mouseMoved.callCount === 0 &&
+    view2.mouseMoved.callCount === 0 &&
+    view1.mouseExited.callCount === 0 &&
+    view1a.mouseExited.callCount === 0 &&
+    view1b.mouseExited.callCount === 0 &&
+    view2.mouseExited.callCount === 0;
+  ok(isGood, 'No views have received mouseMoved or mouseExited.');
+
+
+  // Move the mouse over view1a again to trigger mouseMoved.
+  SC.RootResponder.responder.mousemove(evt1a);
+
+  equals(view1a.mouseMoved.callCount, 1, "The targeted view has received mouseMoved");
+  equals(view1.mouseMoved.callCount, 1, "The targeted view's parent has received mouseMoved");
+  equals(view1b.mouseMoved.callCount, 0, "The targeted view's sibling has NOT received mouseMoved");
+  equals(view2.mouseMoved.callCount, 0, "The targeted view's parent's sibling has NOT received mouseMoved");
+
+  isGood = YES &&
+    view1.mouseEntered.callCount === 1 &&
+    view1a.mouseEntered.callCount === 1 &&
+    view1b.mouseEntered.callCount === 0 &&
+    view2.mouseEntered.callCount === 0;
+  ok(isGood, "No views have received duplicate or out-of-place mouseEntered.");
+  isGood = YES &&
+    view1.mouseExited.callCount === 0 &&
+    view1a.mouseExited.callCount === 0 &&
+    view1b.mouseExited.callCount === 0 &&
+    view2.mouseExited.callCount === 0;
+  ok(isGood, 'No views have received mouseExited.');
+
+  // Move the mouse over view2 to trigger mouseExited on the initial responder chain.
+  SC.RootResponder.responder.mousemove(evt2);
+  equals(view1a.mouseExited.callCount, 1, "The targeted view has received mouseExited");
+  equals(view1.mouseExited.callCount, 1, "The targeted view's parent has received mouseExited");
+  equals(view1b.mouseExited.callCount, 0, "The targeted view's sibling has NOT received mouseExited");
+  equals(view2.mouseExited.callCount, 0, "The targeted view's parent's sibling (the new target) has NOT received mouseExited");
+  equals(view2.mouseEntered.callCount, 1, "The new target has received mouseEntered; circle of life");
+});
+
+test('mousemoved leaves a destroyed view without error', function() {
+
+  equals(view1a.mouseEntered.callCount, 0, "PRELIM: mouseEntered has not been called yet");
+  equals(view1a.mouseExited.callCount, 0, "PRELIM: mouseExited has not been called yet");
+
+  SC.run(function() {
+    SC.RootResponder.responder.mousemove(evt1a);
+  });
+
+  equals(view1a.mouseEntered.callCount, 1, "The targeted view has received mouseEntered");
+
+  SC.run(function() {
+    view1a.destroy();
+  });
+
+  SC.run(function() {
+    SC.RootResponder.responder.mousemove(evt2);
+  });
+
+  equals(view1a.mouseExited.callCount, 0, "The destroyed view should not receive mouseExited");
+
+});
+
+/*
+TODO: Mouse clicks.
+*/
+
+/*
+TODO: Touch.
+*/
+
+test('Data dragging', function() {
+  // Make sure we're all at zero.
+  // dataDragEntered
+  var isGood = YES &&
+    view1.dataDragEntered.callCount === 0 &&
+    view1a.dataDragEntered.callCount === 0 &&
+    view1b.dataDragEntered.callCount === 0 &&
+    view2.dataDragEntered.callCount === 0;
+  ok(isGood, 'PRELIM: dataDragEntered has not been called.');
+  // dataDragHovered
+  isGood = YES &&
+    view1.dataDragHovered.callCount === 0 &&
+    view1a.dataDragHovered.callCount === 0 &&
+    view1b.dataDragHovered.callCount === 0 &&
+    view2.dataDragHovered.callCount === 0;
+  ok(isGood, 'PRELIM: dataDragHovered has not been called.');
+  // dataDragExited
+  isGood = YES &&
+    view1.dataDragExited.callCount === 0 &&
+    view1a.dataDragExited.callCount === 0 &&
+    view1b.dataDragExited.callCount === 0 &&
+    view2.dataDragExited.callCount === 0;
+  ok(isGood, 'PRELIM: dataDragExited has not been called.');
+
+
+  // Drag the mouse over view1a to trigger mouseEntered.
+  evt1a.type = 'dragenter';
+  SC.RootResponder.responder.dragenter(evt1a);
+
+  // Test the views.
+  equals(view1a.dataDragEntered.callCount, 1, "The targeted view has received dataDragEntered");
+  equals(view1a.dataDragHovered.callCount, 1, "The targeted view has received initial dataDragHovered");
+  equals(view1.dataDragEntered.callCount, 1, "The targeted view's parent has received dataDragEntered");
+  equals(view1.dataDragHovered.callCount, 1, "The targeted view's parent has received initial dataDragHovered");
+  equals(view1b.dataDragEntered.callCount + view1b.dataDragHovered.callCount, 0, "The targeted view's sibling has NOT received dataDragEntered or dataDragHovered");
+  equals(view2.dataDragEntered.callCount + view2.dataDragHovered.callCount, 0, "The targeted view's parent's sibling has NOT received dataDragEntered or dataDragHovered");
+
+  isGood = YES &&
+    view1.dataDragExited.callCount === 0 &&
+    view1a.dataDragExited.callCount === 0 &&
+    view1b.dataDragExited.callCount === 0 &&
+    view2.dataDragExited.callCount === 0;
+  ok(isGood, 'No views have received dataDragExited.');
+
+
+  // Hover the drag and make sure only dataDragHovered is called.
+  evt1a.type = 'dragover';
+  SC.RootResponder.responder.dragover(evt1a);
+
+  // Test the views.
+  equals(view1a.dataDragHovered.callCount, 2, "The targeted view has received another dataDragHovered");
+  equals(view1.dataDragHovered.callCount, 2, "The targeted view's parent has received another dataDragHovered");
+  equals(view1b.dataDragHovered.callCount, 0, "The targeted view's sibling has NOT received dataDragHovered");
+  equals(view2.dataDragHovered.callCount, 0, "The targeted view's parent's sibling has NOT received dataDragHovered");
+  equals(view1b.dataDragEntered.callCount + view1b.dataDragHovered.callCount, 0, "The targeted view's sibling has NOT received dataDragEntered or dataDragHovered");
+  equals(view2.dataDragEntered.callCount + view2.dataDragHovered.callCount, 0, "The targeted view's parent's sibling has NOT received dataDragEntered or dataDragHovered");
+
+  isGood = YES &&
+    view1.dataDragEntered.callCount === 1 &&
+    view1a.dataDragEntered.callCount === 1 &&
+    view1b.dataDragEntered.callCount === 0 &&
+    view2.dataDragEntered.callCount === 0;
+  ok(isGood, "No views have received duplicate or out-of-place dataDragEntered.");
+  isGood = YES &&
+    view1.dataDragExited.callCount === 0 &&
+    view1a.dataDragExited.callCount === 0 &&
+    view1b.dataDragExited.callCount === 0 &&
+    view2.dataDragExited.callCount === 0;
+  ok(isGood, 'No views have received dataDragExited.');
+
+
+  // Leave view1a and enter view2 to trigger dataDragExited on the initial responder chain.
+  // Note that browsers call the new dragenter prior to the old dragleave.
+  evt2.type = 'dragenter';
+  evt1a.type = 'dragleave';
+  SC.RootResponder.responder.dragenter(evt2);
+  SC.RootResponder.responder.dragleave(evt1a);
+
+  // Check the views.
+  equals(view1a.dataDragExited.callCount, 1, "The targeted view has received dataDragExited");
+  equals(view1.dataDragExited.callCount, 1, "The targeted view's parent has received dataDragExited");
+  equals(view1b.dataDragExited.callCount, 0, "The targeted view's sibling has NOT received dataDragExited");
+  equals(view2.dataDragExited.callCount, 0, "The targeted view's parent's sibling (the new target) has NOT received dataDragExited");
+  equals(view2.dataDragEntered.callCount, 1, "The new target has received dataDragEntered; circle of life");
+
+
+  // Leave view2 to test document leaving.
+  evt2.type = 'dragleave';
+  SC.RootResponder.responder.dragleave(evt2);
+
+  // Check the views.
+  equals(view1a.dataDragExited.callCount, 1, "The previously-targeted view has NOT received additional dataDragExited on document exit");
+  equals(view1.dataDragExited.callCount, 1, "The previously-targeted view's parent has received dataDragExited");
+  equals(view1b.dataDragExited.callCount, 0, "The previously-targeted view's sibling has NOT received dataDragExited ever basically");
+  equals(view2.dataDragEntered.callCount, 1, "The new target has NOT received additional dataDragEntered on document exit");
+  equals(view2.dataDragExited.callCount, 1, "The new target has received dataDragExited on document exit");
+
+
+  // TODO: Test the 300ms timer to make sure the force-drag-leave works for Firefox (et al. probably).
+
+
+  // Test drop.
+  evt1a.type = 'dragenter';
+  SC.RootResponder.responder.dragenter(evt1a);
+  evt1a.type = 'dragdrop';
+  SC.RootResponder.responder.drop(evt1a);
+
+  // Check the views.
+  equals(view1a.dataDragDropped.callCount, 1, "The targeted view received a dataDragDropped event");
+  equals(view1.dataDragDropped.callCount, 0, "The targeted view's parent did not receive a dataDragDropped event");
+
+});
+
+test('Data dragging content types', function() {
+  // Drag the event over view 1a with type 'Files' (should cancel).
+  evt1a.dataTransfer.types = ['Files'];
+  evt1a.dataTransfer.dropEffect = 'copy';
+  SC.RootResponder.responder.dragover(evt1a);
+
+  equals(evt1a.preventDefault.callCount, 1, "The default behavior was prevented for a 'Files' drag");
+  equals(evt1a.dataTransfer.dropEffect, 'none', "The drop effect was set to 'none' for a 'Files' drag");
+
+  // Drag the event over view 1a with type 'text/uri-list' (should cancel).
+  evt1a.dataTransfer.types = ['text/uri-list'];
+  evt1a.dataTransfer.dropEffect = 'copy';
+  SC.RootResponder.responder.dragover(evt1a);
+
+  equals(evt1a.preventDefault.callCount, 2, "The default behavior was prevented for a 'text/uri-list' drag");
+  equals(evt1a.dataTransfer.dropEffect, 'none', "The drop effect was set to 'none' for a 'text/uri-list' drag");
+
+  // Drag the event over view 1a with type 'text/plain' (should not cancel).
+  evt1a.dataTransfer.types = ['text/plain'];
+  evt1a.dataTransfer.dropEffect = 'copy';
+  SC.RootResponder.responder.dragover(evt1a);
+
+  equals(evt1a.preventDefault.callCount, 2, "The default behavior was NOT prevented for a 'text/plain' drag");
+  equals(evt1a.dataTransfer.dropEffect, 'copy', "The drop effect was NOT changed for a 'text/plain' drag");
+
+});