describe("events", function () {
var TextArea = AbstractTextArea.specialize( {}),
aTextArea, anElement, listener;
beforeEach(function () {
aTextArea = new TextArea();
anElement = MockDOM.element();
listener = {
handleEvent: function() {}
};
});
it("should listen for element input after enterDocument", function() {
aTextArea.element = anElement;
aTextArea.enterDocument(true);
expect(aTextArea.element.hasEventListener("input", aTextArea)).toBe(true);
});
it("should listen for element change after enterDocument", function() {
aTextArea.element = anElement;
aTextArea.enterDocument(true);
expect(aTextArea.element.hasEventListener("change", aTextArea)).toBe(true);
});
});
it("can be instantiated as a subtype", function () {
var TextAreaSubtype = AbstractTextArea.specialize( {});
var aTextAreaSubtype = null;
expect(function () {
aTextAreaSubtype = new TextAreaSubtype();
}).not.toThrow();
expect(aTextAreaSubtype).toBeDefined();
});
describe("properties", function () {
var TextArea = AbstractTextArea.specialize( {}),
aTextArea;
beforeEach(function () {
aTextArea = new TextArea();
aTextArea.element = MockDOM.element();
});
describe("value", function () {
beforeEach(function () {
aTextArea = new TextArea();
aTextArea.element = MockDOM.element();
aTextArea.enterDocument(true);
});
it("should be the value of the element when input is fired", function() {
aTextArea.element.value = "A text";
var anEvent = document.createEvent("CustomEvent");
anEvent.initCustomEvent("input", true, true, null);
aTextArea.element.dispatchEvent(anEvent);
expect(aTextArea.value).toBe("A text");
});
it("should be the value of the element when change is fired", function() {
aTextArea.element.value = "A text";
var anEvent = document.createEvent("CustomEvent");
anEvent.initCustomEvent("change", true, true, null);
aTextArea.element.dispatchEvent(anEvent);
expect(aTextArea.value).toBe("A text");
});
});
describe("enabled", function () {
beforeEach(function () {
aTextArea = new TextArea();
aTextArea.element = MockDOM.element();
});
it("should add the corresponding class name to classList when enabled is false", function() {
aTextArea.enabled = false;
expect(aTextArea.classList.contains("montage--disabled")).toBe(true);
});
});
});
describe("draw", function () {
var TextArea = AbstractTextArea.specialize( {}),
aTextArea;
beforeEach(function () {
aTextArea = new TextArea();
aTextArea.element = MockDOM.element();
});
it("should be requested after enabled state is changed", function () {
aTextArea.enabled = ! aTextArea.enabled;
expect(aTextArea.needsDraw).toBeTruthy();
});
it("should be requested after value is changed", function () {
aTextArea.value = "a text";
expect(aTextArea.needsDraw).toBeTruthy();
});
it("should set the value on the element", function () {
aTextArea.value = "a text";
aTextArea.draw();
expect(aTextArea.element.value).toBe(aTextArea.value);
});
it("should display false as 'false' in the element", function () {
aTextArea.value = false;
aTextArea.draw();
expect(aTextArea.element.value).toBe("false");
});
it("should display true as 'true' in the element", function () {
aTextArea.value = true;
aTextArea.draw();
expect(aTextArea.element.value).toBe("true");
});
it("should display undefined as an empty string in the element", function () {
aTextArea.value = (void 0);
aTextArea.draw();
expect(aTextArea.element.value).toBe("");
});
it("should display null as an empty string in the element", function () {
aTextArea.value = null;
aTextArea.draw();
expect(aTextArea.element.value).toBe("");
});
it("should display a number as a number in the element", function () {
aTextArea.value = 42;
aTextArea.draw();
expect(aTextArea.element.value).toBe("42");
});
it("should display the toString() result of an object in the element", function () {
aTextArea.value = {
toString: function () {
return "foo";
}
};
aTextArea.draw();
expect(aTextArea.element.value).toBe("foo");
});
it("should draw the placeholder value as an attribute of the element", function () {
aTextArea.placeholderValue = "placeholder value";
aTextArea.draw();
expect(aTextArea.element.getAttribute("placeholder")).toBe(aTextArea.placeholderValue);
});
it("should not draw the placeholder value as an attribute of the element if it doesn't exist", function () {
aTextArea.draw();
expect(aTextArea.element.hasAttribute("placeholder")).toBeFalsy();
});
});