[Common UI] Fill in new specs
Complete test coverage for new scripts added to bundle platform/commonUI/general in suport of autoflow tabular views, WTD-614. Specifically, these provide a directive to watch element sizes, and a controller to help as an intermediary between getter-setter style ngModels, and plain assignable ones.
This commit is contained in:
@@ -6,6 +6,62 @@ define(
|
||||
"use strict";
|
||||
|
||||
describe("The mct-resize directive", function () {
|
||||
var mockTimeout,
|
||||
mockScope,
|
||||
testElement,
|
||||
testAttrs,
|
||||
mctResize;
|
||||
|
||||
beforeEach(function () {
|
||||
mockTimeout = jasmine.createSpy("$timeout");
|
||||
mockScope = jasmine.createSpyObj("$scope", ["$eval"]);
|
||||
|
||||
testElement = { offsetWidth: 100, offsetHeight: 200 };
|
||||
testAttrs = { mctResize: "some-expr" };
|
||||
|
||||
mctResize = new MCTResize(mockTimeout);
|
||||
});
|
||||
|
||||
it("is applicable as an attribute only", function () {
|
||||
expect(mctResize.restrict).toEqual("A");
|
||||
});
|
||||
|
||||
it("starts tracking size changes upon link", function () {
|
||||
expect(mockTimeout).not.toHaveBeenCalled();
|
||||
mctResize.link(mockScope, [testElement], testAttrs);
|
||||
expect(mockTimeout).toHaveBeenCalledWith(
|
||||
jasmine.any(Function),
|
||||
jasmine.any(Number)
|
||||
);
|
||||
expect(mockScope.$eval).toHaveBeenCalledWith(
|
||||
testAttrs.mctResize,
|
||||
{ bounds: { width: 100, height: 200 } }
|
||||
);
|
||||
});
|
||||
|
||||
it("reports size changes on a timeout", function () {
|
||||
mctResize.link(mockScope, [testElement], testAttrs);
|
||||
|
||||
// Change the element's apparent size
|
||||
testElement.offsetWidth = 300;
|
||||
testElement.offsetHeight = 350;
|
||||
|
||||
// Shouldn't know about this yet...
|
||||
expect(mockScope.$eval).not.toHaveBeenCalledWith(
|
||||
testAttrs.mctResize,
|
||||
{ bounds: { width: 300, height: 350 } }
|
||||
);
|
||||
|
||||
// Fire the timeout
|
||||
mockTimeout.mostRecentCall.args[0]();
|
||||
|
||||
// Should have triggered an evaluation of mctResize
|
||||
// with the new width & height
|
||||
expect(mockScope.$eval).toHaveBeenCalledWith(
|
||||
testAttrs.mctResize,
|
||||
{ bounds: { width: 300, height: 350 } }
|
||||
);
|
||||
});
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user