mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-08-23 09:01:10 +08:00
76 lines
2.7 KiB
TypeScript
76 lines
2.7 KiB
TypeScript
import * as TKUnit from "../../TKUnit";
|
||
import * as helper from "../helper";
|
||
import * as viewModule from "ui/core/view";
|
||
import * as searchBarTestsNative from "./search-bar-tests-native";
|
||
import * as colorModule from "color";
|
||
import * as observable from "data/observable";
|
||
// >> article-require-searchbar-module
|
||
import * as searchBarModule from "ui/search-bar";
|
||
// << article-require-searchbar-module
|
||
|
||
// ### Declaring a SearchBar.
|
||
//``` XML
|
||
// <Page>
|
||
// <SearchBar text="{{ search }}" />
|
||
// </Page>
|
||
//```
|
||
// </snippet>
|
||
|
||
var _createSearchBarFunc = function (): searchBarModule.SearchBar {
|
||
// >> article-creating-searchbar
|
||
var searchBar = new searchBarModule.SearchBar();
|
||
// << article-creating-searchbar
|
||
searchBar.text = "searchBar";
|
||
return searchBar;
|
||
};
|
||
|
||
export var testSearchBarHintColorAndroid = function () {
|
||
helper.buildUIAndRunTest(_createSearchBarFunc(), function (views: Array<viewModule.View>) {
|
||
var searchBar = <searchBarModule.SearchBar>views[0];
|
||
|
||
searchBar.text = "";
|
||
searchBar.hint = "hint color test";
|
||
|
||
var expectedValue;
|
||
var actualValue;
|
||
|
||
searchBar.textFieldHintColor = new colorModule.Color("blue");
|
||
expectedValue = "#ff0000ff"; // blue
|
||
actualValue = searchBarTestsNative.getNativeHintColor(searchBar).hex;
|
||
TKUnit.assert(actualValue === expectedValue, "Actual: " + actualValue + "; Expected: " + expectedValue);
|
||
|
||
searchBar.textFieldHintColor = new colorModule.Color("red");
|
||
expectedValue = "#ffff0000"; // Red
|
||
actualValue = searchBarTestsNative.getNativeHintColor(searchBar).hex;
|
||
TKUnit.assert(actualValue === expectedValue, "Actual: " + actualValue + "; Expected: " + expectedValue);
|
||
});
|
||
};
|
||
|
||
export var testSearchBarFontSize = function () {
|
||
helper.buildUIAndRunTest(_createSearchBarFunc(), function (views: Array<viewModule.View>) {
|
||
var searchBar = <searchBarModule.SearchBar>views[0];
|
||
|
||
searchBar.text = "";
|
||
searchBar.hint = "hint font-size test";
|
||
|
||
var expectedValue = 30;
|
||
var actualValue;
|
||
|
||
searchBar.style.fontSize = expectedValue;
|
||
actualValue = searchBarTestsNative.getNativeFontSize(searchBar);
|
||
TKUnit.assertAreClose(actualValue, expectedValue, 0.2);
|
||
});
|
||
};
|
||
|
||
export function test_DummyTestForSnippetOnly() {
|
||
// >> article-searching
|
||
var searchBar = new searchBarModule.SearchBar();
|
||
searchBar.on(searchBarModule.SearchBar.submitEvent, function (args: observable.EventData) {
|
||
console.log("Search for " + (<searchBarModule.SearchBar>args.object).text);
|
||
});
|
||
searchBar.on(searchBarModule.SearchBar.clearEvent, function (args: observable.EventData) {
|
||
console.log("Clear");
|
||
});
|
||
// << article-searching
|
||
}
|