honeymoose
/
angular-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

test(dom_renderer): test that properties on the root element can be changed. 

Closes #3013
Closes #3085
This commit is contained in:
Tobias Bosch 2015-07-16 08:27:59 -07:00
parent b1231593b6
commit 5654f2f4e2
1 changed files with 25 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
modules/angular2/test/render/dom/dom_renderer_integration_spec.ts
View File

@ -61,7 +61,8 @@ export function main() {
}); });
})); }));
it('should update any element property/attributes/class/style independent of the compilation',
it('should update any element property/attributes/class/style independent of the compilation on the root element and other elements',
inject([AsyncTestCompleter, DomTestbed], (async, tb: DomTestbed) => { inject([AsyncTestCompleter, DomTestbed], (async, tb: DomTestbed) => {
tb.compileAndMerge(someComponent, tb.compileAndMerge(someComponent,
[ [
@ -72,26 +73,30 @@ export function main() {
}) })
]) ])
.then((protoViewMergeMappings) => { .then((protoViewMergeMappings) => {
var checkSetters = (elr, el) => {
tb.renderer.setElementProperty(elr, 'tabIndex', 1);
expect((<HTMLInputElement>el).tabIndex).toEqual(1);
tb.renderer.setElementClass(elr, 'a', true);
expect(DOM.hasClass(el, 'a')).toBe(true);
tb.renderer.setElementClass(elr, 'a', false);
expect(DOM.hasClass(el, 'a')).toBe(false);
tb.renderer.setElementStyle(elr, 'width', '10px');
expect(DOM.getStyle(el, 'width')).toEqual('10px');
tb.renderer.setElementStyle(elr, 'width', null);
expect(DOM.getStyle(el, 'width')).toEqual('');
tb.renderer.setElementAttribute(elr, 'someAttr', 'someValue');
expect(DOM.getAttribute(el, 'some-attr')).toEqual('someValue');
};
var rootView = tb.createView(protoViewMergeMappings[0]); var rootView = tb.createView(protoViewMergeMappings[0]);
// root element
var elr = elRef(rootView.viewRef, 1); checkSetters(elRef(rootView.viewRef, 0), rootView.hostElement);
var el = DOM.childNodes(rootView.hostElement)[0]; // nested elements
tb.renderer.setElementProperty(elr, 'value', 'hello'); checkSetters(elRef(rootView.viewRef, 1), DOM.firstChild(rootView.hostElement));
expect((<HTMLInputElement>el).value).toEqual('hello');
tb.renderer.setElementClass(elr, 'a', true);
expect((<HTMLInputElement>DOM.childNodes(rootView.hostElement)[0]).value)
.toEqual('hello');
tb.renderer.setElementClass(elr, 'a', false);
expect(DOM.hasClass(el, 'a')).toBe(false);
tb.renderer.setElementStyle(elr, 'width', '10px');
expect(DOM.getStyle(el, 'width')).toEqual('10px');
tb.renderer.setElementStyle(elr, 'width', null);
expect(DOM.getStyle(el, 'width')).toEqual('');
tb.renderer.setElementAttribute(elr, 'someAttr', 'someValue');
expect(DOM.getAttribute(el, 'some-attr')).toEqual('someValue');
async.done(); async.done();
}); });