javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-08-19 14:20:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: disableCss property for tests purpose

Browse Source
This commit is contained in:
Martin Guillon
2020-11-08 09:31:20 +01:00
parent d848389732
commit 4d608f39b8
2 changed files with 30 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
packages/core/ui/core/view-base/index.ts
View File

@ -238,6 +238,7 @@ export abstract class ViewBase extends Observable implements ViewBaseDefinition
public id: string; public id: string;
public className: string; public className: string;
public disableCss: boolean;
public _domId: number; public _domId: number;
public _context: any; public _context: any;
@ -394,7 +395,9 @@ export abstract class ViewBase extends Observable implements ViewBaseDefinition
} }
this._isLoaded = true; this._isLoaded = true;
this._cssState.onLoaded(); if (!this.disableCss) {
this._cssState.onLoaded();
}
this._resumeNativeUpdates(SuspendType.Loaded); this._resumeNativeUpdates(SuspendType.Loaded);
this.eachChild((child) => { this.eachChild((child) => {
@ -422,7 +425,9 @@ export abstract class ViewBase extends Observable implements ViewBaseDefinition
}); });
this._isLoaded = false; this._isLoaded = false;
this._cssState.onUnloaded(); if (!this.disableCss) {
this._cssState.onUnloaded();
}
this._emit('unloaded'); this._emit('unloaded');
} }
@ -1008,6 +1013,9 @@ export abstract class ViewBase extends Observable implements ViewBaseDefinition
} }
_onCssStateChange(): void { _onCssStateChange(): void {
if (this.disableCss) {
return;
}
this._cssState.onChange(); this._cssState.onChange();
eachDescendant(this, (child: ViewBase) => { eachDescendant(this, (child: ViewBase) => {
child._cssState.onChange(); child._cssState.onChange();
@ -1017,6 +1025,9 @@ export abstract class ViewBase extends Observable implements ViewBaseDefinition
} }
_inheritStyleScope(styleScope: ssm.StyleScope): void { _inheritStyleScope(styleScope: ssm.StyleScope): void {
if (this.disableCss) {
return;
}
// If we are styleScope don't inherit parent stylescope. // If we are styleScope don't inherit parent stylescope.
// TODO: Consider adding parent scope and merge selectors. // TODO: Consider adding parent scope and merge selectors.
if (this._isStyleScopeHost) { if (this._isStyleScopeHost) {
@ -1104,6 +1115,9 @@ bindingContextProperty.register(ViewBase);
export const classNameProperty = new Property<ViewBase, string>({ export const classNameProperty = new Property<ViewBase, string>({
name: 'className', name: 'className',
valueChanged(view: ViewBase, oldValue: string, newValue: string) { valueChanged(view: ViewBase, oldValue: string, newValue: string) {
if (view.disableCss) {
return;
}
const cssClasses = view.cssClasses; const cssClasses = view.cssClasses;
const rootViewsCssClasses = CSSUtils.getSystemCssClasses(); const rootViewsCssClasses = CSSUtils.getSystemCssClasses();
@ -1134,6 +1148,14 @@ export const idProperty = new Property<ViewBase, string>({
valueChanged: (view, oldValue, newValue) => view._onCssStateChange(), valueChanged: (view, oldValue, newValue) => view._onCssStateChange(),
}); });
idProperty.register(ViewBase); idProperty.register(ViewBase);
export const disableCssProperty = new InheritedProperty<ViewBase, boolean>({
name: 'disableCss',
defaultValue: false,
valueConverter: booleanConverter,
// valueChanged: (view, oldValue, newValue) => console.log('disableCss changed', view, newValue),
});
disableCssProperty.register(ViewBase);
export function booleanConverter(v: string): boolean { export function booleanConverter(v: string): boolean {
const lowercase = (v + '').toLowerCase(); const lowercase = (v + '').toLowerCase();

6
packages/core/ui/core/view/view-common.ts
View File

@ -108,6 +108,9 @@ export abstract class ViewCommon extends ViewBase implements ViewDefinition {
} }
public changeCssFile(cssFileName: string): void { public changeCssFile(cssFileName: string): void {
if (this.disableCss) {
return;
}
const scope = this._styleScope; const scope = this._styleScope;
if (scope && cssFileName) { if (scope && cssFileName) {
scope.changeCssFile(cssFileName); scope.changeCssFile(cssFileName);
@ -116,6 +119,9 @@ export abstract class ViewCommon extends ViewBase implements ViewDefinition {
} }
public _updateStyleScope(cssFileName?: string, cssString?: string, css?: string): void { public _updateStyleScope(cssFileName?: string, cssString?: string, css?: string): void {
if (this.disableCss) {
return;
}
let scope = this._styleScope; let scope = this._styleScope;
if (!scope) { if (!scope) {
scope = new StyleScope(); scope = new StyleScope();