mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-08-16 03:31:45 +08:00
6d7c1ff295
* Move the applyStyleFromScope to onLoaded, when the views are created and id or className properties are set the CSS selectors are queried and applied multiple times * Condense the changes when applying properties
59 lines
2.0 KiB
TypeScript
59 lines
2.0 KiB
TypeScript
import * as color from "tns-core-modules/color";
|
|
import * as button from "tns-core-modules/ui/button";
|
|
import * as stack from "tns-core-modules/ui/layouts/stack-layout";
|
|
import * as helper from "../helper";
|
|
import * as TKUnit from "../../TKUnit";
|
|
import { unsetValue } from "tns-core-modules/ui/core/view";
|
|
|
|
export var test_value_Inherited_after_unset = function () {
|
|
let page = helper.getCurrentPage();
|
|
page.css = "StackLayout { color: #FF0000; } .blue { color: #0000FF; }";
|
|
let btn = new button.Button();
|
|
let testStack = new stack.StackLayout();
|
|
page.content = testStack;
|
|
testStack.addChild(btn);
|
|
btn.className = "blue";
|
|
helper.assertViewColor(btn, "#0000FF");
|
|
btn.className = "";
|
|
helper.assertViewColor(btn, "#FF0000");
|
|
}
|
|
|
|
export var test_value_Inherited_stronger_than_Default = function () {
|
|
let page = helper.getCurrentPage();
|
|
let btn = new button.Button();
|
|
let testStack = new stack.StackLayout();
|
|
page.content = testStack;
|
|
testStack.addChild(btn);
|
|
page.css = "stackLayout { color: red; }";
|
|
helper.assertViewColor(btn, "#FF0000");
|
|
page.css = "";
|
|
}
|
|
|
|
export var test_value_Css_stronger_than_Inherited = function () {
|
|
let page = helper.getCurrentPage();
|
|
let testStack = new stack.StackLayout();
|
|
page.content = testStack;
|
|
|
|
let btn = new button.Button();
|
|
testStack.addChild(btn);
|
|
page.css = "stackLayout { color: red; } button { color: blue; }";
|
|
|
|
helper.assertViewColor(btn, "#0000FF");
|
|
}
|
|
|
|
export function test_value_Local_stronger_than_Css() {
|
|
let testPage = helper.getCurrentPage();
|
|
let testStack = new stack.StackLayout();
|
|
testPage.content = testStack;
|
|
|
|
let btn = new button.Button();
|
|
testStack.addChild(btn);
|
|
testPage.css = "button { color: red; }";
|
|
|
|
helper.assertViewColor(btn, "#FF0000");
|
|
btn.style.color = new color.Color("#0000FF");
|
|
helper.assertViewColor(btn, "#0000FF");
|
|
btn.style.color = unsetValue;
|
|
TKUnit.assertEqual(btn.style.color, undefined, "style.color should be undefined when set locally.");
|
|
}
|