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

Inital by-type split

Browse Source 
Split type.class from CssTypeSelector to CssCompositeSelector, probably support type#id.class selectors

Apply review comments, refactor css-selectors internally

Applied refactoring, all tests pass, button does not notify changes

Add tests for the css selectors parser.

Added tests for css-selectors

Added basic implementation of mayMatch and changeMap for css match state

Implemented TKUnit.assertDeepEqual to check key and key/values in Map and Set

Watch for property and pseudoClass changes

Add one child group test

Add typings for animations

Added mechanism to enable/disable listeners for pseudo classes

Count listeners instead of checking handlers, reverse subscription and unsubscription
This commit is contained in:
Panayot Cankov
2016-06-22 13:13:53 +03:00
parent 0477c81dd5
commit c1aeeb51a7
33 changed files with 1560 additions and 1006 deletions
Download Patch File Download Diff File Expand all files Collapse all files

141
tests/app/ui/styling/css-selector-parser.ts Normal file
View File

@ -0,0 +1,141 @@
import * as parser from "ui/styling/css-selector-parser";
import * as TKUnit from "../../TKUnit";
function test(css: string, expected: {}): void {
let result = parser.parse(css);
TKUnit.assertDeepEqual(result, expected);
}
export function test_fairly_complex_selector(): void {
test(` listview#products.mark gridlayout:selected[row="2"] a> b > c >d>e *[src] `, [
{ pos: 2, type: "", ident: "listview" },
{ pos: 10, type: "#", ident: "products" },
{ pos: 19, type: ".", ident: "mark", comb: " " },
{ pos: 25, type: "", ident: "gridlayout" },
{ pos: 35, type: ":", ident: "selected" },
{ pos: 44, type: "[]", prop: "row", test: "=", value: "2", comb: " " },
{ pos: 54, type: "", ident: "a", comb: ">" },
{ pos: 57, type: "", ident: "b", comb: ">" },
{ pos: 63, type: "", ident: "c", comb: ">" },
{ pos: 66, type: "", ident: "d", comb: ">" },
{ pos: 68, type: "", ident: "e", comb: " " },
{ pos: 70, type: "*" },
{ pos: 71, type: "[]", prop: "src" }
]);
}
export function test_typeguard_isUniversal(): void {
let selector = parser.parse("*")[0];
TKUnit.assertTrue(parser.isUniversal(selector));
TKUnit.assertFalse(parser.isType(selector));
TKUnit.assertFalse(parser.isClass(selector));
TKUnit.assertFalse(parser.isId(selector));
TKUnit.assertFalse(parser.isPseudo(selector));
TKUnit.assertFalse(parser.isAttribute(selector));
}
export function test_typeguard_isType(): void {
let selector = parser.parse("button")[0];
TKUnit.assertFalse(parser.isUniversal(selector));
TKUnit.assertTrue(parser.isType(selector));
TKUnit.assertFalse(parser.isClass(selector));
TKUnit.assertFalse(parser.isId(selector));
TKUnit.assertFalse(parser.isPseudo(selector));
TKUnit.assertFalse(parser.isAttribute(selector));
}
export function test_typeguard_isClass(): void {
let selector = parser.parse(".login")[0];
TKUnit.assertFalse(parser.isUniversal(selector));
TKUnit.assertFalse(parser.isType(selector));
TKUnit.assertTrue(parser.isClass(selector));
TKUnit.assertFalse(parser.isId(selector));
TKUnit.assertFalse(parser.isPseudo(selector));
TKUnit.assertFalse(parser.isAttribute(selector));
}
export function test_typeguard_isId(): void {
let selector = parser.parse("#login")[0];
TKUnit.assertFalse(parser.isUniversal(selector));
TKUnit.assertFalse(parser.isType(selector));
TKUnit.assertFalse(parser.isClass(selector));
TKUnit.assertTrue(parser.isId(selector));
TKUnit.assertFalse(parser.isPseudo(selector));
TKUnit.assertFalse(parser.isAttribute(selector));
}
export function test_typeguard_isPseudo(): void {
let selector = parser.parse(":hover")[0];
TKUnit.assertFalse(parser.isUniversal(selector));
TKUnit.assertFalse(parser.isType(selector));
TKUnit.assertFalse(parser.isClass(selector));
TKUnit.assertFalse(parser.isId(selector));
TKUnit.assertTrue(parser.isPseudo(selector));
TKUnit.assertFalse(parser.isAttribute(selector));
}
export function test_typeguard_isAttribute(): void {
let selector = parser.parse("[src]")[0];
TKUnit.assertFalse(parser.isUniversal(selector));
TKUnit.assertFalse(parser.isType(selector));
TKUnit.assertFalse(parser.isClass(selector));
TKUnit.assertFalse(parser.isId(selector));
TKUnit.assertFalse(parser.isPseudo(selector));
TKUnit.assertTrue(parser.isAttribute(selector));
}
export function test_universal_selector(): void {
test(`*`, [{ pos: 0, type: "*" }]);
}
export function test_type_selector(): void {
test(`button`, [{ pos: 0, type: "", ident: "button" }]);
}
export function test_class_selector(): void {
test(`.red`, [{ pos: 0, type: ".", ident: "red" }]);
}
export function test_id_selector(): void {
test(`#login`, [{ pos: 0, type: "#", ident: "login" }]);
}
export function test_pseudoClass(): void {
test(`:hover`, [{ pos: 0, type: ":", ident: "hover" }]);
}
export function test_attribute_no_value(): void {
test(`[src]`, [{ pos: 0, type: "[]", prop: "src" }]);
}
export function test_attribute_equal(): void {
test(`[src = "res://"]`, [{ pos: 0, type: "[]", prop: "src", test: "=", value: `res://` }]);
}
export function test_attribute_all_tests(): void {
["=", "^=", "$=", "*=", "=", "~=", "|="].forEach(t => test(`[src ${t} "val"]`, [{ pos: 0, type: "[]", prop: "src", test: t, value: "val"}]));
}
export function test_direct_parent_comb(): void {
test(`listview > .image`, [
{ pos: 0, type: "", ident: "listview", comb: ">" },
{ pos: 11, type: ".", ident: "image" }
]);
}
export function test_ancestor_comb(): void {
test(`listview .image`, [
{ pos: 0, type: "", ident: "listview", comb: " " },
{ pos: 10, type: ".", ident: "image" }
]);
}
export function test_single_sequence(): void {
test(`button:hover`, [
{ pos: 0, type: "", ident: "button" },
{ pos: 6, type: ":", ident: "hover" }
]);
}
export function test_multiple_sequences(): void {
test(`listview>:selected image.product`, [
{ pos: 0, type: "", ident: "listview", comb: ">" },
{ pos: 9, type: ":", ident: "selected", comb: " " },
{ pos: 19, type: "", ident: "image" },
{ pos: 24, type: ".", ident: "product" }
]);
}
export function test_multiple_attribute_and_pseudo_classes(): void {
test(`button#login[user][pass]:focused:hovered`, [
{ pos: 0, type: "", ident: "button" },
{ pos: 6, type: "#", ident: "login" },
{ pos: 12, type: "[]", prop: "user" },
{ pos: 18, type: "[]", prop: "pass" },
{ pos: 24, type: ":", ident: "focused" },
{ pos: 32, type: ":", ident: "hovered" }
]);
}