Index: packages/template_binding/test/binding_syntax.dart |
diff --git a/packages/template_binding/test/binding_syntax.dart b/packages/template_binding/test/binding_syntax.dart |
deleted file mode 100644 |
index 859698b885b56ae9dd7e15337e2ea4ecec37d2b4..0000000000000000000000000000000000000000 |
--- a/packages/template_binding/test/binding_syntax.dart |
+++ /dev/null |
@@ -1,325 +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.binding_syntax; |
- |
-import 'dart:async'; |
-import 'dart:collection'; |
-import 'dart:html'; |
-import 'package:template_binding/template_binding.dart'; |
-import 'package:observe/observe.dart'; |
-import 'package:unittest/unittest.dart'; |
-import 'utils.dart'; |
- |
-// Note: this test is executed by template_element_test.dart |
- |
-syntaxTests(FooBarModel fooModel([foo, bar])) { |
- test('prepareBinding', () { |
- var model = fooModel('bar'); |
- var testSyntax = new TestBindingSyntax(); |
- var div = createTestHtml( |
- '<template bind>{{ foo }}' |
- '<template bind>{{ foo }}</template>' |
- '</template>'); |
- var template = templateBind(div.firstChild); |
- template |
- ..model = model |
- ..bindingDelegate = testSyntax; |
- return new Future(() { |
- expect(div.nodes.length, 4); |
- expect(div.nodes.last.text, 'bar'); |
- expect(div.nodes[2].tagName, 'TEMPLATE'); |
- expect(testSyntax.log, [ |
- ['prepare', '', 'bind', 'TEMPLATE'], |
- ['bindFn', model, 'TEMPLATE', 0], |
- ['prepare', 'foo', 'text', 'TEXT'], |
- ['prepare', '', 'bind', 'TEMPLATE'], |
- ['bindFn', model, 'TEXT', 2], |
- ['bindFn', model, 'TEMPLATE', 3], |
- ['prepare', 'foo', 'text', 'TEXT'], |
- ['bindFn', model, 'TEXT', 6], |
- ]); |
- }); |
- }); |
- |
- test('prepareInstanceModel', () { |
- var model = toObservable([fooModel(1), fooModel(2), fooModel(3)]); |
- |
- var testSyntax = new TestModelSyntax(); |
- testSyntax.altModels.addAll([fooModel('a'), fooModel('b'), fooModel('c')]); |
- |
- var div = createTestHtml('<template repeat>{{ foo }}</template>'); |
- |
- var template = div.nodes[0]; |
- templateBind(template) |
- ..model = model |
- ..bindingDelegate = testSyntax; |
- return new Future(() { |
- |
- expect(div.nodes.length, 4); |
- expect(div.nodes[0].tagName, 'TEMPLATE'); |
- expect(div.nodes[1].text, 'a'); |
- expect(div.nodes[2].text, 'b'); |
- expect(div.nodes[3].text, 'c'); |
- |
- expect(testSyntax.log, [ |
- ['prepare', template], |
- ['bindFn', model[0]], |
- ['bindFn', model[1]], |
- ['bindFn', model[2]], |
- ]); |
- }); |
- }); |
- |
- test('prepareInstanceModel - reorder instances', () { |
- var model = toObservable([0, 1, 2]); |
- |
- var div = createTestHtml('<template repeat>{{}}</template>'); |
- var template = div.firstChild; |
- var delegate = new TestInstanceModelSyntax(); |
- |
- templateBind(template) |
- ..model = model |
- ..bindingDelegate = delegate; |
- return new Future(() { |
- expect(delegate.prepareCount, 1); |
- expect(delegate.callCount, 3); |
- |
- // Note: intentionally mutate in place. |
- model.replaceRange(0, model.length, model.reversed.toList()); |
- }).then(endOfMicrotask).then((_) { |
- expect(delegate.prepareCount, 1); |
- expect(delegate.callCount, 3); |
- }); |
- }); |
- |
- test('prepareInstancePositionChanged', () { |
- var model = toObservable(['a', 'b', 'c']); |
- |
- var div = createTestHtml('<template repeat>{{}}</template>'); |
- var delegate = new TestPositionChangedSyntax(); |
- |
- var template = div.nodes[0]; |
- templateBind(template) |
- ..model = model |
- ..bindingDelegate = delegate; |
- return new Future(() { |
- |
- expect(div.nodes.length, 4); |
- expect(div.nodes[0].tagName, 'TEMPLATE'); |
- expect(div.nodes[1].text, 'a'); |
- expect(div.nodes[2].text, 'b'); |
- expect(div.nodes[3].text, 'c'); |
- |
- expect(delegate.log, [ |
- ['prepare', template], |
- ['bindFn', model[0], 0], |
- ['bindFn', model[1], 1], |
- ['bindFn', model[2], 2], |
- ]); |
- |
- delegate.log.clear(); |
- |
- model.removeAt(1); |
- }).then(endOfMicrotask).then((_) { |
- |
- expect(delegate.log, [['bindFn', 'c', 1]], reason: 'removed item'); |
- |
- expect(div.nodes.skip(1).map((n) => n.text), ['a', 'c']); |
- }); |
- }); |
- |
- |
- test('Update bindingDelegate with active template', () { |
- var model = toObservable([1, 2]); |
- |
- var div = createTestHtml( |
- '<template repeat>{{ \$index }} - {{ \$ident }}</template>'); |
- var template = templateBind(div.firstChild) |
- ..bindingDelegate = new UpdateBindingDelegateA() |
- ..model = model; |
- |
- return new Future(() { |
- expect(div.nodes.length, 3); |
- expect(div.nodes[1].text, 'i:0 - a:1'); |
- expect(div.nodes[2].text, 'i:1 - a:2'); |
- |
- expect(() { |
- template.bindingDelegate = new UpdateBindingDelegateB(); |
- }, throws); |
- |
- template.clear(); |
- expect(div.nodes.length, 1); |
- |
- template |
- ..bindingDelegate = new UpdateBindingDelegateB() |
- ..model = model; |
- |
- model.add(3); |
- }).then(nextMicrotask).then((_) { |
- // All instances should reflect delegateB |
- expect(4, div.nodes.length); |
- expect(div.nodes[1].text, 'I:0 - A:1-narg'); |
- expect(div.nodes[2].text, 'I:2 - A:2-narg'); |
- expect(div.nodes[3].text, 'I:4 - A:3-narg'); |
- }); |
- }); |
- |
- test('Basic', () { |
- var model = fooModel(2, 4); |
- var div = createTestHtml( |
- '<template bind>' |
- '{{ foo }} + {{ 2x: bar }} + {{ 4x: bar }}</template>'); |
- var template = templateBind(div.firstChild); |
- template |
- ..model = model |
- ..bindingDelegate = new TimesTwoSyntax(); |
- return new Future(() { |
- expect(div.nodes.length, 2); |
- expect(div.nodes.last.text, '2 + 8 + '); |
- |
- model.foo = 4; |
- model.bar = 8; |
- }).then(endOfMicrotask).then((_) { |
- expect(div.nodes.last.text, '4 + 16 + '); |
- }); |
- }); |
- |
- test('CreateInstance', () { |
- var delegateFoo = new SimpleTextDelegate('foo'); |
- var delegateBar = new SimpleTextDelegate('bar'); |
- |
- var div = createTestHtml('<template bind>[[ 2x: bar ]]</template>'); |
- var template = templateBind(div.firstChild); |
- template..bindingDelegate = delegateFoo..model = {}; |
- |
- return new Future(() { |
- expect(div.nodes.length, 2); |
- expect(div.lastChild.text, 'foo'); |
- |
- var fragment = template.createInstance({}); |
- expect(fragment.nodes.length, 1); |
- expect(fragment.lastChild.text, 'foo'); |
- |
- fragment = template.createInstance({}, delegateBar); |
- expect(fragment.nodes.length, 1); |
- expect(fragment.lastChild.text, 'bar'); |
- }); |
- }); |
- |
- // Note: issue-141 test not included here as it's not related to the |
- // BindingDelegate |
-} |
- |
-// TODO(jmesserly): mocks would be cleaner here. |
- |
-class TestBindingSyntax extends BindingDelegate { |
- var log = []; |
- |
- prepareBinding(String path, String name, Node node) { |
- var tagName = node is Element ? node.tagName : 'TEXT'; |
- int id = log.length; |
- log.add(['prepare', path, name, tagName]); |
- final outerNode = node; |
- return (model, node, oneTime) { |
- var tagName = node is Element ? node.tagName : 'TEXT'; |
- log.add(['bindFn', model, tagName, id]); |
- return oneTime ? new PropertyPath(path).getValueFrom(model) : |
- new PathObserver(model, path); |
- }; |
- } |
-} |
- |
-class SimpleTextDelegate extends BindingDelegate { |
- final String text; |
- SimpleTextDelegate(this.text); |
- |
- prepareBinding(path, name, node) => |
- name != 'text' ? null : (_, __, ___) => text; |
-} |
- |
-class TestModelSyntax extends BindingDelegate { |
- var log = []; |
- var altModels = new ListQueue(); |
- |
- prepareInstanceModel(template) { |
- log.add(['prepare', template]); |
- return (model) { |
- log.add(['bindFn', model]); |
- return altModels.removeFirst(); |
- }; |
- } |
-} |
- |
-class TestInstanceModelSyntax extends BindingDelegate { |
- int prepareCount = 0; |
- int callCount = 0; |
- prepareInstanceModel(template) { |
- prepareCount++; |
- return (model) { |
- callCount++; |
- return model; |
- }; |
- } |
-} |
- |
- |
-class TestPositionChangedSyntax extends BindingDelegate { |
- var log = []; |
- |
- prepareInstancePositionChanged(template) { |
- int id = log.length; |
- log.add(['prepare', template]); |
- return (templateInstance, index) { |
- log.add(['bindFn', templateInstance.model, index]); |
- }; |
- } |
-} |
- |
- |
-class TimesTwoSyntax extends BindingDelegate { |
- prepareBinding(path, name, node) { |
- path = path.trim(); |
- if (!path.startsWith('2x:')) return null; |
- |
- path = path.substring(3); |
- return (model, _, oneTime) { |
- return new ObserverTransform(new PathObserver(model, path), (x) => 2 * x); |
- }; |
- } |
-} |
- |
-class UpdateBindingDelegateBase extends BindingDelegate { |
- bindingHandler(prefix, path) => (model, _, oneTime) => |
- new ObserverTransform(new PathObserver(model, path), (x) => '$prefix:$x'); |
-} |
- |
-class UpdateBindingDelegateA extends UpdateBindingDelegateBase { |
- prepareBinding(path, name, node) { |
- if (path == '\$ident') return bindingHandler('a', 'id'); |
- if (path == '\$index') return bindingHandler('i', 'index'); |
- } |
- |
- prepareInstanceModel(template) => (model) => toObservable({ 'id': model }); |
- |
- prepareInstancePositionChanged(template) => (templateInstance, index) { |
- templateInstance.model['index'] = index; |
- }; |
-} |
- |
-class UpdateBindingDelegateB extends UpdateBindingDelegateBase { |
- prepareBinding(path, name, node) { |
- if (path == '\$ident') return bindingHandler('A', 'id'); |
- if (path == '\$index') return bindingHandler('I', 'index'); |
- } |
- |
- prepareInstanceModel(template) => |
- (model) => toObservable({ 'id': '${model}-narg' }); |
- |
- |
- prepareInstancePositionChanged(template) => (templateInstance, index) { |
- templateInstance.model['index'] = 2 * index; |
- }; |
-} |
- |