Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(882)

Unified Diff: packages/template_binding/test/node_bind_test.dart

Issue 2989763002: Update charted to 0.4.8 and roll (Closed)
Patch Set: Removed Cutch from list of reviewers Created 3 years, 5 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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');
- });
- });
-}
« no previous file with comments | « packages/template_binding/test/custom_element_bindings_test.html ('k') | packages/template_binding/test/node_bind_test.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698