refactor(core): move DomAdapter style methods to ServerRenderer (#32408)
PR Close #32408
This commit is contained in:

committed by
Miško Hevery

parent
970b58b13f
commit
c207ad80fd
@ -36,27 +36,6 @@ import {isTextNode} from '@angular/platform-browser/testing/src/browser_util';
|
||||
expect(() => getDOM().remove(d)).not.toThrow();
|
||||
});
|
||||
|
||||
it('should parse styles with urls correctly', () => {
|
||||
const d = getDOM().createElement('div');
|
||||
getDOM().setStyle(d, 'background-url', 'url(http://test.com/bg.jpg)');
|
||||
expect(getDOM().getStyle(d, 'background-url')).toBe('url(http://test.com/bg.jpg)');
|
||||
});
|
||||
|
||||
// Test for regression caused by angular/angular#22536
|
||||
it('should parse styles correctly following the spec', () => {
|
||||
const d = getDOM().createElement('div');
|
||||
getDOM().setStyle(d, 'background-image', 'url("paper.gif")');
|
||||
expect(d.style.backgroundImage).toBe('url("paper.gif")');
|
||||
expect(d.style.getPropertyValue('background-image')).toBe('url("paper.gif")');
|
||||
expect(getDOM().getStyle(d, 'background-image')).toBe('url("paper.gif")');
|
||||
});
|
||||
|
||||
it('should parse camel-case styles correctly', () => {
|
||||
const d = getDOM().createElement('div');
|
||||
getDOM().setStyle(d, 'marginRight', '10px');
|
||||
expect(getDOM().getStyle(d, 'margin-right')).toBe('10px');
|
||||
});
|
||||
|
||||
if (getDOM().supportsDOMEvents()) {
|
||||
describe('getBaseHref', () => {
|
||||
beforeEach(() => getDOM().resetBaseElement());
|
||||
|
@ -147,13 +147,11 @@ function declareTests(config?: {useJit: boolean}) {
|
||||
|
||||
fixture.componentInstance.ctxProp = '10';
|
||||
fixture.detectChanges();
|
||||
expect(getDOM().getStyle(fixture.debugElement.children[0].nativeElement, 'height'))
|
||||
.toEqual('10px');
|
||||
expect(fixture.debugElement.children[0].nativeElement.style['height']).toEqual('10px');
|
||||
|
||||
fixture.componentInstance.ctxProp = null !;
|
||||
fixture.detectChanges();
|
||||
expect(getDOM().getStyle(fixture.debugElement.children[0].nativeElement, 'height'))
|
||||
.toEqual('');
|
||||
expect(fixture.debugElement.children[0].nativeElement.style['height']).toEqual('');
|
||||
});
|
||||
|
||||
it('should consume binding to property names where attr name and property name do not match',
|
||||
|
@ -247,12 +247,12 @@ function declareTests(config?: {useJit: boolean}) {
|
||||
fixture.detectChanges();
|
||||
// In some browsers, this will contain the full background specification, not just
|
||||
// the color.
|
||||
expect(getDOM().getStyle(e, 'background')).toMatch(/red.*/);
|
||||
expect(e.style['background']).toMatch(/red.*/);
|
||||
|
||||
ci.ctxProp = 'url(javascript:evil())';
|
||||
fixture.detectChanges();
|
||||
// Updated value gets rejected, no value change.
|
||||
expect(getDOM().getStyle(e, 'background')).not.toContain('javascript');
|
||||
expect(e.style['background']).not.toContain('javascript');
|
||||
});
|
||||
|
||||
modifiedInIvy('Unknown property error thrown during update mode, not creation mode')
|
||||
|
@ -164,8 +164,8 @@ const removeEventListener = '__zone_symbol__removeEventListener' as 'removeEvent
|
||||
Services.checkAndUpdateView(view);
|
||||
|
||||
const el = rootNodes[0];
|
||||
expect(getDOM().getStyle(el, 'width')).toBe('10px');
|
||||
expect(getDOM().getStyle(el, 'color')).toBe('red');
|
||||
expect(el.style['width']).toBe('10px');
|
||||
expect(el.style['color']).toBe('red');
|
||||
});
|
||||
});
|
||||
});
|
||||
|
Reference in New Issue
Block a user