diff --git a/src/igniteui.angular2.ts b/src/igniteui.angular2.ts index cae1afe..cccd6e2 100644 --- a/src/igniteui.angular2.ts +++ b/src/igniteui.angular2.ts @@ -6,7 +6,7 @@ import './igniteui'; declare var jQuery: any; var NODES = { - "ig-text-editor": "input", + "ig-text-editor": "div", "ig-numeric-editor": "input", "ig-percent-editor": "input", "ig-mask-editor": "input", diff --git a/tests/unit/igeditors/editors.spec.ts b/tests/unit/igeditors/editors.spec.ts index 3f934b7..6863082 100644 --- a/tests/unit/igeditors/editors.spec.ts +++ b/tests/unit/igeditors/editors.spec.ts @@ -49,7 +49,7 @@ export function main() { setTimeout(() => { expect($(fixture.debugElement.nativeElement).find("#editor1").igTextEditor("displayValue")).toBe("changed_test_value"); // on key change: - field = $(fixture.debugElement.nativeElement).find("#editor1"); + field = $(fixture.debugElement.nativeElement).find("#editor1 input.ui-igedit-input"); field.trigger("focus"); window.typeInInput("2", field); expect(fixture.debugElement.componentInstance.val).toBe("changed_test_value2"); @@ -83,12 +83,50 @@ export function main() { fixture.detectChanges(); setTimeout(() => { expect($(fixture.debugElement.nativeElement).find("#editor1").igTextEditor("option", "disabled")).toBe(false); - expect($(fixture.debugElement.nativeElement).find("#editor1")[0].hasAttribute("disabled")).toBe(false); + expect($(fixture.debugElement.nativeElement).find("#editor1 input.ui-igedit-input")[0].hasAttribute("disabled")).toBe(false); done(); }, 1); }, 1); }); }); + + it('should allow creating text editor in multiline mode', (done) => { + var template = '
'; + TestBed.overrideComponent(TestIgTextEditorComponent, { + set: { + template: template + } + }); + TestBed.compileComponents().then(() => { + let fixture = TestBed.createComponent(TestIgTextEditorComponent); + fixture.detectChanges(); + setTimeout(() => { + expect($(fixture.debugElement.nativeElement).find("#editor1").igTextEditor("option", "textMode")).toBe("multiline"); + expect($(fixture.debugElement.nativeElement).find("#editor1 textarea.ui-igedit-input").length).toBe(1); + expect($(fixture.debugElement.nativeElement).find("#editor1 textarea.ui-igedit-input").val()).toBe("test_value"); + done(); + }, 1); + }); + }); + + it('should allow creating text editor in normal mode', (done) => { + var template = '
'; + TestBed.overrideComponent(TestIgTextEditorComponent, { + set: { + template: template + } + }); + TestBed.compileComponents().then(() => { + let fixture = TestBed.createComponent(TestIgTextEditorComponent); + fixture.detectChanges(); + setTimeout(() => { + expect($(fixture.debugElement.nativeElement).find("#editor1").igTextEditor("option", "textMode")).toBe("text"); + expect($(fixture.debugElement.nativeElement).find("#editor1 input.ui-igedit-input").length).toBe(1); + expect($(fixture.debugElement.nativeElement).find("#editor1 input.ui-igedit-input").val()).toBe("test_value"); + done(); + }, 1); + }); + }); }); describe('Infragistics Angular2 NumericEditor', () => {