| Index: packages/template_binding/test/node_bind_test.dart
|
| diff --git a/packages/template_binding/test/node_bind_test.dart b/packages/template_binding/test/node_bind_test.dart
|
| deleted file mode 100644
|
| index b797657dd3f23cd9c69f6c1a2f38a880d90a8d0c..0000000000000000000000000000000000000000
|
| --- a/packages/template_binding/test/node_bind_test.dart
|
| +++ /dev/null
|
| @@ -1,745 +0,0 @@
|
| -// Copyright (c) 2013, the Dart project authors. Please see the AUTHORS file
|
| -// for details. All rights reserved. Use of this source code is governed by a
|
| -// BSD-style license that can be found in the LICENSE file.
|
| -
|
| -library template_binding.test.node_bind_test;
|
| -
|
| -import 'dart:async';
|
| -import 'dart:html';
|
| -
|
| -import 'package:observe/observe.dart'
|
| - show toObservable, PathObserver, PropertyPath;
|
| -import 'package:template_binding/template_binding.dart'
|
| - show nodeBind, enableBindingsReflection;
|
| -import 'package:observe/mirrors_used.dart'; // make test smaller
|
| -import 'package:smoke/mirrors.dart' as smoke;
|
| -
|
| -import 'package:unittest/html_config.dart';
|
| -import 'package:unittest/unittest.dart';
|
| -import 'utils.dart';
|
| -
|
| -// Ported from: https://github.com/Polymer/NodeBind/blob/master/tests/tests.js
|
| -
|
| -var bindings;
|
| -
|
| -main() => dirtyCheckZone().run(() {
|
| - smoke.useMirrors();
|
| - useHtmlConfiguration();
|
| -
|
| - setUp(() {
|
| - document.body.append(testDiv = new DivElement());
|
| - bindings = [];
|
| - });
|
| -
|
| - tearDown(() {
|
| - testDiv.remove();
|
| - testDiv = null;
|
| - for (var b in bindings) if (b != null) b.close();
|
| - bindings = null;
|
| - });
|
| -
|
| - group('Text bindings', testBindings);
|
| - group('Element attribute bindings', elementBindings);
|
| - group('Form Element bindings', formBindings);
|
| -});
|
| -
|
| -testBindings() {
|
| - test('Basic', () {
|
| - var text = new Text('hi');
|
| - var model = toObservable({'a': 1});
|
| - bindings.add(nodeBind(text).bind('text', new PathObserver(model, 'a')));
|
| - expect(text.text, '1');
|
| -
|
| - model['a'] = 2;
|
| - return new Future(() {
|
| - expect(text.text, '2');
|
| - });
|
| - });
|
| -
|
| - test('oneTime', () {
|
| - var text = new Text('hi');
|
| - bindings.add(nodeBind(text).bind('text', 1, oneTime: true));
|
| - expect(text.text, '1');
|
| - });
|
| -
|
| - test('No Path', () {
|
| - var text = new Text('hi');
|
| - var model = 1;
|
| - bindings.add(nodeBind(text).bind('text', new PathObserver(model)));
|
| - expect(text.text, '1');
|
| - });
|
| -
|
| - test('Path unreachable', () {
|
| - var text = testDiv.append(new Text('hi'));
|
| - var model = 1;
|
| - var pathObserver = new PathObserver(model, 'a');
|
| - expect(() => nodeBind(text).bind('text', pathObserver), throws);
|
| - expect(text.text, 'hi');
|
| - });
|
| -
|
| - test('Observer is Model', () {
|
| - // Dart note: we don't have _allObserversCount so we use binding reflection
|
| - // instead.
|
| - enableBindingsReflection = true;
|
| -
|
| - // This future is here so we can turn off bindings reflection reliably.
|
| - Text text;
|
| - return new Future(() {
|
| - text = new Text('');
|
| - var model = toObservable({'a': {'b': {'c': 1}}});
|
| - var observer = new PathObserver(model, 'a.b.c');
|
| - bindings.add(nodeBind(text).bind('text', observer));
|
| - expect(text.text, '1');
|
| -
|
| - var binding = nodeBind(text).bindings['text'];
|
| - expect(binding, observer, reason: 'should reuse observer');
|
| -
|
| - model['a']['b']['c'] = 2;
|
| - }).then(endOfMicrotask).then((_) {
|
| - expect(text.text, '2');
|
| - }).whenComplete(() {
|
| - enableBindingsReflection = false;
|
| - });
|
| - });
|
| -}
|
| -
|
| -elementBindings() {
|
| -
|
| - test('Basic', () {
|
| - var el = new DivElement();
|
| - var model = toObservable({'a': '1'});
|
| - bindings.add(nodeBind(el).bind('foo', new PathObserver(model, 'a')));
|
| -
|
| - return new Future(() {
|
| - expect(el.attributes['foo'], '1');
|
| - model['a'] = '2';
|
| - }).then(endOfMicrotask).then((_) {
|
| - expect(el.attributes['foo'], '2');
|
| - model['a'] = 232.2;
|
| - }).then(endOfMicrotask).then((_) {
|
| - expect(el.attributes['foo'], '232.2');
|
| - model['a'] = 232;
|
| - }).then(endOfMicrotask).then((_) {
|
| - expect(el.attributes['foo'], '232');
|
| - model['a'] = null;
|
| - }).then(endOfMicrotask).then((_) {
|
| - expect(el.attributes['foo'], '');
|
| - });
|
| - });
|
| -
|
| - // Dart specific test
|
| - test('enableBindingsReflection defaults to off', () {
|
| - expect(enableBindingsReflection, false);
|
| -
|
| - var el = new DivElement();
|
| - var model = toObservable({'a': '1'});
|
| - bindings.add(nodeBind(el).bind('foo', new PathObserver(model, 'a')));
|
| -
|
| - expect(nodeBind(el).bindings, null);
|
| - });
|
| -
|
| - test('enableBindingsReflection', () {
|
| - enableBindingsReflection = true;
|
| - try {
|
| - var el = testDiv.append(new DivElement());
|
| - var model = toObservable({'a': '1'});
|
| - bindings.add(nodeBind(el).bind('foo', new PathObserver(model, 'a')));
|
| - bindings.add(nodeBind(el).bind('bar', new PathObserver(model, 'a')));
|
| - bindings.add(nodeBind(el).bind('baz', new PathObserver(model, 'a')));
|
| -
|
| - expect(nodeBind(el).bindings.keys,
|
| - unorderedEquals(['foo', 'bar', 'baz']));
|
| -
|
| - } finally {
|
| - enableBindingsReflection = false;
|
| - }
|
| - });
|
| -
|
| - test('oneTime', () {
|
| - var el = testDiv.append(new DivElement());
|
| - var model = toObservable({'a': '1'});
|
| - bindings.add(nodeBind(el).bind('foo', 1, oneTime: true));
|
| - expect('1', el.attributes['foo']);
|
| - });
|
| -
|
| - test('No Path', () {
|
| - var el = testDiv.append(new DivElement());
|
| - var model = 1;
|
| - bindings.add(nodeBind(el).bind('foo', new PathObserver(model)));
|
| - return new Future(() {
|
| - expect(el.attributes['foo'], '1');
|
| - });
|
| - });
|
| -
|
| - test('Path unreachable', () {
|
| - var el = testDiv.append(new DivElement());
|
| - var model = toObservable({});
|
| - bindings.add(nodeBind(el).bind('foo', new PathObserver(model, 'bar')));
|
| - return new Future(() {
|
| - expect(el.attributes['foo'], '');
|
| - });
|
| - });
|
| -
|
| - test('Dashes', () {
|
| - var el = testDiv.append(new DivElement());
|
| - var model = toObservable({'a': '1'});
|
| - bindings.add(nodeBind(el).bind('foo-bar', new PathObserver(model, 'a')));
|
| - return new Future(() {
|
| - expect(el.attributes['foo-bar'], '1');
|
| - model['a'] = '2';
|
| -
|
| - }).then(endOfMicrotask).then((_) {
|
| - expect(el.attributes['foo-bar'], '2');
|
| - });
|
| - });
|
| -
|
| - test('Element.id, Element.hidden?', () {
|
| - var element = new DivElement();
|
| - var model = toObservable({'a': 1, 'b': 2});
|
| - bindings.add(
|
| - nodeBind(element).bind('hidden?', new PathObserver(model, 'a')));
|
| - bindings.add(nodeBind(element).bind('id', new PathObserver(model, 'b')));
|
| -
|
| - expect(element.attributes, contains('hidden'));
|
| - expect(element.attributes['hidden'], '');
|
| - expect(element.id, '2');
|
| -
|
| - model['a'] = null;
|
| - return new Future(() {
|
| - expect(element.attributes, isNot(contains('hidden')),
|
| - reason: 'null is false-y');
|
| -
|
| - model['a'] = false;
|
| - }).then(endOfMicrotask).then((_) {
|
| - expect(element.attributes, isNot(contains('hidden')));
|
| -
|
| - model['a'] = 'foo';
|
| - model['b'] = 'x';
|
| - }).then(endOfMicrotask).then((_) {
|
| - expect(element.attributes, contains('hidden'));
|
| - expect(element.attributes['hidden'], '');
|
| - expect(element.id, 'x');
|
| - });
|
| - });
|
| -
|
| - test('Element.id - path unreachable', () {
|
| - var element = testDiv.append(new DivElement());
|
| - var model = toObservable({});
|
| - bindings.add(nodeBind(element).bind('id', new PathObserver(model, 'a')));
|
| - return new Future(() => expect(element.id, ''));
|
| - });
|
| -}
|
| -
|
| -formBindings() {
|
| - inputTextAreaValueTest(String tagName) {
|
| - var el = new Element.tag(tagName);
|
| - testDiv.nodes.add(el);
|
| - var model = toObservable({'x': 42});
|
| - bindings.add(nodeBind(el).bind('value', new PathObserver(model, 'x')));
|
| - expect(el.value, '42');
|
| -
|
| - model['x'] = 'Hi';
|
| - expect(el.value, '42', reason: 'changes delivered async');
|
| - return new Future(() {
|
| - expect(el.value, 'Hi');
|
| -
|
| - el.value = 'changed';
|
| - dispatchEvent('input', el);
|
| - expect(model['x'], 'changed');
|
| - });
|
| - }
|
| -
|
| - inputTextAreaValueOnetime(String tagName) {
|
| - var el = testDiv.append(new Element.tag(tagName));
|
| - bindings.add(nodeBind(el).bind('value', 42, oneTime: true));
|
| - expect(el.value, '42');
|
| - }
|
| -
|
| - inputTextAreaNoPath(String tagName) {
|
| - var el = testDiv.append(new Element.tag(tagName));
|
| - var model = 42;
|
| - bindings.add(nodeBind(el).bind('value', new PathObserver(model)));
|
| - expect(el.value, '42');
|
| - }
|
| -
|
| - inputTextAreaPathUnreachable(String tagName) {
|
| - var el = testDiv.append(new Element.tag(tagName));
|
| - var model = toObservable({});
|
| - bindings.add(nodeBind(el).bind('value', new PathObserver(model, 'a')));
|
| - expect(el.value, '');
|
| - }
|
| -
|
| - test('Input.value',
|
| - () => inputTextAreaValueTest('input'));
|
| -
|
| - test('Input.value - oneTime',
|
| - () => inputTextAreaValueOnetime('input'));
|
| -
|
| - test('Input.value - no path',
|
| - () => inputTextAreaNoPath('input'));
|
| -
|
| - test('Input.value - path unreachable',
|
| - () => inputTextAreaPathUnreachable('input'));
|
| -
|
| - test('TextArea.value',
|
| - () => inputTextAreaValueTest('textarea'));
|
| -
|
| - test('TextArea.value - oneTime',
|
| - () => inputTextAreaValueOnetime('textarea'));
|
| -
|
| - test('TextArea.value - no path',
|
| - () => inputTextAreaNoPath('textarea'));
|
| -
|
| - test('TextArea.value - path unreachable',
|
| - () => inputTextAreaPathUnreachable('textarea'));
|
| -
|
| - test('Radio Input', () {
|
| - var input = new InputElement();
|
| - input.type = 'radio';
|
| - var model = toObservable({'x': true});
|
| - bindings.add(nodeBind(input).bind('checked', new PathObserver(model, 'x')));
|
| - expect(input.checked, true);
|
| -
|
| - model['x'] = false;
|
| - expect(input.checked, true);
|
| - return new Future(() {
|
| - expect(input.checked, false,reason: 'model change should update checked');
|
| -
|
| - input.checked = true;
|
| - dispatchEvent('change', input);
|
| - expect(model['x'], true, reason: 'input.checked should set model');
|
| -
|
| - bindings[0].close();
|
| -
|
| - input.checked = false;
|
| - dispatchEvent('change', input);
|
| - expect(model['x'], true,
|
| - reason: 'disconnected binding should not fire');
|
| - });
|
| - });
|
| -
|
| - test('Input.value - user value rejected', () {
|
| - var model = toObservable({'val': 'ping'});
|
| -
|
| - var rejector = new PathObserver(model, 'val');
|
| - rejector.open(() {
|
| - model['val'] = 'ping';
|
| - });
|
| -
|
| - var el = new InputElement();
|
| - bindings.add(nodeBind(el).bind('value', new PathObserver(model, 'val')));
|
| -
|
| - return new Future(() {
|
| - expect(el.value, 'ping');
|
| -
|
| - el.value = 'pong';
|
| - dispatchEvent('input', el);
|
| -
|
| - }).then(endOfMicrotask).then((_) {
|
| - // rejector will have set the bound value back to 'ping'.
|
| - expect(el.value, 'ping');
|
| -
|
| - rejector.close();
|
| - });
|
| - });
|
| -
|
| - test('Checkbox Input.checked', () {
|
| - var el = testDiv.append(new InputElement());
|
| - el.type = 'checkbox';
|
| -
|
| - var model = toObservable({'x': true});
|
| - bindings.add(nodeBind(el).bind('checked', new PathObserver(model, 'x')));
|
| - expect(el.checked, true);
|
| -
|
| - model['x'] = false;
|
| - expect(el.checked, true, reason: 'changes delivered async');
|
| - return new Future(() {
|
| - expect(el.checked, false);
|
| -
|
| - el.click();
|
| - expect(model['x'], true);
|
| - }).then(endOfMicrotask).then((_) {
|
| -
|
| - el.click();
|
| - expect(model['x'], false);
|
| - });
|
| - });
|
| -
|
| - test('Checkbox Input.checked - oneTime', () {
|
| - var input = testDiv.append(new InputElement());
|
| - input.type = 'checkbox';
|
| - bindings.add(nodeBind(input).bind('checked', true, oneTime: true));
|
| - expect(input.checked, true, reason: 'checked was set');
|
| - });
|
| -
|
| - test('Checkbox Input.checked - path unreachable', () {
|
| - var input = testDiv.append(new InputElement());
|
| - input.type = 'checkbox';
|
| - var model = toObservable({});
|
| - bindings.add(nodeBind(input).bind('checked', new PathObserver(model, 'x')));
|
| - expect(input.checked, false);
|
| - });
|
| -
|
| - test('Checkbox Input.checked 2', () {
|
| - var model = toObservable({'val': true});
|
| -
|
| - var el = testDiv.append(new InputElement());
|
| - el.type = 'checkbox';
|
| - bindings.add(nodeBind(el).bind('checked', new PathObserver(model, 'val')));
|
| - return new Future(() {
|
| - expect(el.checked, true);
|
| -
|
| - model['val'] = false;
|
| - }).then(endOfMicrotask).then((_) {
|
| - expect(el.checked, false);
|
| -
|
| - el.click();
|
| - expect(model['val'], true);
|
| -
|
| - el.click();
|
| - expect(model['val'], false);
|
| -
|
| - el.onClick.listen((_) {
|
| - expect(model['val'], true);
|
| - });
|
| - el.onChange.listen((_) {
|
| - expect(model['val'], true);
|
| - });
|
| -
|
| - el.dispatchEvent(new MouseEvent('click', view: window));
|
| - });
|
| - });
|
| -
|
| - test('Checkbox Input.checked - binding updated on click', () {
|
| - var model = toObservable({'val': true});
|
| -
|
| - var el = new InputElement();
|
| - testDiv.append(el);
|
| - el.type = 'checkbox';
|
| - bindings.add(nodeBind(el).bind('checked', new PathObserver(model, 'val')));
|
| - return new Future(() {
|
| - expect(el.checked, true);
|
| -
|
| - int fired = 0;
|
| - el.onClick.listen((_) {
|
| - fired++;
|
| - expect(model['val'], false);
|
| - });
|
| -
|
| - el.dispatchEvent(new MouseEvent('click', view: window));
|
| -
|
| - expect(fired, 1, reason: 'events dispatched synchronously');
|
| - });
|
| - });
|
| -
|
| - test('Checkbox Input.checked - binding updated on change', () {
|
| - var model = toObservable({'val': true});
|
| -
|
| - var el = new InputElement();
|
| - testDiv.append(el);
|
| - el.type = 'checkbox';
|
| - bindings.add(nodeBind(el).bind('checked', new PathObserver(model, 'val')));
|
| - return new Future(() {
|
| - expect(el.checked, true);
|
| -
|
| - int fired = 0;
|
| - el.onChange.listen((_) {
|
| - fired++;
|
| - expect(model['val'], false);
|
| - });
|
| -
|
| - el.dispatchEvent(new MouseEvent('click', view: window));
|
| -
|
| - expect(fired, 1, reason: 'events dispatched synchronously');
|
| - });
|
| - });
|
| -
|
| - test('Radio Input.checked', () {
|
| - var input = testDiv.append(new InputElement());
|
| - input.type = 'radio';
|
| - var model = toObservable({'x': true});
|
| - bindings.add(nodeBind(input).bind('checked', new PathObserver(model, 'x')));
|
| - expect(input.checked, true);
|
| -
|
| - model['x'] = false;
|
| - expect(input.checked, true);
|
| - return new Future(() {
|
| - expect(input.checked, false);
|
| -
|
| - input.checked = true;
|
| - dispatchEvent('change', input);
|
| - expect(model['x'], true);
|
| - });
|
| - });
|
| -
|
| - test('Radio Input.checked - oneTime', () {
|
| - var input = testDiv.append(new InputElement());
|
| - input.type = 'radio';
|
| - bindings.add(nodeBind(input).bind('checked', true, oneTime: true));
|
| - expect(input.checked, true, reason: 'checked was set');
|
| - });
|
| -
|
| - radioInputChecked2(host) {
|
| - var model = toObservable({'val1': true, 'val2': false, 'val3': false,
|
| - 'val4': true});
|
| - var RADIO_GROUP_NAME = 'test';
|
| -
|
| - var container = host.append(new DivElement());
|
| -
|
| - var el1 = container.append(new InputElement());
|
| - el1.type = 'radio';
|
| - el1.name = RADIO_GROUP_NAME;
|
| - bindings.add(
|
| - nodeBind(el1).bind('checked', new PathObserver(model, 'val1')));
|
| -
|
| - var el2 = container.append(new InputElement());
|
| - el2.type = 'radio';
|
| - el2.name = RADIO_GROUP_NAME;
|
| - bindings.add(
|
| - nodeBind(el2).bind('checked', new PathObserver(model, 'val2')));
|
| -
|
| - var el3 = container.append(new InputElement());
|
| - el3.type = 'radio';
|
| - el3.name = RADIO_GROUP_NAME;
|
| - bindings.add(
|
| - nodeBind(el3).bind('checked', new PathObserver(model, 'val3')));
|
| -
|
| - var el4 = container.append(new InputElement());
|
| - el4.type = 'radio';
|
| - el4.name = 'othergroup';
|
| - bindings.add(
|
| - nodeBind(el4).bind('checked', new PathObserver(model, 'val4')));
|
| -
|
| - return new Future(() {
|
| - expect(el1.checked, true);
|
| - expect(el2.checked, false);
|
| - expect(el3.checked, false);
|
| - expect(el4.checked, true);
|
| -
|
| - model['val1'] = false;
|
| - model['val2'] = true;
|
| - }).then(endOfMicrotask).then((_) {
|
| - expect(el1.checked, false);
|
| - expect(el2.checked, true);
|
| - expect(el3.checked, false);
|
| - expect(el4.checked, true);
|
| -
|
| - el1.checked = true;
|
| - dispatchEvent('change', el1);
|
| - expect(model['val1'], true);
|
| - expect(model['val2'], false);
|
| - expect(model['val3'], false);
|
| - expect(model['val4'], true);
|
| -
|
| - el3.checked = true;
|
| - dispatchEvent('change', el3);
|
| - expect(model['val1'], false);
|
| - expect(model['val2'], false);
|
| - expect(model['val3'], true);
|
| - expect(model['val4'], true);
|
| - });
|
| - }
|
| -
|
| - test('Radio Input.checked 2', () => radioInputChecked2(testDiv));
|
| -
|
| - test('Radio Input.checked 2 - ShadowRoot', () {
|
| - if (!ShadowRoot.supported) return null;
|
| -
|
| - var shadowRoot = new DivElement().createShadowRoot();
|
| - return radioInputChecked2(shadowRoot);
|
| - });
|
| -
|
| - radioInputCheckedMultipleForms(host) {
|
| - var model = toObservable({'val1': true, 'val2': false, 'val3': false,
|
| - 'val4': true});
|
| - var RADIO_GROUP_NAME = 'test';
|
| -
|
| - var container = testDiv.append(new DivElement());
|
| - var form1 = new FormElement();
|
| - container.append(form1);
|
| - var form2 = new FormElement();
|
| - container.append(form2);
|
| -
|
| - var el1 = new InputElement();
|
| - form1.append(el1);
|
| - el1.type = 'radio';
|
| - el1.name = RADIO_GROUP_NAME;
|
| - bindings.add(
|
| - nodeBind(el1).bind('checked', new PathObserver(model, 'val1')));
|
| -
|
| - var el2 = new InputElement();
|
| - form1.append(el2);
|
| - el2.type = 'radio';
|
| - el2.name = RADIO_GROUP_NAME;
|
| - bindings.add(
|
| - nodeBind(el2).bind('checked', new PathObserver(model, 'val2')));
|
| -
|
| - var el3 = new InputElement();
|
| - form2.append(el3);
|
| - el3.type = 'radio';
|
| - el3.name = RADIO_GROUP_NAME;
|
| - bindings.add(
|
| - nodeBind(el3).bind('checked', new PathObserver(model, 'val3')));
|
| -
|
| - var el4 = new InputElement();
|
| - form2.append(el4);
|
| - el4.type = 'radio';
|
| - el4.name = RADIO_GROUP_NAME;
|
| - bindings.add(
|
| - nodeBind(el4).bind('checked', new PathObserver(model, 'val4')));
|
| -
|
| - return new Future(() {
|
| - expect(el1.checked, true);
|
| - expect(el2.checked, false);
|
| - expect(el3.checked, false);
|
| - expect(el4.checked, true);
|
| -
|
| - el2.checked = true;
|
| - dispatchEvent('change', el2);
|
| - expect(model['val1'], false);
|
| - expect(model['val2'], true);
|
| -
|
| - // Radio buttons in form2 should be unaffected
|
| - expect(model['val3'], false);
|
| - expect(model['val4'], true);
|
| -
|
| - el3.checked = true;
|
| - dispatchEvent('change', el3);
|
| - expect(model['val3'], true);
|
| - expect(model['val4'], false);
|
| -
|
| - // Radio buttons in form1 should be unaffected
|
| - expect(model['val1'], false);
|
| - expect(model['val2'], true);
|
| - });
|
| - }
|
| -
|
| - test('Radio Input.checked - multiple forms', () {
|
| - return radioInputCheckedMultipleForms(testDiv);
|
| - });
|
| -
|
| - test('Radio Input.checked - multiple forms - ShadowRoot', () {
|
| - if (!ShadowRoot.supported) return null;
|
| -
|
| - var shadowRoot = new DivElement().createShadowRoot();
|
| - return radioInputCheckedMultipleForms(shadowRoot);
|
| - });
|
| -
|
| - test('Select.selectedIndex', () {
|
| - var select = new SelectElement();
|
| - testDiv.append(select);
|
| - var option0 = select.append(new OptionElement());
|
| - var option1 = select.append(new OptionElement());
|
| - var option2 = select.append(new OptionElement());
|
| -
|
| - var model = toObservable({'val': 2});
|
| -
|
| - bindings.add(
|
| - nodeBind(select).bind('selectedIndex', new PathObserver(model, 'val')));
|
| - return new Future(() {
|
| - expect(select.selectedIndex, 2);
|
| -
|
| - select.selectedIndex = 1;
|
| - dispatchEvent('change', select);
|
| - expect(model['val'], 1);
|
| - });
|
| - });
|
| -
|
| - test('Select.selectedIndex - oneTime', () {
|
| - var select = new SelectElement();
|
| - testDiv.append(select);
|
| - var option0 = select.append(new OptionElement());
|
| - var option1 = select.append(new OptionElement());
|
| - var option2 = select.append(new OptionElement());
|
| -
|
| - bindings.add(nodeBind(select).bind('selectedIndex', 2, oneTime: true));
|
| - return new Future(() => expect(select.selectedIndex, 2));
|
| - });
|
| -
|
| - test('Select.selectedIndex - invalid path', () {
|
| - var select = new SelectElement();
|
| - testDiv.append(select);
|
| - var option0 = select.append(new OptionElement());
|
| - var option1 = select.append(new OptionElement());
|
| - option1.selected = true;
|
| - var option2 = select.append(new OptionElement());
|
| -
|
| - var model = toObservable({'val': 'foo'});
|
| -
|
| - bindings.add(
|
| - nodeBind(select).bind('selectedIndex', new PathObserver(model, 'val')));
|
| - return new Future(() => expect(select.selectedIndex, 0));
|
| - });
|
| -
|
| - test('Select.selectedIndex - path unreachable', () {
|
| - var select = new SelectElement();
|
| - testDiv.append(select);
|
| - var option0 = select.append(new OptionElement());
|
| - var option1 = select.append(new OptionElement());
|
| - option1.selected = true;
|
| - var option2 = select.append(new OptionElement());
|
| -
|
| - var model = toObservable({});
|
| -
|
| - bindings.add(
|
| - nodeBind(select).bind('selectedIndex', new PathObserver(model, 'val')));
|
| - return new Future(() => expect(select.selectedIndex, 0));
|
| - });
|
| -
|
| - test('Option.value', () {
|
| - var option = testDiv.append(new OptionElement());
|
| - var model = toObservable({'x': 42});
|
| - bindings.add(nodeBind(option).bind('value', new PathObserver(model, 'x')));
|
| - expect(option.value, '42');
|
| -
|
| - model['x'] = 'Hi';
|
| - expect(option.value, '42');
|
| - return new Future(() => expect(option.value, 'Hi'));
|
| - });
|
| -
|
| - test('Option.value - oneTime', () {
|
| - var option = testDiv.append(new OptionElement());
|
| - bindings.add(nodeBind(option).bind('value', 42, oneTime: true));
|
| - expect(option.value, '42');
|
| - });
|
| -
|
| - test('Select.value', () {
|
| - var select = testDiv.append(new SelectElement());
|
| - testDiv.append(select);
|
| - var option0 = select.append(new OptionElement());
|
| - var option1 = select.append(new OptionElement());
|
| - var option2 = select.append(new OptionElement());
|
| -
|
| - var model = toObservable({
|
| - 'opt0': 'a',
|
| - 'opt1': 'b',
|
| - 'opt2': 'c',
|
| - 'selected': 'b'
|
| - });
|
| -
|
| - bindings.add(
|
| - nodeBind(option0).bind('value', new PathObserver(model, 'opt0')));
|
| - bindings.add(
|
| - nodeBind(option1).bind('value', new PathObserver(model, 'opt1')));
|
| - bindings.add(
|
| - nodeBind(option2).bind('value', new PathObserver(model, 'opt2')));
|
| - bindings.add(
|
| - nodeBind(select).bind('value', new PathObserver(model, 'selected')));
|
| - return new Future(() {
|
| - expect(select.value, 'b');
|
| -
|
| - select.value = 'c';
|
| - dispatchEvent('change', select);
|
| - expect(model['selected'], 'c');
|
| -
|
| - model['opt2'] = 'X';
|
| - }).then(endOfMicrotask).then((_) {
|
| - expect(select.value, 'X');
|
| - expect(model['selected'], 'X');
|
| -
|
| - model['selected'] = 'a';
|
| - }).then(endOfMicrotask).then((_) {
|
| - expect(select.value, 'a');
|
| - });
|
| - });
|
| -}
|
|
|