[Fixed Position] Initially implement handles

Initially implement handles for resizing elements in a fixed
position view, WTD-882.

platform/features/layout/test/FixedDragHandleSpec.js

@@ -0,0 +1,62 @@
+/*global define,describe,it,expect,beforeEach,jasmine,xit*/
+
+define(
+    ['../src/FixedDragHandle'],
+    function (FixedDragHandle) {
+        "use strict";
+
+        var TEST_GRID_SIZE = [ 13, 33 ];
+
+        describe("A fixed position drag handle", function () {
+            var mockElementHandle,
+                mockCommit,
+                handle;
+
+            beforeEach(function () {
+                mockElementHandle = jasmine.createSpyObj(
+                    'elementHandle',
+                    [ 'x', 'y' ]
+                );
+                mockCommit = jasmine.createSpy('commit');
+
+                mockElementHandle.x.andReturn(6);
+                mockElementHandle.y.andReturn(8);
+
+                handle = new FixedDragHandle(
+                    mockElementHandle,
+                    TEST_GRID_SIZE,
+                    mockCommit
+                );
+            });
+
+            it("provides a style for positioning", function () {
+                var style = handle.style();
+                // 6 grid coords * 13 pixels - 4 pixels for centering
+                expect(style.left).toEqual('74px');
+                // 8 grid coords * 33 pixels - 4 pixels for centering
+                expect(style.top).toEqual('260px');
+            });
+
+            it("allows handles to be dragged", function () {
+                handle.startDrag();
+                handle.continueDrag([ 16, 8 ]);
+
+                // Should update x/y, snapped to grid
+                expect(mockElementHandle.x).toHaveBeenCalledWith(7);
+                expect(mockElementHandle.y).toHaveBeenCalledWith(8);
+
+                handle.continueDrag([ -16, -35 ]);
+
+                // Should have interpreted relative to initial state
+                expect(mockElementHandle.x).toHaveBeenCalledWith(5);
+                expect(mockElementHandle.y).toHaveBeenCalledWith(7);
+
+                // Finally, ending drag should commit
+                expect(mockCommit).not.toHaveBeenCalled();
+                handle.endDrag();
+                expect(mockCommit).toHaveBeenCalled();
+            });
+
+        });
+    }
+);

platform/features/layout/test/elements/ResizeHandleSpec.js

@@ -0,0 +1,59 @@
+/*global define,describe,it,expect,beforeEach,jasmine,xit*/
+
+define(
+    ['../../src/elements/ResizeHandle'],
+    function (ResizeHandle) {
+        "use strict";
+
+        var TEST_MIN_WIDTH = 4, TEST_MIN_HEIGHT = 2;
+
+        describe("A fixed position drag handle", function () {
+            var testElement,
+                handle;
+
+            beforeEach(function () {
+                testElement = {
+                    x: 3,
+                    y: 42,
+                    width: 30,
+                    height: 36
+                };
+
+                handle = new ResizeHandle(
+                    testElement,
+                    TEST_MIN_WIDTH,
+                    TEST_MIN_HEIGHT
+                );
+            });
+
+            it("provides x/y grid coordinates for lower-right corner", function () {
+                expect(handle.x()).toEqual(33);
+                expect(handle.y()).toEqual(78);
+            });
+
+            it("changes width of an element", function () {
+                handle.x(30);
+                // Should change width, not x
+                expect(testElement.x).toEqual(3);
+                expect(testElement.width).toEqual(27);
+            });
+
+            it("changes height of an element", function () {
+                handle.y(60);
+                // Should change height, not y
+                expect(testElement.y).toEqual(42);
+                expect(testElement.height).toEqual(18);
+            });
+
+            it("enforces minimum width/height", function () {
+                handle.x(testElement.x);
+                handle.y(testElement.y);
+                expect(testElement.x).toEqual(3);
+                expect(testElement.y).toEqual(42);
+                expect(testElement.width).toEqual(TEST_MIN_WIDTH);
+                expect(testElement.height).toEqual(TEST_MIN_HEIGHT);
+            });
+
+        });
+    }
+);

platform/features/layout/test/suite.json

@@ -1,5 +1,6 @@
 [
     "FixedController",
+    "FixedDragHandle",
     "FixedProxy",
     "LayoutController",
     "LayoutDrag",
@@ -10,6 +11,7 @@
     "elements/ElementProxies",
     "elements/ElementProxy",
     "elements/LineProxy",
+    "elements/ResizeHandle",
     "elements/TelemetryProxy",
     "elements/TextProxy"
 ]