mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-11-05 13:26:48 +08:00
Extended the unit test and moved observable-tests out of the ui folder.
This commit is contained in:
Rossen Hristov
@@ -528,7 +528,7 @@
|
||||
<TypeScriptCompile Include="apps\tests\ui\bindable-tests.ts" />
|
||||
<TypeScriptCompile Include="apps\tests\ui\dependency-observable-tests.ts" />
|
||||
<TypeScriptCompile Include="apps\tests\ui\helper.ts" />
|
||||
<TypeScriptCompile Include="apps\tests\ui\observable-tests.ts" />
|
||||
<TypeScriptCompile Include="apps\tests\observable-tests.ts" />
|
||||
<TypeScriptCompile Include="apps\tests\pages\page6.ts" />
|
||||
<TypeScriptCompile Include="apps\tests\pages\page5.ts" />
|
||||
<TypeScriptCompile Include="apps\tests\application-tests-common.ts" />
|
||||
@@ -1992,7 +1992,7 @@
|
||||
<SaveServerSettingsInUserFile>False</SaveServerSettingsInUserFile>
|
||||
</WebProjectProperties>
|
||||
</FlavorProperties>
|
||||
<UserProperties ui_2scroll-view_2package_1json__JSONSchema="http://json.schemastore.org/package" apps_2editable-text-demo_2package_1json__JSONSchema="http://json.schemastore.org/package" apps_2absolute-layout-demo_2package_1json__JSONSchema="http://json.schemastore.org/package" apps_2gallery-app_2package_1json__JSONSchema="http://json.schemastore.org/package" ui_2content-view_2package_1json__JSONSchema="http://json.schemastore.org/package" ui_2web-view_2package_1json__JSONSchema="http://json.schemastore.org/package" ui_2layouts_2absolute-layout_2package_1json__JSONSchema="http://json.schemastore.org/package" ui_2layouts_2dock-layout_2package_1json__JSONSchema="" ui_2layouts_2grid-layout_2package_1json__JSONSchema="" ui_2layouts_2wrap-layout_2package_1json__JSONSchema="http://json.schemastore.org/package" />
|
||||
<UserProperties ui_2layouts_2wrap-layout_2package_1json__JSONSchema="http://json.schemastore.org/package" ui_2layouts_2grid-layout_2package_1json__JSONSchema="" ui_2layouts_2dock-layout_2package_1json__JSONSchema="" ui_2layouts_2absolute-layout_2package_1json__JSONSchema="http://json.schemastore.org/package" ui_2web-view_2package_1json__JSONSchema="http://json.schemastore.org/package" ui_2content-view_2package_1json__JSONSchema="http://json.schemastore.org/package" apps_2gallery-app_2package_1json__JSONSchema="http://json.schemastore.org/package" apps_2absolute-layout-demo_2package_1json__JSONSchema="http://json.schemastore.org/package" apps_2editable-text-demo_2package_1json__JSONSchema="http://json.schemastore.org/package" ui_2scroll-view_2package_1json__JSONSchema="http://json.schemastore.org/package" />
|
||||
</VisualStudio>
|
||||
</ProjectExtensions>
|
||||
</Project>
|
||||
@@ -1,26 +1,440 @@
|
||||
import TKUnit = require("./TKUnit");
|
||||
require("globals");
|
||||
|
||||
// <snippet module="data/observable" title="observable">
|
||||
// # Observable module
|
||||
// <snippet module="data/observable" title="data/observable">
|
||||
// # Observable
|
||||
// Using Observable objects requires the "data/observable" module.
|
||||
// ``` JavaScript
|
||||
import observableModule = require("data/observable");
|
||||
import observable = require("data/observable");
|
||||
// ```
|
||||
// </snippet>
|
||||
|
||||
require("globals");
|
||||
import dependencyObservable = require("ui/core/dependency-observable");
|
||||
import TKUnit = require("./TKUnit");
|
||||
import types = require("utils/types");
|
||||
import proxy = require("ui/core/proxy");
|
||||
|
||||
export var test_Observable_shouldDistinguishSeparateObjects = function () {
|
||||
// <snippet module="data/observable" title="observable">
|
||||
// ### Create two Observables from different objects.
|
||||
var TESTED_NAME = "tested";
|
||||
class TestObservable extends observable.Observable {
|
||||
public test() {
|
||||
this._emit(TESTED_NAME);
|
||||
}
|
||||
}
|
||||
|
||||
export var test_Observable_Constructor = function () {
|
||||
// <snippet module="data/observable" title="data/observable">
|
||||
// ### Creating an Observable
|
||||
// ``` JavaScript
|
||||
var obj1 = {val: 1};
|
||||
var obj2 = {val: 2};
|
||||
var observable1 = new observableModule.Observable(obj1);
|
||||
var observable2 = new observableModule.Observable(obj2);
|
||||
var json = {
|
||||
Name: "John",
|
||||
Age: 34,
|
||||
Married: true
|
||||
};
|
||||
var person = new observable.Observable(json);
|
||||
var name = person.get("Name");
|
||||
var age = person.get("Age");
|
||||
var married = person.get("Married");
|
||||
//// console.log(name + " " + age + " " + married); // Prints out "John 34 true" if uncommented.
|
||||
// ```
|
||||
// </snippet>
|
||||
TKUnit.assert(name === "John", "Expected name is John");
|
||||
TKUnit.assert(age === 34, "Expected age is 34");
|
||||
TKUnit.assert(married === true, "Expected married is true");
|
||||
}
|
||||
|
||||
TKUnit.assert(false, "Is this even being run");
|
||||
TKUnit.assert(observable1.get('val') === 1 && observable2.get('val') === 2, "Observable should keep separate objects separate!");
|
||||
export var tests_DummyTestForCodeSnippet = function () {
|
||||
// <snippet module="data/observable" title="data/observable">
|
||||
// ### Responding to property changes
|
||||
// ``` JavaScript
|
||||
var person = new observable.Observable();
|
||||
person.set("Name", "John");
|
||||
person.set("Age", 34);
|
||||
person.set("Married", true);
|
||||
person.addEventListener(observable.Observable.propertyChangeEvent, function (pcd: observable.PropertyChangeData) {
|
||||
//console.log(pcd.eventName.toString() + " " + pcd.propertyName.toString() + " " + pcd.value.toString());
|
||||
});
|
||||
person.set("Age", 35);
|
||||
person.set("Married", false);
|
||||
//// If uncommented, the console.log above produces the following output:
|
||||
//// propertyChange Age 35
|
||||
//// propertyChange Married false
|
||||
// ```
|
||||
// </snippet>
|
||||
}
|
||||
|
||||
export var test_Observable_Members = function () {
|
||||
var obj = new observable.Observable();
|
||||
TKUnit.assert(types.isDefined(obj.addEventListener), "Observable.addEventListener not defined");
|
||||
TKUnit.assert(types.isDefined(obj._createPropertyChangeData), "Observable.createPropertyChangeData not defined");
|
||||
TKUnit.assert(types.isDefined(obj._emit), "Observable.emit not defined");
|
||||
TKUnit.assert(types.isDefined(obj.get), "Observable.get not defined");
|
||||
TKUnit.assert(types.isDefined(obj.hasListeners), "Observable.hasListeners not defined");
|
||||
TKUnit.assert(types.isDefined(obj.notify), "Observable.notify not defined");
|
||||
TKUnit.assert(types.isDefined(obj.off), "Observable.off not defined");
|
||||
TKUnit.assert(types.isDefined(obj.on), "Observable.on not defined");
|
||||
TKUnit.assert(types.isDefined(obj.removeEventListener), "Observable.removeEventListener not defined");
|
||||
TKUnit.assert(types.isDefined(obj.set), "Observable.set not defined");
|
||||
TKUnit.assert(types.isDefined(obj.typeName), "Observable.typeName not defined");
|
||||
}
|
||||
|
||||
export var test_Observable_UpdateAnotherPropertyWithinChangedCallback = function () {
|
||||
var obj = new observable.Observable();
|
||||
|
||||
var changedCallback = function (pcd: observable.PropertyChangeData) {
|
||||
if (pcd.propertyName === "name") {
|
||||
pcd.object.set("test", "Changed test");
|
||||
}
|
||||
}
|
||||
|
||||
obj.addEventListener(observable.Observable.propertyChangeEvent, changedCallback);
|
||||
|
||||
obj.set("name", "Initial name");
|
||||
obj.set("test", "Initial test");
|
||||
|
||||
TKUnit.assert(obj.get("name") === "Initial name", "Initial value for property name is not correct!");
|
||||
TKUnit.assert(obj.get("test") === "Initial test", "Initial value for property test is not correct!");
|
||||
|
||||
obj.set("name", "Changed name");
|
||||
|
||||
TKUnit.assert(obj.get("name") === "Changed name", "Changed value for property name is not correct!");
|
||||
TKUnit.assert(obj.get("test") === "Changed test", "Changed value for property test is not correct!");
|
||||
}
|
||||
|
||||
export var test_DependencyObservable_UpdateAnotherPropertyWithinChangedCallback = function () {
|
||||
var obj = new dependencyObservable.DependencyObservable();
|
||||
|
||||
function onFirstPropertyChanged(data: dependencyObservable.PropertyChangeData) {
|
||||
var testObj = <dependencyObservable.DependencyObservable>data.object;
|
||||
testObj._setValue(secondProperty, "Changed test");
|
||||
};
|
||||
|
||||
var firstProperty = new dependencyObservable.Property(
|
||||
"first",
|
||||
"obj",
|
||||
new proxy.PropertyMetadata(
|
||||
"",
|
||||
dependencyObservable.PropertyMetadataSettings.None,
|
||||
onFirstPropertyChanged
|
||||
)
|
||||
);
|
||||
|
||||
var secondProperty = new dependencyObservable.Property(
|
||||
"second",
|
||||
"obj",
|
||||
new proxy.PropertyMetadata(
|
||||
"",
|
||||
dependencyObservable.PropertyMetadataSettings.None,
|
||||
null
|
||||
)
|
||||
);
|
||||
|
||||
obj._setValue(firstProperty, "Initial name");
|
||||
obj._setValue(secondProperty, "Initial test");
|
||||
|
||||
TKUnit.assert(obj._getValue(firstProperty) === "Initial name", "Initial value for property name is not correct!");
|
||||
TKUnit.assert(obj._getValue(secondProperty) === "Initial test", "Initial value for property test is not correct!");
|
||||
|
||||
obj._setValue(firstProperty, "Changed name");
|
||||
|
||||
TKUnit.assert(obj._getValue(firstProperty) === "Changed name", "Changed value for property name is not correct!");
|
||||
TKUnit.assert(obj._getValue(secondProperty) === "Changed test", "Changed value for property test is not correct!");
|
||||
}
|
||||
|
||||
export var test_Observable_addEventListener_SingleEvent = function () {
|
||||
var obj = new observable.Observable();
|
||||
|
||||
var receivedCount = 0;
|
||||
var callback = function (data: observable.PropertyChangeData) {
|
||||
receivedCount++;
|
||||
TKUnit.assert(data.eventName === observable.Observable.propertyChangeEvent, "Expected event name " + observable.Observable.propertyChangeEvent);
|
||||
TKUnit.assert(data.object === obj, "PropertyChangeData.object value not valid.");
|
||||
TKUnit.assert(data.propertyName === "testName", "PropertyChangeData.propertyName value not valid.");
|
||||
TKUnit.assert(data.value === 1, "PropertyChangeData.value value not valid.");
|
||||
}
|
||||
|
||||
obj.addEventListener(observable.Observable.propertyChangeEvent, callback);
|
||||
obj.set("testName", 1);
|
||||
TKUnit.assert(receivedCount === 1, "PropertyChanged event not raised properly.");
|
||||
}
|
||||
|
||||
export var test_Observable_addEventListener_MultipleEvents = function () {
|
||||
var obj = new TestObservable();
|
||||
|
||||
var receivedCount = 0;
|
||||
var callback = function (data: observable.EventData) {
|
||||
receivedCount++;
|
||||
TKUnit.assert(data.object === obj, "EventData.object value not valid.");
|
||||
|
||||
if (data.eventName === observable.Observable.propertyChangeEvent) {
|
||||
var propertyData = <observable.PropertyChangeData>data;
|
||||
TKUnit.assert(propertyData.eventName === observable.Observable.propertyChangeEvent, "Expected event name " + observable.Observable.propertyChangeEvent);
|
||||
TKUnit.assert(propertyData.propertyName === "testName", "PropertyChangeData.propertyName value not valid.");
|
||||
TKUnit.assert(propertyData.value === 1, "PropertyChangeData.value value not valid.");
|
||||
} else {
|
||||
TKUnit.assert(data.eventName === TESTED_NAME, "Expected event name " + TESTED_NAME);
|
||||
}
|
||||
}
|
||||
|
||||
var events = observable.Observable.propertyChangeEvent + "," + TESTED_NAME;
|
||||
obj.addEventListener(events, callback);
|
||||
obj.set("testName", 1);
|
||||
obj.test();
|
||||
TKUnit.assert(receivedCount === 2, "Callbacks not raised properly.");
|
||||
}
|
||||
|
||||
export var test_Observable_addEventListener_MultipleEvents_ShouldTrim = function () {
|
||||
var obj = new TestObservable();
|
||||
|
||||
var receivedCount = 0;
|
||||
var callback = function (data: observable.EventData) {
|
||||
receivedCount++;
|
||||
}
|
||||
|
||||
var events = observable.Observable.propertyChangeEvent + " , " + TESTED_NAME;
|
||||
obj.addEventListener(events, callback);
|
||||
TKUnit.assert(obj.hasListeners(observable.Observable.propertyChangeEvent), "Observable.addEventListener for multiple events should trim each event name.");
|
||||
TKUnit.assert(obj.hasListeners(TESTED_NAME), "Observable.addEventListener for multiple events should trim each event name.");
|
||||
|
||||
obj.set("testName", 1);
|
||||
obj.test();
|
||||
|
||||
TKUnit.assert(receivedCount === 2, "Callbacks not raised properly.");
|
||||
}
|
||||
|
||||
export var test_Observable_addEventListener_MultipleCallbacks = function () {
|
||||
var obj = new TestObservable();
|
||||
|
||||
var receivedCount = 0;
|
||||
var callback1 = function (data: observable.EventData) {
|
||||
receivedCount++;
|
||||
}
|
||||
|
||||
var callback2 = function (data: observable.EventData) {
|
||||
receivedCount++;
|
||||
}
|
||||
|
||||
obj.addEventListener(observable.Observable.propertyChangeEvent, callback1);
|
||||
obj.addEventListener(observable.Observable.propertyChangeEvent, callback2);
|
||||
|
||||
obj.set("testName", 1);
|
||||
TKUnit.assert(receivedCount === 2, "The propertyChanged notification should be raised twice.");
|
||||
}
|
||||
|
||||
export var test_Observable_addEventListener_MultipleCallbacks_MultipleEvents = function () {
|
||||
var obj = new TestObservable();
|
||||
|
||||
var receivedCount = 0;
|
||||
var callback1 = function (data: observable.EventData) {
|
||||
receivedCount++;
|
||||
}
|
||||
|
||||
var callback2 = function (data: observable.EventData) {
|
||||
receivedCount++;
|
||||
}
|
||||
|
||||
var events = observable.Observable.propertyChangeEvent + " , " + TESTED_NAME;
|
||||
obj.addEventListener(events, callback1);
|
||||
obj.addEventListener(events, callback2);
|
||||
|
||||
obj.set("testName", 1);
|
||||
obj.test();
|
||||
|
||||
TKUnit.assert(receivedCount === 4, "The propertyChanged notification should be raised twice.");
|
||||
}
|
||||
|
||||
export var test_Observable_removeEventListener_SingleEvent_SingleCallback = function () {
|
||||
var obj = new observable.Observable();
|
||||
|
||||
var receivedCount = 0;
|
||||
var callback = function (data: observable.EventData) {
|
||||
receivedCount++;
|
||||
}
|
||||
|
||||
obj.addEventListener(observable.Observable.propertyChangeEvent, callback);
|
||||
obj.set("testName", 1);
|
||||
|
||||
obj.removeEventListener(observable.Observable.propertyChangeEvent, callback);
|
||||
TKUnit.assert(!obj.hasListeners(observable.Observable.propertyChangeEvent), "Observable.removeEventListener not working properly.");
|
||||
|
||||
obj.set("testName", 2);
|
||||
TKUnit.assert(receivedCount === 1, "Observable.removeEventListener not working properly.");
|
||||
}
|
||||
|
||||
export var test_Observable_removeEventListener_SingleEvent_MultipleCallbacks = function () {
|
||||
var obj = new observable.Observable();
|
||||
|
||||
var receivedCount = 0;
|
||||
var callback1 = function (data: observable.EventData) {
|
||||
receivedCount++;
|
||||
}
|
||||
|
||||
var callback2 = function (data: observable.EventData) {
|
||||
receivedCount++;
|
||||
}
|
||||
|
||||
obj.addEventListener(observable.Observable.propertyChangeEvent, callback1);
|
||||
obj.addEventListener(observable.Observable.propertyChangeEvent, callback2);
|
||||
obj.set("testName", 1);
|
||||
|
||||
obj.removeEventListener(observable.Observable.propertyChangeEvent, callback1);
|
||||
TKUnit.assert(obj.hasListeners(observable.Observable.propertyChangeEvent), "Observable.removeEventListener not working properly with multiple listeners.");
|
||||
|
||||
obj.set("testName", 2);
|
||||
TKUnit.assert(receivedCount === 3, "Observable.removeEventListener not working properly with multiple listeners.");
|
||||
|
||||
obj.removeEventListener(observable.Observable.propertyChangeEvent, callback2);
|
||||
TKUnit.assert(!obj.hasListeners(observable.Observable.propertyChangeEvent), "Observable.removeEventListener not working properly with multiple listeners.");
|
||||
|
||||
obj.set("testName", 3);
|
||||
TKUnit.assert(receivedCount === 3, "Observable.removeEventListener not working properly with multiple listeners.");
|
||||
}
|
||||
|
||||
export var test_Observable_removeEventListener_MutlipleEvents_SingleCallback = function () {
|
||||
var obj = new TestObservable();
|
||||
|
||||
var receivedCount = 0;
|
||||
var callback = function (data: observable.EventData) {
|
||||
receivedCount++;
|
||||
}
|
||||
|
||||
var events = observable.Observable.propertyChangeEvent + " , " + TESTED_NAME;
|
||||
obj.addEventListener(events, callback);
|
||||
|
||||
obj.set("testName", 1);
|
||||
obj.test();
|
||||
|
||||
obj.removeEventListener(events, callback);
|
||||
|
||||
TKUnit.assert(!obj.hasListeners(observable.Observable.propertyChangeEvent), "Expected result for hasObservers is false");
|
||||
TKUnit.assert(!obj.hasListeners(TESTED_NAME), "Expected result for hasObservers is false.");
|
||||
|
||||
obj.set("testName", 2);
|
||||
obj.test();
|
||||
|
||||
TKUnit.assert(receivedCount === 2, "Expected receive count is 2");
|
||||
}
|
||||
|
||||
export var test_Observable_removeEventListener_SingleEvent_NoCallbackSpecified = function () {
|
||||
var obj = new TestObservable();
|
||||
|
||||
var receivedCount = 0;
|
||||
var callback1 = function (data: observable.EventData) {
|
||||
receivedCount++;
|
||||
}
|
||||
|
||||
var callback2 = function (data: observable.EventData) {
|
||||
receivedCount++;
|
||||
}
|
||||
|
||||
obj.addEventListener(observable.Observable.propertyChangeEvent, callback1);
|
||||
obj.addEventListener(observable.Observable.propertyChangeEvent, callback2);
|
||||
|
||||
obj.set("testName", 1);
|
||||
obj.removeEventListener(observable.Observable.propertyChangeEvent);
|
||||
|
||||
TKUnit.assert(!obj.hasListeners(observable.Observable.propertyChangeEvent), "Expected result for hasObservers is false.");
|
||||
|
||||
obj.set("testName", 2);
|
||||
TKUnit.assert(receivedCount === 2, "Expected receive count is 2");
|
||||
}
|
||||
|
||||
export var test_Observable_WhenCreatedWithJSON_PropertyChangedWithDotNotation_RaisesPropertyChangedEvent = function () {
|
||||
var json = {
|
||||
count: 5
|
||||
};
|
||||
var obj = new observable.Observable(json);
|
||||
|
||||
var receivedCount = 0;
|
||||
var callback = function (data: observable.PropertyChangeData) {
|
||||
receivedCount++;
|
||||
TKUnit.assert(data.eventName === observable.Observable.propertyChangeEvent, "Expected event name " + observable.Observable.propertyChangeEvent);
|
||||
TKUnit.assert(data.object === obj, "PropertyChangeData.object value not valid.");
|
||||
TKUnit.assert(data.propertyName === "count", "PropertyChangeData.propertyName value not valid.");
|
||||
TKUnit.assert(data.value === 6, "PropertyChangeData.value value not valid.");
|
||||
}
|
||||
|
||||
obj.addEventListener(observable.Observable.propertyChangeEvent, callback);
|
||||
|
||||
(<any>obj).count++;
|
||||
|
||||
TKUnit.assert(receivedCount === 1, "PropertyChanged event not raised properly.");
|
||||
}
|
||||
|
||||
export var test_Observable_WhenCreatedWithJSON_PropertyChangedWithBracketsNotation_RaisesPropertyChangedEvent = function () {
|
||||
var json = {
|
||||
count: 5
|
||||
};
|
||||
var obj = new observable.Observable(json);
|
||||
|
||||
var receivedCount = 0;
|
||||
var callback = function (data: observable.PropertyChangeData) {
|
||||
receivedCount++;
|
||||
TKUnit.assert(data.eventName === observable.Observable.propertyChangeEvent, "Expected event name " + observable.Observable.propertyChangeEvent);
|
||||
TKUnit.assert(data.object === obj, "PropertyChangeData.object value not valid.");
|
||||
TKUnit.assert(data.propertyName === "count", "PropertyChangeData.propertyName value not valid.");
|
||||
TKUnit.assert(data.value === 6, "PropertyChangeData.value value not valid.");
|
||||
}
|
||||
|
||||
obj.addEventListener(observable.Observable.propertyChangeEvent, callback);
|
||||
|
||||
obj["count"]++;
|
||||
|
||||
TKUnit.assert(receivedCount === 1, "PropertyChanged event not raised properly.");
|
||||
}
|
||||
|
||||
export function test_AddingTwoEventHandlersAndRemovingWithinHandlerShouldRaiseAllEvents() {
|
||||
var observableInstance = new observable.Observable();
|
||||
var firstHandlerCalled = false;
|
||||
var secondHandlerCalled= false;
|
||||
|
||||
var firstHandler = function (args) {
|
||||
observableInstance.off(observable.Observable.propertyChangeEvent, firstHandler, firstObserver);
|
||||
firstHandlerCalled = true;
|
||||
}
|
||||
|
||||
var secondHandler = function (args) {
|
||||
observableInstance.off(observable.Observable.propertyChangeEvent, secondHandler, secondObserver);
|
||||
secondHandlerCalled = true;
|
||||
}
|
||||
|
||||
var firstObserver = new observable.Observable();
|
||||
var secondObserver = new observable.Observable();
|
||||
|
||||
observableInstance.on(observable.Observable.propertyChangeEvent, firstHandler, firstObserver);
|
||||
observableInstance.on(observable.Observable.propertyChangeEvent, secondHandler, secondObserver);
|
||||
|
||||
observableInstance.set("someProperty", "some value");
|
||||
|
||||
TKUnit.assertEqual(firstHandlerCalled, true);
|
||||
TKUnit.assertEqual(secondHandlerCalled, true);
|
||||
}
|
||||
|
||||
export function test_Observable_shouldDistinguishSeparateObjects() {
|
||||
var obj1 = {val: 1};
|
||||
var obj2 = {val: 2};
|
||||
var observable1 = new observable.Observable(obj1);
|
||||
var observable2 = new observable.Observable(obj2);
|
||||
|
||||
var val1 = observable1.get("val");
|
||||
var val2 = observable2.get("val");
|
||||
TKUnit.assert(val1 === 1 && val2 === 2, `Observable should keep separate objects separate! val1: ${val1}; val2: ${val2};`);
|
||||
|
||||
var newValue1;
|
||||
observable1.on(observable.Observable.propertyChangeEvent, (data: observable.PropertyChangeData) => {
|
||||
newValue1 = data.value;
|
||||
});
|
||||
|
||||
var newValue2;
|
||||
observable2.on(observable.Observable.propertyChangeEvent, (data: observable.PropertyChangeData) => {
|
||||
newValue2 = data.value;
|
||||
});
|
||||
|
||||
observable1.set("val", 10);
|
||||
TKUnit.wait(0.1);
|
||||
TKUnit.assert(newValue1 === 10, "newValue1 should be 10");
|
||||
|
||||
observable2.set("val", 20);
|
||||
TKUnit.wait(0.1);
|
||||
TKUnit.assert(newValue2 === 20, "newValue2 should be 20");
|
||||
|
||||
val1 = observable1.get("val");
|
||||
val2 = observable2.get("val");
|
||||
TKUnit.assert(val1 === 10 && val2 === 20, `Observable should keep separate objects separate! val1: ${val1}; val2: ${val2};`);
|
||||
};
|
||||
|
||||
@@ -43,10 +43,9 @@ allTests["APPLICATION SETTINGS"] = require("./application-settings-tests");
|
||||
allTests["IMAGE SOURCE"] = require("./image-source-tests");
|
||||
allTests["TIMER"] = require("./timer-tests");
|
||||
allTests["COLOR"] = require("./color-tests");
|
||||
allTests["OBSERVABLE"] = require("./observable-tests");
|
||||
allTests["OBSERVABLE-ARRAY"] = require("./observable-array-tests");
|
||||
allTests["VIRTUAL-ARRAY"] = require("./virtual-array-tests");
|
||||
allTests["OBSERVABLE"] = require("./ui/observable-tests");
|
||||
allTests["OBSERVABLE"] = require("./observable-tests");
|
||||
allTests["DEPENDENCY-OBSERVABLE"] = require("./ui/dependency-observable-tests");
|
||||
allTests["BINDABLE"] = require("./ui/bindable-tests");
|
||||
allTests["BINDING-EXPRESSIONS"] = require("./ui/binding-expressions-tests");
|
||||
|
||||
@@ -1,407 +0,0 @@
|
||||
// <snippet module="data/observable" title="data/observable">
|
||||
// # Observable
|
||||
// Using Observable objects requires the "data/observable" module.
|
||||
// ``` JavaScript
|
||||
import observable = require("data/observable");
|
||||
// ```
|
||||
// </snippet>
|
||||
|
||||
import dependencyObservable = require("ui/core/dependency-observable");
|
||||
import TKUnit = require("../TKUnit");
|
||||
import types = require("utils/types");
|
||||
import proxy = require("ui/core/proxy");
|
||||
|
||||
var TESTED_NAME = "tested";
|
||||
class TestObservable extends observable.Observable {
|
||||
public test() {
|
||||
this._emit(TESTED_NAME);
|
||||
}
|
||||
}
|
||||
|
||||
export var test_Observable_Constructor = function () {
|
||||
// <snippet module="data/observable" title="data/observable">
|
||||
// ### Creating an Observable
|
||||
// ``` JavaScript
|
||||
var json = {
|
||||
Name: "John",
|
||||
Age: 34,
|
||||
Married: true
|
||||
};
|
||||
var person = new observable.Observable(json);
|
||||
var name = person.get("Name");
|
||||
var age = person.get("Age");
|
||||
var married = person.get("Married");
|
||||
//// console.log(name + " " + age + " " + married); // Prints out "John 34 true" if uncommented.
|
||||
// ```
|
||||
// </snippet>
|
||||
TKUnit.assert(name === "John", "Expected name is John");
|
||||
TKUnit.assert(age === 34, "Expected age is 34");
|
||||
TKUnit.assert(married === true, "Expected married is true");
|
||||
}
|
||||
|
||||
export var tests_DummyTestForCodeSnippet = function () {
|
||||
// <snippet module="data/observable" title="data/observable">
|
||||
// ### Responding to property changes
|
||||
// ``` JavaScript
|
||||
var person = new observable.Observable();
|
||||
person.set("Name", "John");
|
||||
person.set("Age", 34);
|
||||
person.set("Married", true);
|
||||
person.addEventListener(observable.Observable.propertyChangeEvent, function (pcd: observable.PropertyChangeData) {
|
||||
//console.log(pcd.eventName.toString() + " " + pcd.propertyName.toString() + " " + pcd.value.toString());
|
||||
});
|
||||
person.set("Age", 35);
|
||||
person.set("Married", false);
|
||||
//// If uncommented, the console.log above produces the following output:
|
||||
//// propertyChange Age 35
|
||||
//// propertyChange Married false
|
||||
// ```
|
||||
// </snippet>
|
||||
}
|
||||
|
||||
export var test_Observable_Members = function () {
|
||||
var obj = new observable.Observable();
|
||||
TKUnit.assert(types.isDefined(obj.addEventListener), "Observable.addEventListener not defined");
|
||||
TKUnit.assert(types.isDefined(obj._createPropertyChangeData), "Observable.createPropertyChangeData not defined");
|
||||
TKUnit.assert(types.isDefined(obj._emit), "Observable.emit not defined");
|
||||
TKUnit.assert(types.isDefined(obj.get), "Observable.get not defined");
|
||||
TKUnit.assert(types.isDefined(obj.hasListeners), "Observable.hasListeners not defined");
|
||||
TKUnit.assert(types.isDefined(obj.notify), "Observable.notify not defined");
|
||||
TKUnit.assert(types.isDefined(obj.off), "Observable.off not defined");
|
||||
TKUnit.assert(types.isDefined(obj.on), "Observable.on not defined");
|
||||
TKUnit.assert(types.isDefined(obj.removeEventListener), "Observable.removeEventListener not defined");
|
||||
TKUnit.assert(types.isDefined(obj.set), "Observable.set not defined");
|
||||
TKUnit.assert(types.isDefined(obj.typeName), "Observable.typeName not defined");
|
||||
}
|
||||
|
||||
export var test_Observable_UpdateAnotherPropertyWithinChangedCallback = function () {
|
||||
var obj = new observable.Observable();
|
||||
|
||||
var changedCallback = function (pcd: observable.PropertyChangeData) {
|
||||
if (pcd.propertyName === "name") {
|
||||
pcd.object.set("test", "Changed test");
|
||||
}
|
||||
}
|
||||
|
||||
obj.addEventListener(observable.Observable.propertyChangeEvent, changedCallback);
|
||||
|
||||
obj.set("name", "Initial name");
|
||||
obj.set("test", "Initial test");
|
||||
|
||||
TKUnit.assert(obj.get("name") === "Initial name", "Initial value for property name is not correct!");
|
||||
TKUnit.assert(obj.get("test") === "Initial test", "Initial value for property test is not correct!");
|
||||
|
||||
obj.set("name", "Changed name");
|
||||
|
||||
TKUnit.assert(obj.get("name") === "Changed name", "Changed value for property name is not correct!");
|
||||
TKUnit.assert(obj.get("test") === "Changed test", "Changed value for property test is not correct!");
|
||||
}
|
||||
|
||||
export var test_DependencyObservable_UpdateAnotherPropertyWithinChangedCallback = function () {
|
||||
var obj = new dependencyObservable.DependencyObservable();
|
||||
|
||||
function onFirstPropertyChanged(data: dependencyObservable.PropertyChangeData) {
|
||||
var testObj = <dependencyObservable.DependencyObservable>data.object;
|
||||
testObj._setValue(secondProperty, "Changed test");
|
||||
};
|
||||
|
||||
var firstProperty = new dependencyObservable.Property(
|
||||
"first",
|
||||
"obj",
|
||||
new proxy.PropertyMetadata(
|
||||
"",
|
||||
dependencyObservable.PropertyMetadataSettings.None,
|
||||
onFirstPropertyChanged
|
||||
)
|
||||
);
|
||||
|
||||
var secondProperty = new dependencyObservable.Property(
|
||||
"second",
|
||||
"obj",
|
||||
new proxy.PropertyMetadata(
|
||||
"",
|
||||
dependencyObservable.PropertyMetadataSettings.None,
|
||||
null
|
||||
)
|
||||
);
|
||||
|
||||
obj._setValue(firstProperty, "Initial name");
|
||||
obj._setValue(secondProperty, "Initial test");
|
||||
|
||||
TKUnit.assert(obj._getValue(firstProperty) === "Initial name", "Initial value for property name is not correct!");
|
||||
TKUnit.assert(obj._getValue(secondProperty) === "Initial test", "Initial value for property test is not correct!");
|
||||
|
||||
obj._setValue(firstProperty, "Changed name");
|
||||
|
||||
TKUnit.assert(obj._getValue(firstProperty) === "Changed name", "Changed value for property name is not correct!");
|
||||
TKUnit.assert(obj._getValue(secondProperty) === "Changed test", "Changed value for property test is not correct!");
|
||||
}
|
||||
|
||||
export var test_Observable_addEventListener_SingleEvent = function () {
|
||||
var obj = new observable.Observable();
|
||||
|
||||
var receivedCount = 0;
|
||||
var callback = function (data: observable.PropertyChangeData) {
|
||||
receivedCount++;
|
||||
TKUnit.assert(data.eventName === observable.Observable.propertyChangeEvent, "Expected event name " + observable.Observable.propertyChangeEvent);
|
||||
TKUnit.assert(data.object === obj, "PropertyChangeData.object value not valid.");
|
||||
TKUnit.assert(data.propertyName === "testName", "PropertyChangeData.propertyName value not valid.");
|
||||
TKUnit.assert(data.value === 1, "PropertyChangeData.value value not valid.");
|
||||
}
|
||||
|
||||
obj.addEventListener(observable.Observable.propertyChangeEvent, callback);
|
||||
obj.set("testName", 1);
|
||||
TKUnit.assert(receivedCount === 1, "PropertyChanged event not raised properly.");
|
||||
}
|
||||
|
||||
export var test_Observable_addEventListener_MultipleEvents = function () {
|
||||
var obj = new TestObservable();
|
||||
|
||||
var receivedCount = 0;
|
||||
var callback = function (data: observable.EventData) {
|
||||
receivedCount++;
|
||||
TKUnit.assert(data.object === obj, "EventData.object value not valid.");
|
||||
|
||||
if (data.eventName === observable.Observable.propertyChangeEvent) {
|
||||
var propertyData = <observable.PropertyChangeData>data;
|
||||
TKUnit.assert(propertyData.eventName === observable.Observable.propertyChangeEvent, "Expected event name " + observable.Observable.propertyChangeEvent);
|
||||
TKUnit.assert(propertyData.propertyName === "testName", "PropertyChangeData.propertyName value not valid.");
|
||||
TKUnit.assert(propertyData.value === 1, "PropertyChangeData.value value not valid.");
|
||||
} else {
|
||||
TKUnit.assert(data.eventName === TESTED_NAME, "Expected event name " + TESTED_NAME);
|
||||
}
|
||||
}
|
||||
|
||||
var events = observable.Observable.propertyChangeEvent + "," + TESTED_NAME;
|
||||
obj.addEventListener(events, callback);
|
||||
obj.set("testName", 1);
|
||||
obj.test();
|
||||
TKUnit.assert(receivedCount === 2, "Callbacks not raised properly.");
|
||||
}
|
||||
|
||||
export var test_Observable_addEventListener_MultipleEvents_ShouldTrim = function () {
|
||||
var obj = new TestObservable();
|
||||
|
||||
var receivedCount = 0;
|
||||
var callback = function (data: observable.EventData) {
|
||||
receivedCount++;
|
||||
}
|
||||
|
||||
var events = observable.Observable.propertyChangeEvent + " , " + TESTED_NAME;
|
||||
obj.addEventListener(events, callback);
|
||||
TKUnit.assert(obj.hasListeners(observable.Observable.propertyChangeEvent), "Observable.addEventListener for multiple events should trim each event name.");
|
||||
TKUnit.assert(obj.hasListeners(TESTED_NAME), "Observable.addEventListener for multiple events should trim each event name.");
|
||||
|
||||
obj.set("testName", 1);
|
||||
obj.test();
|
||||
|
||||
TKUnit.assert(receivedCount === 2, "Callbacks not raised properly.");
|
||||
}
|
||||
|
||||
export var test_Observable_addEventListener_MultipleCallbacks = function () {
|
||||
var obj = new TestObservable();
|
||||
|
||||
var receivedCount = 0;
|
||||
var callback1 = function (data: observable.EventData) {
|
||||
receivedCount++;
|
||||
}
|
||||
|
||||
var callback2 = function (data: observable.EventData) {
|
||||
receivedCount++;
|
||||
}
|
||||
|
||||
obj.addEventListener(observable.Observable.propertyChangeEvent, callback1);
|
||||
obj.addEventListener(observable.Observable.propertyChangeEvent, callback2);
|
||||
|
||||
obj.set("testName", 1);
|
||||
TKUnit.assert(receivedCount === 2, "The propertyChanged notification should be raised twice.");
|
||||
}
|
||||
|
||||
export var test_Observable_addEventListener_MultipleCallbacks_MultipleEvents = function () {
|
||||
var obj = new TestObservable();
|
||||
|
||||
var receivedCount = 0;
|
||||
var callback1 = function (data: observable.EventData) {
|
||||
receivedCount++;
|
||||
}
|
||||
|
||||
var callback2 = function (data: observable.EventData) {
|
||||
receivedCount++;
|
||||
}
|
||||
|
||||
var events = observable.Observable.propertyChangeEvent + " , " + TESTED_NAME;
|
||||
obj.addEventListener(events, callback1);
|
||||
obj.addEventListener(events, callback2);
|
||||
|
||||
obj.set("testName", 1);
|
||||
obj.test();
|
||||
|
||||
TKUnit.assert(receivedCount === 4, "The propertyChanged notification should be raised twice.");
|
||||
}
|
||||
|
||||
export var test_Observable_removeEventListener_SingleEvent_SingleCallback = function () {
|
||||
var obj = new observable.Observable();
|
||||
|
||||
var receivedCount = 0;
|
||||
var callback = function (data: observable.EventData) {
|
||||
receivedCount++;
|
||||
}
|
||||
|
||||
obj.addEventListener(observable.Observable.propertyChangeEvent, callback);
|
||||
obj.set("testName", 1);
|
||||
|
||||
obj.removeEventListener(observable.Observable.propertyChangeEvent, callback);
|
||||
TKUnit.assert(!obj.hasListeners(observable.Observable.propertyChangeEvent), "Observable.removeEventListener not working properly.");
|
||||
|
||||
obj.set("testName", 2);
|
||||
TKUnit.assert(receivedCount === 1, "Observable.removeEventListener not working properly.");
|
||||
}
|
||||
|
||||
export var test_Observable_removeEventListener_SingleEvent_MultipleCallbacks = function () {
|
||||
var obj = new observable.Observable();
|
||||
|
||||
var receivedCount = 0;
|
||||
var callback1 = function (data: observable.EventData) {
|
||||
receivedCount++;
|
||||
}
|
||||
|
||||
var callback2 = function (data: observable.EventData) {
|
||||
receivedCount++;
|
||||
}
|
||||
|
||||
obj.addEventListener(observable.Observable.propertyChangeEvent, callback1);
|
||||
obj.addEventListener(observable.Observable.propertyChangeEvent, callback2);
|
||||
obj.set("testName", 1);
|
||||
|
||||
obj.removeEventListener(observable.Observable.propertyChangeEvent, callback1);
|
||||
TKUnit.assert(obj.hasListeners(observable.Observable.propertyChangeEvent), "Observable.removeEventListener not working properly with multiple listeners.");
|
||||
|
||||
obj.set("testName", 2);
|
||||
TKUnit.assert(receivedCount === 3, "Observable.removeEventListener not working properly with multiple listeners.");
|
||||
|
||||
obj.removeEventListener(observable.Observable.propertyChangeEvent, callback2);
|
||||
TKUnit.assert(!obj.hasListeners(observable.Observable.propertyChangeEvent), "Observable.removeEventListener not working properly with multiple listeners.");
|
||||
|
||||
obj.set("testName", 3);
|
||||
TKUnit.assert(receivedCount === 3, "Observable.removeEventListener not working properly with multiple listeners.");
|
||||
}
|
||||
|
||||
export var test_Observable_removeEventListener_MutlipleEvents_SingleCallback = function () {
|
||||
var obj = new TestObservable();
|
||||
|
||||
var receivedCount = 0;
|
||||
var callback = function (data: observable.EventData) {
|
||||
receivedCount++;
|
||||
}
|
||||
|
||||
var events = observable.Observable.propertyChangeEvent + " , " + TESTED_NAME;
|
||||
obj.addEventListener(events, callback);
|
||||
|
||||
obj.set("testName", 1);
|
||||
obj.test();
|
||||
|
||||
obj.removeEventListener(events, callback);
|
||||
|
||||
TKUnit.assert(!obj.hasListeners(observable.Observable.propertyChangeEvent), "Expected result for hasObservers is false");
|
||||
TKUnit.assert(!obj.hasListeners(TESTED_NAME), "Expected result for hasObservers is false.");
|
||||
|
||||
obj.set("testName", 2);
|
||||
obj.test();
|
||||
|
||||
TKUnit.assert(receivedCount === 2, "Expected receive count is 2");
|
||||
}
|
||||
|
||||
export var test_Observable_removeEventListener_SingleEvent_NoCallbackSpecified = function () {
|
||||
var obj = new TestObservable();
|
||||
|
||||
var receivedCount = 0;
|
||||
var callback1 = function (data: observable.EventData) {
|
||||
receivedCount++;
|
||||
}
|
||||
|
||||
var callback2 = function (data: observable.EventData) {
|
||||
receivedCount++;
|
||||
}
|
||||
|
||||
obj.addEventListener(observable.Observable.propertyChangeEvent, callback1);
|
||||
obj.addEventListener(observable.Observable.propertyChangeEvent, callback2);
|
||||
|
||||
obj.set("testName", 1);
|
||||
obj.removeEventListener(observable.Observable.propertyChangeEvent);
|
||||
|
||||
TKUnit.assert(!obj.hasListeners(observable.Observable.propertyChangeEvent), "Expected result for hasObservers is false.");
|
||||
|
||||
obj.set("testName", 2);
|
||||
TKUnit.assert(receivedCount === 2, "Expected receive count is 2");
|
||||
}
|
||||
|
||||
export var test_Observable_WhenCreatedWithJSON_PropertyChangedWithDotNotation_RaisesPropertyChangedEvent = function () {
|
||||
var json = {
|
||||
count: 5
|
||||
};
|
||||
var obj = new observable.Observable(json);
|
||||
|
||||
var receivedCount = 0;
|
||||
var callback = function (data: observable.PropertyChangeData) {
|
||||
receivedCount++;
|
||||
TKUnit.assert(data.eventName === observable.Observable.propertyChangeEvent, "Expected event name " + observable.Observable.propertyChangeEvent);
|
||||
TKUnit.assert(data.object === obj, "PropertyChangeData.object value not valid.");
|
||||
TKUnit.assert(data.propertyName === "count", "PropertyChangeData.propertyName value not valid.");
|
||||
TKUnit.assert(data.value === 6, "PropertyChangeData.value value not valid.");
|
||||
}
|
||||
|
||||
obj.addEventListener(observable.Observable.propertyChangeEvent, callback);
|
||||
|
||||
(<any>obj).count++;
|
||||
|
||||
TKUnit.assert(receivedCount === 1, "PropertyChanged event not raised properly.");
|
||||
}
|
||||
|
||||
export var test_Observable_WhenCreatedWithJSON_PropertyChangedWithBracketsNotation_RaisesPropertyChangedEvent = function () {
|
||||
var json = {
|
||||
count: 5
|
||||
};
|
||||
var obj = new observable.Observable(json);
|
||||
|
||||
var receivedCount = 0;
|
||||
var callback = function (data: observable.PropertyChangeData) {
|
||||
receivedCount++;
|
||||
TKUnit.assert(data.eventName === observable.Observable.propertyChangeEvent, "Expected event name " + observable.Observable.propertyChangeEvent);
|
||||
TKUnit.assert(data.object === obj, "PropertyChangeData.object value not valid.");
|
||||
TKUnit.assert(data.propertyName === "count", "PropertyChangeData.propertyName value not valid.");
|
||||
TKUnit.assert(data.value === 6, "PropertyChangeData.value value not valid.");
|
||||
}
|
||||
|
||||
obj.addEventListener(observable.Observable.propertyChangeEvent, callback);
|
||||
|
||||
obj["count"]++;
|
||||
|
||||
TKUnit.assert(receivedCount === 1, "PropertyChanged event not raised properly.");
|
||||
}
|
||||
|
||||
export function test_AddingTwoEventHandlersAndRemovingWithinHandlerShouldRaiseAllEvents() {
|
||||
var observableInstance = new observable.Observable();
|
||||
var firstHandlerCalled = false;
|
||||
var secondHandlerCalled= false;
|
||||
|
||||
var firstHandler = function (args) {
|
||||
observableInstance.off(observable.Observable.propertyChangeEvent, firstHandler, firstObserver);
|
||||
firstHandlerCalled = true;
|
||||
}
|
||||
|
||||
var secondHandler = function (args) {
|
||||
observableInstance.off(observable.Observable.propertyChangeEvent, secondHandler, secondObserver);
|
||||
secondHandlerCalled = true;
|
||||
}
|
||||
|
||||
var firstObserver = new observable.Observable();
|
||||
var secondObserver = new observable.Observable();
|
||||
|
||||
observableInstance.on(observable.Observable.propertyChangeEvent, firstHandler, firstObserver);
|
||||
observableInstance.on(observable.Observable.propertyChangeEvent, secondHandler, secondObserver);
|
||||
|
||||
observableInstance.set("someProperty", "some value");
|
||||
|
||||
TKUnit.assertEqual(firstHandlerCalled, true);
|
||||
TKUnit.assertEqual(secondHandlerCalled, true);
|
||||
}
|
||||
Reference in New Issue
Block a user