mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-08-18 13:51:27 +08:00
98deeccb21
* Change image.android to use the new image.Cahce class from widgets. * fix npm scripts * npm tsc will compile all so no need for npm run dev-tsc-tests * fix tslint error * image-tests use memory only cache. * fix exception in image.android * Change image-tests so that Image won't be GC immediately. * Change cacheMode to enum
801 lines
33 KiB
TypeScript
801 lines
33 KiB
TypeScript
import TKUnit = require("../../TKUnit");
|
|
import helper = require("../helper");
|
|
import buttonModule = require("ui/button");
|
|
import labelModule = require("ui/label");
|
|
import textFieldModule = require("ui/text-field");
|
|
import textViewModule = require("ui/text-view");
|
|
import stackModule = require("ui/layouts/stack-layout");
|
|
import page = require("ui/page");
|
|
import color = require("color");
|
|
import observable = require("data/observable");
|
|
import enums = require("ui/enums");
|
|
import fontModule = require("ui/styling/font");
|
|
import platform = require("platform");
|
|
import viewModule = require("ui/core/view");
|
|
|
|
var testBtn: buttonModule.Button;
|
|
var testPage: page.Page;
|
|
|
|
export function setUpModule() {
|
|
var pageFactory = function () {
|
|
testPage = new page.Page();
|
|
testBtn = new buttonModule.Button();
|
|
testBtn.text = "test";
|
|
testBtn.id = "testBtn";
|
|
testPage.content = testBtn;
|
|
return testPage;
|
|
};
|
|
helper.navigate(pageFactory);
|
|
}
|
|
|
|
export function tearDownModule() {
|
|
testBtn = null;
|
|
testPage = null;
|
|
}
|
|
|
|
export function tearDown() {
|
|
testPage.css = "";
|
|
}
|
|
|
|
export function test_setting_textDecoration_property_from_CSS_is_applied_to_Style() {
|
|
test_property_from_CSS_is_applied_to_style("textDecoration", "text-decoration", "underline");
|
|
}
|
|
|
|
export function test_setting_textTransform_property_from_CSS_is_applied_to_Style() {
|
|
test_property_from_CSS_is_applied_to_style("textTransform", "text-transform", "uppercase");
|
|
}
|
|
|
|
export function test_setting_whiteSpace_property_from_CSS_is_applied_to_Style() {
|
|
test_property_from_CSS_is_applied_to_style("whiteSpace", "white-space", "nowrap");
|
|
}
|
|
|
|
export function test_CSS_properties_are_applied_to_Style() {
|
|
test_property_from_CSS_is_applied_to_style("color", "color", new color.Color("#FF0000"), "#FF0000");
|
|
}
|
|
|
|
export function test_setting_backgroundColor_property_from_CSS_is_applied_to_Style() {
|
|
test_property_from_CSS_is_applied_to_style("backgroundColor", "background-color", new color.Color("#FF0000"), "#FF0000");
|
|
}
|
|
|
|
export function test_setting_backgroundRepeat_property_from_CSS_is_applied_to_Style() {
|
|
test_property_from_CSS_is_applied_to_style("backgroundRepeat", "background-repeat", "repeat-x");
|
|
}
|
|
|
|
export function test_setting_backgroundSize_property_from_CSS_is_applied_to_Style() {
|
|
test_property_from_CSS_is_applied_to_style("backgroundSize", "background-size", "10% 20%");
|
|
}
|
|
|
|
export function test_setting_backgroundPosition_property_from_CSS_is_applied_to_Style() {
|
|
test_property_from_CSS_is_applied_to_style("backgroundPosition", "background-position", "left center");
|
|
}
|
|
|
|
export function test_setting_backgroundImage_property_from_CSS_is_applied_to_Style() {
|
|
test_property_from_CSS_is_applied_to_style("backgroundImage", "background-image", "url('~/pages/test2.png')");
|
|
}
|
|
|
|
export function test_setting_borderWidth_property_from_CSS_is_applied_to_Style() {
|
|
test_property_from_CSS_is_applied_to_style("borderWidth", "border-width", 5);
|
|
}
|
|
|
|
export function test_setting_borderColor_property_from_CSS_is_applied_to_Style() {
|
|
test_property_from_CSS_is_applied_to_style("borderColor", "border-color", new color.Color("#FF0000"), "#FF0000");
|
|
}
|
|
|
|
export function test_setting_borderColorRGB_property_from_CSS_is_applied_to_Style() {
|
|
test_property_from_CSS_is_applied_to_style("borderColor", "border-color", new color.Color("#FF0000"), "rgb(255, 0, 0)");
|
|
}
|
|
|
|
export function test_setting_borderColorRGBA_property_from_CSS_is_applied_to_Style() {
|
|
test_property_from_CSS_is_applied_to_style("borderColor", "border-color", new color.Color("#FF0000"), "rgba(255,0,0,1)");
|
|
}
|
|
|
|
export function test_setting_borderRadius_property_from_CSS_is_applied_to_Style() {
|
|
test_property_from_CSS_is_applied_to_style("borderRadius", "border-radius", 20);
|
|
}
|
|
|
|
export function test_setting_textAlignment_property_from_CSS_is_applied_to_Style() {
|
|
test_property_from_CSS_is_applied_to_style("textAlignment", "text-align", "center");
|
|
}
|
|
|
|
export function test_setting_width_property_from_CSS_is_applied_to_Style() {
|
|
|
|
test_property_from_CSS_is_applied_to_style("width", "width", 200);
|
|
}
|
|
|
|
export function test_setting_height_property_from_CSS_is_applied_to_Style() {
|
|
test_property_from_CSS_is_applied_to_style("height", "height", 200);
|
|
}
|
|
|
|
export function test_setting_minWidth_property_from_CSS_is_applied_to_Style() {
|
|
test_property_from_CSS_is_applied_to_style("minWidth", "min-width", 200);
|
|
}
|
|
|
|
export function test_setting_minHeight_property_from_CSS_is_applied_to_Style() {
|
|
test_property_from_CSS_is_applied_to_style("minHeight", "min-height", 200);
|
|
}
|
|
|
|
export function test_setting_verticalAlignment_property_from_CSS_is_applied_to_Style() {
|
|
test_property_from_CSS_is_applied_to_style("verticalAlignment", "vertical-align", "bottom");
|
|
}
|
|
|
|
export function test_setting_verticalAlignment_middle_is_applied_to_Style() {
|
|
test_property_from_CSS_is_applied_to_style("verticalAlignment", "vertical-align", "middle");
|
|
}
|
|
|
|
export function test_setting_horizontalAlignment_property_from_CSS_is_applied_to_Style() {
|
|
test_property_from_CSS_is_applied_to_style("horizontalAlignment", "horizontal-align", "right");
|
|
}
|
|
|
|
export function test_setting_visibility_property_from_CSS_is_applied_to_Style() {
|
|
test_property_from_CSS_is_applied_to_style("visibility", "visibility", "collapsed");
|
|
}
|
|
|
|
export function test_setting_opacity_property_from_CSS_is_applied_to_Style() {
|
|
test_property_from_CSS_is_applied_to_style("opacity", "opacity", 0.5);
|
|
}
|
|
|
|
export function test_setting_fontSize_property_from_CSS_is_applied_to_Style() {
|
|
test_property_from_CSS_is_applied_to_style("fontSize", "font-size", 32);
|
|
}
|
|
|
|
export function test_setting_fontFamily_property_from_CSS_is_applied_to_Style() {
|
|
test_property_from_CSS_is_applied_to_style("fontFamily", "font-family", "Helvetica");
|
|
}
|
|
|
|
export function test_setting_fontWeight_property_from_CSS_is_applied_to_Style() {
|
|
test_property_from_CSS_is_applied_to_style("fontWeight", "font-weight", "bold");
|
|
}
|
|
|
|
export function test_setting_fontStyle_property_from_CSS_is_applied_to_Style() {
|
|
test_property_from_CSS_is_applied_to_style("fontStyle", "font-style", "italic");
|
|
}
|
|
|
|
function test_property_from_CSS_is_applied_to_style(propName: string, cssName: string, value: any, cssValue?: string) {
|
|
if (!cssValue) {
|
|
cssValue = value + "";
|
|
}
|
|
|
|
testPage.css = "#testBtn { " + cssName + ": " + cssValue + " }";
|
|
|
|
TKUnit.assertEqual(testBtn.style[propName], value, "Setting property " + propName + " with CSS name " + cssName);
|
|
|
|
testPage.css = "";
|
|
}
|
|
|
|
export function test_width_property_is_synced_in_style_and_view() {
|
|
test_property_is_synced_in_style_and_view("width", 200);
|
|
}
|
|
|
|
export function test_height_property_is_synced_in_style_and_view() {
|
|
test_property_is_synced_in_style_and_view("height", 200);
|
|
}
|
|
|
|
export function test_minWidth_property_is_synced_in_style_and_view() {
|
|
test_property_is_synced_in_style_and_view("minWidth", 200);
|
|
}
|
|
|
|
export function test_minHeight_property_is_synced_in_style_and_view() {
|
|
test_property_is_synced_in_style_and_view("minHeight", 200);
|
|
}
|
|
|
|
export function test_verticalAlignment_property_is_synced_in_style_and_view() {
|
|
test_property_is_synced_in_style_and_view("verticalAlignment", "bottom");
|
|
}
|
|
|
|
export function test_horizontalAlignment_property_is_synced_in_style_and_view() {
|
|
test_property_is_synced_in_style_and_view("horizontalAlignment", "right");
|
|
}
|
|
|
|
export function test_borderTopColor_property_is_synced_in_style_and_view() {
|
|
test_property_is_synced_in_style_and_view("borderTopColor", new color.Color("red"));
|
|
}
|
|
|
|
export function test_borderRightColor_property_is_synced_in_style_and_view() {
|
|
test_property_is_synced_in_style_and_view("borderRightColor", new color.Color("green"));
|
|
}
|
|
|
|
export function test_borderBottomColor_property_is_synced_in_style_and_view() {
|
|
test_property_is_synced_in_style_and_view("borderBottomColor", new color.Color("blue"));
|
|
}
|
|
|
|
export function test_borderLeftColor_property_is_synced_in_style_and_view() {
|
|
test_property_is_synced_in_style_and_view("borderLeftColor", new color.Color("yellow"));
|
|
}
|
|
|
|
export function test_borderTopWidth_property_is_synced_in_style_and_view() {
|
|
test_property_is_synced_in_style_and_view("borderTopWidth", 10);
|
|
}
|
|
|
|
export function test_borderRightWidth_property_is_synced_in_style_and_view() {
|
|
test_property_is_synced_in_style_and_view("borderRightWidth", 20);
|
|
}
|
|
|
|
export function test_borderBottomWidth_property_is_synced_in_style_and_view() {
|
|
test_property_is_synced_in_style_and_view("borderBottomWidth", 30);
|
|
}
|
|
|
|
export function test_borderLeftWidth_property_is_synced_in_style_and_view() {
|
|
test_property_is_synced_in_style_and_view("borderLeftWidth", 40);
|
|
}
|
|
|
|
export function test_borderTopLeftRadiusWidth_property_is_synced_in_style_and_view() {
|
|
test_property_is_synced_in_style_and_view("borderTopLeftRadius", 10);
|
|
}
|
|
|
|
export function test_borderTopRightRadius_property_is_synced_in_style_and_view() {
|
|
test_property_is_synced_in_style_and_view("borderTopRightRadius", 20);
|
|
}
|
|
|
|
export function test_borderBottomRightRadius_property_is_synced_in_style_and_view() {
|
|
test_property_is_synced_in_style_and_view("borderBottomRightRadius", 30);
|
|
}
|
|
|
|
export function test_borderBottomLeftRadius_property_is_synced_in_style_and_view() {
|
|
test_property_is_synced_in_style_and_view("borderBottomLeftRadius", 40);
|
|
}
|
|
|
|
export function test_marginLeft_property_is_synced_in_style_and_view() {
|
|
test_property_is_synced_in_style_and_view("marginLeft", 10);
|
|
}
|
|
|
|
export function test_marginTop_property_is_synced_in_style_and_view() {
|
|
test_property_is_synced_in_style_and_view("marginTop", 10);
|
|
}
|
|
|
|
export function test_marginBottom_property_is_synced_in_style_and_view() {
|
|
test_property_is_synced_in_style_and_view("marginBottom", 10);
|
|
}
|
|
|
|
export function test_marginRight_property_is_synced_in_style_and_view() {
|
|
test_property_is_synced_in_style_and_view("marginRight", 10);
|
|
}
|
|
|
|
export function test_paddingLeft_property_is_synced_in_style_and_view() {
|
|
test_property_is_synced_in_style_and_layout_view("paddingLeft", 10);
|
|
}
|
|
|
|
export function test_paddingTop_property_is_synced_in_style_and_view() {
|
|
test_property_is_synced_in_style_and_layout_view("paddingTop", 10);
|
|
}
|
|
|
|
export function test_paddingBottom_property_is_synced_in_style_and_view() {
|
|
test_property_is_synced_in_style_and_layout_view("paddingBottom", 10);
|
|
}
|
|
|
|
export function test_paddingRight_property_is_synced_in_style_and_view() {
|
|
test_property_is_synced_in_style_and_layout_view("paddingRight", 10);
|
|
}
|
|
|
|
export function test_visibility_property_is_synced_in_style_and_view() {
|
|
test_property_is_synced_in_style_and_view("visibility", "collapsed");
|
|
}
|
|
|
|
function test_property_is_synced_in_style_and_view(propName: string, value: any) {
|
|
var testView = new buttonModule.Button();
|
|
testView[propName] = value;
|
|
TKUnit.assertEqual(testView.style[propName], value, "Setting view property " + propName + " does not set style property.");
|
|
|
|
var testView2 = new buttonModule.Button();
|
|
testView2[propName] = value;
|
|
TKUnit.assertEqual(testView2.style[propName], value, "Setting style property " + propName + " does not set view property.");
|
|
}
|
|
|
|
function test_property_is_synced_in_style_and_layout_view(propName: string, value: any) {
|
|
var testView = new stackModule.StackLayout();
|
|
testView[propName] = value;
|
|
TKUnit.assertEqual(testView.style[propName], value, "Setting view property " + propName + " does not set style property.");
|
|
|
|
var testView2 = new stackModule.StackLayout();
|
|
testView2[propName] = value;
|
|
TKUnit.assertEqual(testView2.style[propName], value, "Setting style property " + propName + " does not set view property.");
|
|
}
|
|
|
|
export function test_setting_same_color_does_not_trigger_property_change() {
|
|
var testView = new buttonModule.Button();
|
|
testView.style.color = new color.Color("#FF0000");
|
|
|
|
var changed = false;
|
|
testView.style.on(observable.Observable.propertyChangeEvent, (data) => {
|
|
changed = true;
|
|
});
|
|
|
|
testView.style.color = new color.Color("#FF0000");
|
|
TKUnit.assert(!changed, "Property changed triggered.");
|
|
}
|
|
|
|
export function test_setting_different_color_triggers_property_change() {
|
|
var testView = new buttonModule.Button();
|
|
testView.style.color = new color.Color("#FF0000");
|
|
|
|
var changed = false;
|
|
testView.style.on(observable.Observable.propertyChangeEvent, (data) => {
|
|
changed = true;
|
|
});
|
|
|
|
testView.style.color = new color.Color("#00FF00");
|
|
TKUnit.assert(changed, "Property changed not triggered.");
|
|
}
|
|
|
|
export function test_setting_same_textDecoration_does_not_trigger_property_change() {
|
|
var testView = new buttonModule.Button();
|
|
testView.style.textDecoration = "underline";
|
|
|
|
var changed = false;
|
|
testView.style.on(observable.Observable.propertyChangeEvent, (data) => {
|
|
changed = true;
|
|
});
|
|
|
|
testView.style.textDecoration = "underline";
|
|
TKUnit.assert(!changed, "Property changed triggered.");
|
|
}
|
|
|
|
export function test_setting_different_textDecoration_triggers_property_change() {
|
|
var testView = new buttonModule.Button();
|
|
testView.style.textDecoration = "underline";
|
|
|
|
var changed = false;
|
|
testView.style.on(observable.Observable.propertyChangeEvent, (data) => {
|
|
changed = true;
|
|
});
|
|
|
|
testView.style.textDecoration = "none";
|
|
TKUnit.assert(changed, "Property changed not triggered.");
|
|
}
|
|
|
|
export function test_setting_same_textTransform_does_not_trigger_property_change() {
|
|
var testView = new buttonModule.Button();
|
|
testView.style.textTransform = "uppercase";
|
|
|
|
var changed = false;
|
|
testView.style.on(observable.Observable.propertyChangeEvent, (data) => {
|
|
changed = true;
|
|
});
|
|
|
|
testView.style.textTransform = "uppercase";
|
|
TKUnit.assert(!changed, "Property changed triggered.");
|
|
}
|
|
|
|
export function test_setting_different_textTransform_triggers_property_change() {
|
|
var testView = new buttonModule.Button();
|
|
testView.style.textTransform = "uppercase";
|
|
|
|
var changed = false;
|
|
testView.style.on(observable.Observable.propertyChangeEvent, (data) => {
|
|
changed = true;
|
|
});
|
|
|
|
testView.style.textTransform = "none";
|
|
TKUnit.assert(changed, "Property changed not triggered.");
|
|
}
|
|
|
|
export function test_setting_same_whiteSpace_does_not_trigger_property_change() {
|
|
var testView = new buttonModule.Button();
|
|
testView.style.whiteSpace = "normal";
|
|
|
|
var changed = false;
|
|
testView.style.on(observable.Observable.propertyChangeEvent, (data) => {
|
|
changed = true;
|
|
});
|
|
|
|
testView.style.whiteSpace = "normal";
|
|
TKUnit.assert(!changed, "Property changed triggered.");
|
|
}
|
|
|
|
export function test_setting_different_whiteSpace_triggers_property_change() {
|
|
var testView = new buttonModule.Button();
|
|
testView.style.whiteSpace = "normal";
|
|
|
|
var changed = false;
|
|
testView.style.on(observable.Observable.propertyChangeEvent, (data) => {
|
|
changed = true;
|
|
});
|
|
|
|
testView.style.whiteSpace = "nowrap";
|
|
TKUnit.assert(changed, "Property changed not triggered.");
|
|
}
|
|
|
|
export function test_setting_same_backgroundColor_does_not_trigger_property_change() {
|
|
var testView = new buttonModule.Button();
|
|
testView.style.backgroundColor = new color.Color("#FF0000");
|
|
|
|
var changed = false;
|
|
testView.style.on(observable.Observable.propertyChangeEvent, (data) => {
|
|
changed = true;
|
|
});
|
|
|
|
testView.style.backgroundColor = new color.Color("#FF0000");
|
|
TKUnit.assert(!changed, "Property changed triggered.");
|
|
}
|
|
|
|
export function test_setting_different_backgroundColor_triggers_property_change() {
|
|
var testView = new buttonModule.Button();
|
|
testView.style.backgroundColor = new color.Color("#FF0000");
|
|
|
|
var changed = false;
|
|
testView.style.on(observable.Observable.propertyChangeEvent, (data) => {
|
|
changed = true;
|
|
});
|
|
|
|
testView.style.backgroundColor = new color.Color("#00FF00");
|
|
TKUnit.assert(changed, "Property changed not triggered.");
|
|
}
|
|
|
|
export function test_setting_border_color_shorthand_property_sets_all_border_colors() {
|
|
let red = new color.Color("red");
|
|
let green = new color.Color("green");
|
|
let blue = new color.Color("blue");
|
|
let yellow = new color.Color("yellow");
|
|
test_border_color_shorthand_property("red", red, red, red, red);
|
|
test_border_color_shorthand_property("red green", red, green, red, green);
|
|
test_border_color_shorthand_property("red green blue", red, green, blue, green);
|
|
test_border_color_shorthand_property("red green blue yellow", red, green, blue, yellow);
|
|
}
|
|
|
|
function test_border_color_shorthand_property(short: string, top: color.Color, right: color.Color, bottom: color.Color, left: color.Color) {
|
|
var testView = new buttonModule.Button();
|
|
testView.style.borderColor = short;
|
|
|
|
TKUnit.assertEqual(testView.style.borderTopColor, top, "top");
|
|
TKUnit.assertEqual(testView.style.borderRightColor, right, "right");
|
|
TKUnit.assertEqual(testView.style.borderBottomColor, bottom, "bottom");
|
|
TKUnit.assertEqual(testView.style.borderLeftColor, left, "left");
|
|
}
|
|
|
|
export function test_setting_border_width_shorthand_property_sets_all_border_widths() {
|
|
test_border_width_shorthand_property("10", 10, 10, 10, 10);
|
|
test_border_width_shorthand_property("10 20", 10, 20, 10, 20);
|
|
test_border_width_shorthand_property("10 20 30", 10, 20, 30, 20);
|
|
test_border_width_shorthand_property("10 20 30 40", 10, 20, 30, 40);
|
|
}
|
|
|
|
function test_border_width_shorthand_property(short: string, top: number, right: number, bottom: number, left: number) {
|
|
var testView = new buttonModule.Button();
|
|
testView.style.borderWidth = short;
|
|
|
|
TKUnit.assertEqual(testView.style.borderTopWidth, top, "top");
|
|
TKUnit.assertEqual(testView.style.borderRightWidth, right, "right");
|
|
TKUnit.assertEqual(testView.style.borderBottomWidth, bottom, "bottom");
|
|
TKUnit.assertEqual(testView.style.borderLeftWidth, left, "left");
|
|
}
|
|
|
|
export function test_setting_border_radius_shorthand_property_sets_all_border_radii() {
|
|
test_border_radius_shorthand_property("10", 10, 10, 10, 10);
|
|
test_border_radius_shorthand_property("10 20", 10, 20, 10, 20);
|
|
test_border_radius_shorthand_property("10 20 30", 10, 20, 30, 20);
|
|
test_border_radius_shorthand_property("10 20 30 40", 10, 20, 30, 40);
|
|
}
|
|
|
|
function test_border_radius_shorthand_property(short: string, topLeft: number, topRight: number, bottomRight: number, bottomLeft: number) {
|
|
var testView = new buttonModule.Button();
|
|
testView.style.borderRadius = short;
|
|
|
|
TKUnit.assertEqual(testView.style.borderTopLeftRadius, topLeft, "topLeft");
|
|
TKUnit.assertEqual(testView.style.borderTopRightRadius, topRight, "topRight");
|
|
TKUnit.assertEqual(testView.style.borderBottomRightRadius, bottomRight, "bottomRight");
|
|
TKUnit.assertEqual(testView.style.borderBottomLeftRadius, bottomLeft, "bottomLeft");
|
|
}
|
|
|
|
export function test_setting_margin_shorthand_property_sets_all_margins() {
|
|
test_margin_shorthand_property("10", 10, 10, 10, 10);
|
|
test_margin_shorthand_property("10 20", 10, 20, 10, 20);
|
|
test_margin_shorthand_property("10 20 30", 10, 20, 30, 20);
|
|
test_margin_shorthand_property("10 20 30 40", 10, 20, 30, 40);
|
|
}
|
|
|
|
function test_margin_shorthand_property(short: string, top: number, right: number, bottom: number, left: number) {
|
|
var testView = new buttonModule.Button();
|
|
testView.style.margin = short;
|
|
|
|
TKUnit.assertEqual(testView.style.marginTop, top, "top");
|
|
TKUnit.assertEqual(testView.style.marginRight, right, "right");
|
|
TKUnit.assertEqual(testView.style.marginBottom, bottom, "bottom");
|
|
TKUnit.assertEqual(testView.style.marginLeft, left, "left");
|
|
}
|
|
|
|
export function test_setting_padding_shorthand_property_sets_all_paddings() {
|
|
test_padding_shorthand_property("10", 10, 10, 10, 10);
|
|
test_padding_shorthand_property("10 20", 10, 20, 10, 20);
|
|
test_padding_shorthand_property("10 20 30", 10, 20, 30, 20);
|
|
test_padding_shorthand_property("10 20 30 40", 10, 20, 30, 40);
|
|
}
|
|
|
|
function test_padding_shorthand_property(short: string, top: number, right: number, bottom: number, left: number) {
|
|
var testView = new buttonModule.Button();
|
|
testView.style.padding = short;
|
|
|
|
TKUnit.assertEqual(testView.style.paddingTop, top, "top");
|
|
TKUnit.assertEqual(testView.style.paddingRight, right, "right");
|
|
TKUnit.assertEqual(testView.style.paddingBottom, bottom, "bottom");
|
|
TKUnit.assertEqual(testView.style.paddingLeft, left, "left");
|
|
}
|
|
|
|
export function test_setting_font_shorthand_property() {
|
|
test_font_shorthand_property("15px Arial", "Arial", 15, "normal", "normal");
|
|
test_font_shorthand_property("bold 15px Arial", "Arial", 15, "normal", "bold");
|
|
test_font_shorthand_property("italic 15px Arial", "Arial", 15, "italic", "normal");
|
|
test_font_shorthand_property("bold italic 15px Arial", "Arial", 15, "italic", "bold");
|
|
test_font_shorthand_property("italic normal bold 15px Arial, serif", "Arial, serif", 15, "italic", "bold");
|
|
test_font_shorthand_property("small-caps normal bold 15px Arial", "Arial", 15, "normal", "bold");
|
|
test_font_shorthand_property("normal normal normal 15px Arial", "Arial", 15, "normal", "normal");
|
|
test_font_shorthand_property("normal normal normal 15px/30px Arial", "Arial", 15, "normal", "normal");
|
|
}
|
|
|
|
function test_font_shorthand_property(short: string, family: string, size: number, style: string, weight: string) {
|
|
var testView = new buttonModule.Button();
|
|
(<any>testView.style)["font"] = short;
|
|
|
|
TKUnit.assertEqual(testView.style.fontFamily, family, "style.fontFamily");
|
|
TKUnit.assertEqual(testView.style.fontStyle, style, "style.fontStyle");
|
|
TKUnit.assertEqual(testView.style.fontWeight, weight, "style.fontWeight");
|
|
TKUnit.assertEqual(testView.style.fontSize, size, "style.fontSize");
|
|
}
|
|
|
|
export function test_setting_font_properties_sets_native_font() {
|
|
|
|
if (fontModule.ios) {
|
|
var basePath = "fonts";
|
|
fontModule.ios.registerFont(basePath + "/Roboto-Regular.ttf");
|
|
fontModule.ios.registerFont(basePath + "/Roboto-Bold.ttf");
|
|
fontModule.ios.registerFont(basePath + "/Roboto-BoldItalic.ttf");
|
|
fontModule.ios.registerFont(basePath + "/Roboto-Italic.ttf");
|
|
}
|
|
|
|
test_native_font(enums.FontStyle.normal, enums.FontWeight.normal);
|
|
test_native_font(enums.FontStyle.italic, enums.FontWeight.normal);
|
|
test_native_font(enums.FontStyle.normal, enums.FontWeight.bold);
|
|
test_native_font(enums.FontStyle.italic, enums.FontWeight.bold);
|
|
}
|
|
|
|
function test_native_font(style: string, weight: string) {
|
|
var testView = new buttonModule.Button();
|
|
var fontName = "Roboto";
|
|
var fontNameSuffix = "";
|
|
|
|
testView.style.fontFamily = fontName;
|
|
testView.style.fontWeight = weight;
|
|
testView.style.fontStyle = style;
|
|
|
|
if (style === enums.FontStyle.normal && weight === enums.FontWeight.normal) {
|
|
fontNameSuffix += "Regular";
|
|
}
|
|
if (weight === enums.FontWeight.bold) {
|
|
fontNameSuffix += "Bold";
|
|
}
|
|
if (style === enums.FontStyle.italic) {
|
|
fontNameSuffix += "Italic";
|
|
}
|
|
|
|
if (testView.ios) {
|
|
TKUnit.assertEqual((<UIButton>testView.ios).titleLabel.font.fontName.toLowerCase(), (fontName + "-" + fontNameSuffix).toLowerCase(), "native font " + weight + " " + style);
|
|
}
|
|
//TODO: If needed add tests for other platforms
|
|
}
|
|
|
|
export var test_setting_button_whiteSpace_normal_sets_native = function () {
|
|
var testView = new buttonModule.Button();
|
|
testView.style.whiteSpace = "nowrap";
|
|
|
|
helper.buildUIAndRunTest(testView, function (views: Array<viewModule.View>) {
|
|
if (platform.device.os === platform.platformNames.android) {
|
|
TKUnit.assertEqual((<android.widget.Button>testView.android).getEllipsize(), android.text.TextUtils.TruncateAt.END);
|
|
} else if (platform.device.os === platform.platformNames.ios) {
|
|
TKUnit.assertEqual((<UIButton>testView.ios).titleLabel.lineBreakMode, NSLineBreakMode.ByTruncatingMiddle);
|
|
TKUnit.assertEqual((<UIButton>testView.ios).titleLabel.numberOfLines, 1);
|
|
}
|
|
});
|
|
}
|
|
|
|
export var test_setting_label_whiteSpace_normal_sets_native = function () {
|
|
var testView = new labelModule.Label();
|
|
testView.style.whiteSpace = "nowrap";
|
|
|
|
helper.buildUIAndRunTest(testView, function (views: Array<viewModule.View>) {
|
|
if (platform.device.os === platform.platformNames.android) {
|
|
TKUnit.assertEqual((<android.widget.TextView>testView.android).getEllipsize(), android.text.TextUtils.TruncateAt.END);
|
|
} else if (platform.device.os === platform.platformNames.ios) {
|
|
TKUnit.assertEqual((<UILabel>testView.ios).lineBreakMode, NSLineBreakMode.ByTruncatingTail);
|
|
TKUnit.assertEqual((<UILabel>testView.ios).numberOfLines, 1);
|
|
}
|
|
});
|
|
}
|
|
|
|
export var test_setting_button_whiteSpace_nowrap_sets_native = function () {
|
|
var testView = new buttonModule.Button();
|
|
testView.style.whiteSpace = "normal";
|
|
|
|
helper.buildUIAndRunTest(testView, function (views: Array<viewModule.View>) {
|
|
if (platform.device.os === platform.platformNames.android) {
|
|
TKUnit.assertNull((<android.widget.Button>testView.android).getEllipsize(), null);
|
|
} else if (platform.device.os === platform.platformNames.ios) {
|
|
TKUnit.assertEqual((<UIButton>testView.ios).titleLabel.lineBreakMode, NSLineBreakMode.ByWordWrapping);
|
|
TKUnit.assertEqual((<UIButton>testView.ios).titleLabel.numberOfLines, 0);
|
|
}
|
|
});
|
|
}
|
|
|
|
export var test_setting_label_whiteSpace_nowrap_sets_native = function () {
|
|
var testView = new labelModule.Label();
|
|
testView.style.whiteSpace = "normal";
|
|
|
|
helper.buildUIAndRunTest(testView, function (views: Array<viewModule.View>) {
|
|
if (platform.device.os === platform.platformNames.android) {
|
|
TKUnit.assertNull((<android.widget.TextView>testView.android).getEllipsize(), null);
|
|
} else if (platform.device.os === platform.platformNames.ios) {
|
|
TKUnit.assertEqual((<UILabel>testView.ios).lineBreakMode, NSLineBreakMode.ByWordWrapping);
|
|
TKUnit.assertEqual((<UILabel>testView.ios).numberOfLines, 0);
|
|
}
|
|
});
|
|
}
|
|
|
|
var initial = "text Text";
|
|
var capitalized = "Text Text";
|
|
var upper = "TEXT TEXT";
|
|
var lower = "text text";
|
|
|
|
function executeTransformTest(testView: viewModule.View, androidTextFunc: (testView: viewModule.View) => string, iOSTextFunc: (testView: viewModule.View) => string) {
|
|
helper.buildUIAndRunTest(testView, function (views: Array<viewModule.View>) {
|
|
if (platform.device.os === platform.platformNames.android) {
|
|
TKUnit.assertEqual(androidTextFunc(testView) + "", capitalized);
|
|
} else if (platform.device.os === platform.platformNames.ios) {
|
|
TKUnit.assertEqual(iOSTextFunc(testView), capitalized);
|
|
}
|
|
|
|
testView.style.textTransform = enums.TextTransform.uppercase;
|
|
|
|
if (platform.device.os === platform.platformNames.android) {
|
|
TKUnit.assertEqual(androidTextFunc(testView) + "", upper);
|
|
} else if (platform.device.os === platform.platformNames.ios) {
|
|
TKUnit.assertEqual(iOSTextFunc(testView), upper);
|
|
}
|
|
|
|
testView.style.textTransform = enums.TextTransform.lowercase;
|
|
|
|
if (platform.device.os === platform.platformNames.android) {
|
|
TKUnit.assertEqual(androidTextFunc(testView) + "", lower);
|
|
} else if (platform.device.os === platform.platformNames.ios) {
|
|
TKUnit.assertEqual(iOSTextFunc(testView), lower);
|
|
}
|
|
|
|
testView.style.textTransform = enums.TextTransform.none;
|
|
|
|
if (platform.device.os === platform.platformNames.android) {
|
|
TKUnit.assertEqual(androidTextFunc(testView) + "", initial);
|
|
} else if (platform.device.os === platform.platformNames.ios) {
|
|
TKUnit.assertEqual(iOSTextFunc(testView), initial);
|
|
}
|
|
});
|
|
}
|
|
|
|
function androidText(testView: viewModule.View) {
|
|
return (<android.widget.TextView>testView.android).getText();;
|
|
}
|
|
|
|
function iOSText(testView: viewModule.View) {
|
|
return (<UITextView | UILabel | UITextField>testView.ios).attributedText.string;
|
|
}
|
|
|
|
export var test_setting_label_textTransform_sets_native = function () {
|
|
var testView = new labelModule.Label();
|
|
testView.text = initial;
|
|
testView.style.textTransform = enums.TextTransform.capitalize;
|
|
|
|
executeTransformTest(testView, androidText, iOSText);
|
|
}
|
|
|
|
export var test_setting_textField_textTransform_sets_native = function () {
|
|
var testView = new textFieldModule.TextField();
|
|
testView.text = initial;
|
|
testView.style.textTransform = enums.TextTransform.capitalize;
|
|
|
|
executeTransformTest(testView, androidText, iOSText);
|
|
}
|
|
|
|
export var test_setting_textView_textTransform_sets_native = function () {
|
|
var testView = new textViewModule.TextView();
|
|
testView.text = initial;
|
|
testView.style.textTransform = enums.TextTransform.capitalize;
|
|
|
|
executeTransformTest(testView, androidText, iOSText);
|
|
}
|
|
|
|
export var test_setting_button_textTransform_sets_native = function () {
|
|
var testView = new buttonModule.Button();
|
|
testView.text = initial;
|
|
testView.style.textTransform = enums.TextTransform.capitalize;
|
|
|
|
executeTransformTest(testView, androidText, function (v) { return (<UIButton>v.ios).titleForState(UIControlState.Normal); });
|
|
}
|
|
|
|
export var test_setting_label_textTransform_and_textDecoration_sets_native = function () {
|
|
var testView = new labelModule.Label();
|
|
testView.text = initial;
|
|
testView.style.textTransform = enums.TextTransform.capitalize;
|
|
testView.style.textDecoration = enums.TextDecoration.underline;
|
|
|
|
executeTransformTest(testView, androidText, iOSText);
|
|
}
|
|
|
|
export var test_setting_textField_textTransform_and_textDecoration_sets_native = function () {
|
|
var testView = new textFieldModule.TextField();
|
|
testView.text = initial;
|
|
testView.style.textTransform = enums.TextTransform.capitalize;
|
|
testView.style.textDecoration = enums.TextDecoration.underline;
|
|
|
|
executeTransformTest(testView, androidText, iOSText);
|
|
}
|
|
|
|
export var test_setting_textView_textTransform_and_textDecoration_sets_native = function () {
|
|
var testView = new textViewModule.TextView();
|
|
testView.text = initial;
|
|
testView.style.textTransform = enums.TextTransform.capitalize;
|
|
testView.style.textDecoration = enums.TextDecoration.underline;
|
|
|
|
executeTransformTest(testView, androidText, iOSText);
|
|
}
|
|
|
|
export var test_setting_button_textTransform_and_textDecoration_sets_native = function () {
|
|
var testView = new buttonModule.Button();
|
|
testView.text = initial;
|
|
testView.style.textTransform = enums.TextTransform.capitalize;
|
|
testView.style.textDecoration = enums.TextDecoration.underline;
|
|
|
|
executeTransformTest(testView, androidText, function (v) { return (<UIButton>v.ios).attributedTitleForState(UIControlState.Normal).string; });
|
|
}
|
|
|
|
export function test_border_color() {
|
|
let testView = new buttonModule.Button();
|
|
|
|
let red = new color.Color("red");
|
|
testView.style.borderColor = red;
|
|
TKUnit.assertEqual(testView.style.borderColor, red, "all");
|
|
TKUnit.assertEqual(testView.style.borderTopColor, red, "top");
|
|
TKUnit.assertEqual(testView.style.borderRightColor, red, "right");
|
|
TKUnit.assertEqual(testView.style.borderBottomColor, red, "bottom");
|
|
TKUnit.assertEqual(testView.style.borderLeftColor, red, "left");
|
|
|
|
let blue = new color.Color("blue");
|
|
let hex = blue.hex;
|
|
testView.style.borderColor = hex;
|
|
TKUnit.assertEqual((<any>testView.style.borderColor), blue, "all");
|
|
TKUnit.assertEqual(testView.style.borderTopColor, blue, "top");
|
|
TKUnit.assertEqual(testView.style.borderRightColor, blue, "right");
|
|
TKUnit.assertEqual(testView.style.borderBottomColor, blue, "bottom");
|
|
TKUnit.assertEqual(testView.style.borderLeftColor, blue, "left");
|
|
}
|
|
|
|
export function test_border_width() {
|
|
let testView = new buttonModule.Button();
|
|
|
|
testView.style.borderWidth = 10;
|
|
TKUnit.assertEqual(testView.style.borderWidth, 10, "all");
|
|
TKUnit.assertEqual(testView.style.borderTopWidth, 10, "top");
|
|
TKUnit.assertEqual(testView.style.borderRightWidth, 10, "right");
|
|
TKUnit.assertEqual(testView.style.borderBottomWidth, 10, "bottom");
|
|
TKUnit.assertEqual(testView.style.borderLeftWidth, 10, "left");
|
|
|
|
testView.style.borderWidth = "20";
|
|
TKUnit.assertEqual((<any>testView.style.borderWidth), 20, "all");
|
|
TKUnit.assertEqual(testView.style.borderTopWidth, 20, "top");
|
|
TKUnit.assertEqual(testView.style.borderRightWidth, 20, "right");
|
|
TKUnit.assertEqual(testView.style.borderBottomWidth, 20, "bottom");
|
|
TKUnit.assertEqual(testView.style.borderLeftWidth, 20, "left");
|
|
}
|
|
|
|
export function test_border_radius() {
|
|
let testView = new buttonModule.Button();
|
|
|
|
testView.style.borderRadius = 10;
|
|
TKUnit.assertEqual(testView.style.borderRadius, 10, "all");
|
|
TKUnit.assertEqual(testView.style.borderTopLeftRadius, 10, "top");
|
|
TKUnit.assertEqual(testView.style.borderTopRightRadius, 10, "right");
|
|
TKUnit.assertEqual(testView.style.borderBottomRightRadius, 10, "bottom");
|
|
TKUnit.assertEqual(testView.style.borderBottomLeftRadius, 10, "left");
|
|
|
|
testView.style.borderRadius = "20";
|
|
TKUnit.assertEqual((<any>testView.style.borderRadius), 20, "all");
|
|
TKUnit.assertEqual(testView.style.borderTopLeftRadius, 20, "top");
|
|
TKUnit.assertEqual(testView.style.borderTopRightRadius, 20, "right");
|
|
TKUnit.assertEqual(testView.style.borderBottomRightRadius, 20, "bottom");
|
|
TKUnit.assertEqual(testView.style.borderBottomLeftRadius, 20, "left");
|
|
}
|