Index: test/codegen/lib/html/element_classes_test.dart |
diff --git a/test/codegen/lib/html/element_classes_test.dart b/test/codegen/lib/html/element_classes_test.dart |
new file mode 100644 |
index 0000000000000000000000000000000000000000..2846d0dbc70e41544850152754ba1ebef5ee18d2 |
--- /dev/null |
+++ b/test/codegen/lib/html/element_classes_test.dart |
@@ -0,0 +1,397 @@ |
+// Copyright (c) 2011, 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 ElementTest; |
+import 'package:unittest/unittest.dart'; |
+import 'package:unittest/html_config.dart'; |
+import 'dart:collection'; |
+import 'dart:html'; |
+ |
+Element makeElement() => new Element.tag('div'); |
+ |
+Element makeElementWithClasses() => |
+ new Element.html('<div class="foo bar baz"></div>'); |
+ |
+Set<String> makeClassSet() => makeElementWithClasses().classes; |
+ |
+Element makeListElement() => |
+ new Element.html('<ul class="foo bar baz">' |
+ '<li class="quux qux">' |
+ '<li class="meta">' |
+ '<li class="classy lassy">' |
+ '<li class="qux lassy">' |
+ '</ul>'); |
+ |
+Element listElement; |
+ |
+ElementList<Element> listElementSetup() { |
+ listElement = makeListElement(); |
+ document.documentElement.children.add(listElement); |
+ return document.querySelectorAll('li'); |
+} |
+ |
+void listElementTearDown() { |
+ if (listElement != null) { |
+ document.documentElement.children.remove(listElement); |
+ listElement = null; |
+ } |
+} |
+ |
+/// Returns a canonical string for Set<String> and lists of Element's classes. |
+String view(var e) { |
+ if (e is Set) return '${e.toList()..sort()}'; |
+ if (e is Element) return view(e.classes); |
+ if (e is Iterable) return '${e.map(view).toList()}'; |
+ throw new ArgumentError('Cannot make canonical view string for: $e}'); |
+} |
+ |
+main() { |
+ useHtmlConfiguration(); |
+ |
+ Set<String> extractClasses(Element el) { |
+ final match = new RegExp('class="([^"]+)"').firstMatch(el.outerHtml); |
+ return new LinkedHashSet.from(match[1].split(' ')); |
+ } |
+ |
+ |
+ test('affects the "class" attribute', () { |
+ final el = makeElementWithClasses(); |
+ el.classes.add('qux'); |
+ expect(extractClasses(el), orderedEquals(['foo', 'bar', 'baz', 'qux'])); |
+ }); |
+ |
+ test('is affected by the "class" attribute', () { |
+ final el = makeElementWithClasses(); |
+ el.attributes['class'] = 'foo qux'; |
+ expect(el.classes, orderedEquals(['foo', 'qux'])); |
+ }); |
+ |
+ test('classes=', () { |
+ final el = makeElementWithClasses(); |
+ el.classes = ['foo', 'qux']; |
+ expect(el.classes, orderedEquals(['foo', 'qux'])); |
+ expect(extractClasses(el), orderedEquals(['foo', 'qux'])); |
+ }); |
+ |
+ test('toString', () { |
+ expect(makeClassSet().toString().split(' '), |
+ orderedEquals(['foo', 'bar', 'baz'])); |
+ expect(makeElement().classes.toString(), ''); |
+ }); |
+ |
+ test('forEach', () { |
+ final classes = <String>[]; |
+ makeClassSet().forEach(classes.add); |
+ expect(classes, orderedEquals(['foo', 'bar', 'baz'])); |
+ }); |
+ |
+ test('iterator', () { |
+ final classes = <String>[]; |
+ for (var el in makeClassSet()) { |
+ classes.add(el); |
+ } |
+ expect(classes, orderedEquals(['foo', 'bar', 'baz'])); |
+ }); |
+ |
+ test('map', () { |
+ expect(makeClassSet().map((c) => c.toUpperCase()).toList(), |
+ orderedEquals(['FOO', 'BAR', 'BAZ'])); |
+ }); |
+ |
+ test('where', () { |
+ expect(makeClassSet().where((c) => c.contains('a')).toList(), |
+ orderedEquals(['bar', 'baz'])); |
+ }); |
+ |
+ test('every', () { |
+ expect(makeClassSet().every((c) => c is String), isTrue); |
+ expect(makeClassSet().every((c) => c.contains('a')), isFalse); |
+ }); |
+ |
+ test('any', () { |
+ expect(makeClassSet().any((c) => c.contains('a')), isTrue); |
+ expect(makeClassSet().any((c) => c is num), isFalse); |
+ }); |
+ |
+ test('isEmpty', () { |
+ expect(makeClassSet().isEmpty, isFalse); |
+ expect(makeElement().classes.isEmpty, isTrue); |
+ }); |
+ |
+ test('length', () { |
+ expect(makeClassSet().length, 3); |
+ expect(makeElement().classes.length, 0); |
+ }); |
+ |
+ test('contains', () { |
+ expect(makeClassSet().contains('foo'), isTrue); |
+ expect(makeClassSet().contains('qux'), isFalse); |
+ }); |
+ |
+ test('contains-bad', () { |
+ // Non-strings return `false`. |
+ // Strings need to be valid tokens. |
+ final classes = makeClassSet(); |
+ expect(classes.contains(1), isFalse); |
+ expect(() => classes.contains(''), throws); |
+ expect(() => classes.contains('foo bar'), throws); |
+ }); |
+ |
+ test('add', () { |
+ final classes = makeClassSet(); |
+ var added = classes.add('qux'); |
+ expect(added, isTrue); |
+ expect(classes, orderedEquals(['foo', 'bar', 'baz', 'qux'])); |
+ |
+ added = classes.add('qux'); |
+ expect(added, isFalse); |
+ final list = new List.from(classes); |
+ list.sort((a, b) => a.compareTo(b)); |
+ expect(list, orderedEquals(['bar', 'baz', 'foo', 'qux']), |
+ reason: "The class set shouldn't have duplicate elements."); |
+ }); |
+ |
+ test('add-bad', () { |
+ final classes = makeClassSet(); |
+ expect(() => classes.add(''), throws); |
+ expect(() => classes.add('foo bar'), throws); |
+ }); |
+ |
+ test('remove', () { |
+ final classes = makeClassSet(); |
+ classes.remove('bar'); |
+ expect(classes, orderedEquals(['foo', 'baz'])); |
+ classes.remove('qux'); |
+ expect(classes, orderedEquals(['foo', 'baz'])); |
+ }); |
+ |
+ test('remove-bad', () { |
+ final classes = makeClassSet(); |
+ expect(() => classes.remove(''), throws); |
+ expect(() => classes.remove('foo bar'), throws); |
+ }); |
+ |
+ test('toggle', () { |
+ final classes = makeClassSet(); |
+ classes.toggle('bar'); |
+ expect(classes, orderedEquals(['foo', 'baz'])); |
+ classes.toggle('qux'); |
+ expect(classes, orderedEquals(['foo', 'baz', 'qux'])); |
+ |
+ classes.toggle('qux', true); |
+ expect(classes, orderedEquals(['foo', 'baz', 'qux'])); |
+ classes.toggle('qux', false); |
+ expect(classes, orderedEquals(['foo', 'baz'])); |
+ classes.toggle('qux', false); |
+ expect(classes, orderedEquals(['foo', 'baz'])); |
+ classes.toggle('qux', true); |
+ expect(classes, orderedEquals(['foo', 'baz', 'qux'])); |
+ }); |
+ |
+ test('toggle-bad', () { |
+ final classes = makeClassSet(); |
+ expect(() => classes.toggle(''), throws); |
+ expect(() => classes.toggle('', true), throws); |
+ expect(() => classes.toggle('', false), throws); |
+ expect(() => classes.toggle('foo bar'), throws); |
+ expect(() => classes.toggle('foo bar', true), throws); |
+ expect(() => classes.toggle('foo bar', false), throws); |
+ }); |
+ |
+ test('addAll', () { |
+ final classes = makeClassSet(); |
+ classes.addAll(['bar', 'qux', 'bip']); |
+ expect(classes, orderedEquals(['foo', 'bar', 'baz', 'qux', 'bip'])); |
+ }); |
+ |
+ test('removeAll', () { |
+ final classes = makeClassSet(); |
+ classes.removeAll(['bar', 'baz', 'qux']); |
+ expect(classes, orderedEquals(['foo'])); |
+ }); |
+ |
+ test('toggleAll', () { |
+ final classes = makeClassSet(); |
+ classes.toggleAll(['bar', 'foo']); |
+ expect(classes, orderedEquals(['baz'])); |
+ classes.toggleAll(['qux', 'quux']); |
+ expect(classes, orderedEquals(['baz', 'qux', 'quux'])); |
+ classes.toggleAll(['bar', 'foo'], true); |
+ expect(classes, orderedEquals(['baz', 'qux', 'quux', 'bar', 'foo'])); |
+ classes.toggleAll(['baz', 'quux'], false); |
+ expect(classes, orderedEquals(['qux','bar', 'foo'])); |
+ }); |
+ |
+ test('retainAll', () { |
+ final classes = makeClassSet(); |
+ classes.retainAll(['bar', 'baz', 'qux']); |
+ expect(classes, orderedEquals(['bar', 'baz'])); |
+ }); |
+ |
+ test('removeWhere', () { |
+ final classes = makeClassSet(); |
+ classes.removeWhere((s) => s.startsWith('b')); |
+ expect(classes, orderedEquals(['foo'])); |
+ }); |
+ |
+ test('retainWhere', () { |
+ final classes = makeClassSet(); |
+ classes.retainWhere((s) => s.startsWith('b')); |
+ expect(classes, orderedEquals(['bar', 'baz'])); |
+ }); |
+ |
+ test('containsAll', () { |
+ final classes = makeClassSet(); |
+ expect(classes.containsAll(['foo', 'baz']), isTrue); |
+ expect(classes.containsAll(['foo', 'qux']), isFalse); |
+ expect(classes.containsAll(['foo', 'baz'].toSet()), isTrue); |
+ expect(classes.containsAll(['foo', 'qux'].toSet()), isFalse); |
+ }); |
+ |
+ test('intersection', () { |
+ final classes = makeClassSet(); |
+ expect(classes.intersection(['foo', 'qux', 'baz'].toSet()), |
+ unorderedEquals(['foo', 'baz'])); |
+ }); |
+ |
+ test('clear', () { |
+ final classes = makeClassSet(); |
+ classes.clear(); |
+ expect(classes, equals([])); |
+ }); |
+ |
+ test('order', () { |
+ var classes = makeClassSet(); |
+ classes.add('aardvark'); |
+ expect(classes, orderedEquals(['foo', 'bar', 'baz', 'aardvark'])); |
+ classes.toggle('baz'); |
+ expect(classes, orderedEquals(['foo', 'bar', 'aardvark'])); |
+ classes.toggle('baz'); |
+ expect(classes, orderedEquals(['foo', 'bar', 'aardvark', 'baz'])); |
+ }); |
+ |
+ tearDown(listElementTearDown); |
+ |
+ test('list_view', () { |
+ // Test that the 'view' helper function is behaving. |
+ var elements = listElementSetup(); |
+ expect(view(elements.classes), '[classy, lassy, meta, quux, qux]'); |
+ expect(view(elements), |
+ '[[quux, qux], [meta], [classy, lassy], [lassy, qux]]'); |
+ }); |
+ |
+ test('listClasses=', () { |
+ var elements = listElementSetup(); |
+ elements.classes = ['foo', 'qux']; |
+ elements = document.queryAll('li'); |
+ for (Element e in elements) { |
+ expect(e.classes, orderedEquals(['foo', 'qux'])); |
+ expect(extractClasses(e), orderedEquals(['foo', 'qux'])); |
+ } |
+ |
+ elements.classes = []; |
+ expect(view(elements.classes), '[]'); |
+ expect(view(elements), '[[], [], [], []]'); |
+ }); |
+ |
+ test('listMap', () { |
+ var elements = listElementSetup(); |
+ expect(elements.classes.map((c) => c.toUpperCase()).toList(), |
+ unorderedEquals(['QUX', 'QUUX', 'META', 'CLASSY', 'LASSY'])); |
+ }); |
+ |
+ test('listContains', () { |
+ var elements = listElementSetup(); |
+ expect(elements.classes.contains('lassy'), isTrue); |
+ expect(elements.classes.contains('foo'), isFalse); |
+ }); |
+ |
+ |
+ test('listAdd', () { |
+ var elements = listElementSetup(); |
+ var added = elements.classes.add('lassie'); |
+ expect(added, isNull); |
+ |
+ expect(view(elements.classes), '[classy, lassie, lassy, meta, quux, qux]'); |
+ expect(view(elements), |
+ '[[lassie, quux, qux], [lassie, meta], [classy, lassie, lassy], ' |
+ '[lassie, lassy, qux]]'); |
+ }); |
+ |
+ test('listRemove', () { |
+ var elements = listElementSetup(); |
+ expect(elements.classes.remove('lassi'), isFalse); |
+ expect(view(elements.classes), '[classy, lassy, meta, quux, qux]'); |
+ expect(view(elements), |
+ '[[quux, qux], [meta], [classy, lassy], [lassy, qux]]'); |
+ |
+ expect(elements.classes.remove('qux'), isTrue); |
+ expect(view(elements.classes), '[classy, lassy, meta, quux]'); |
+ expect(view(elements), '[[quux], [meta], [classy, lassy], [lassy]]'); |
+ }); |
+ |
+ test('listToggle', () { |
+ var elements = listElementSetup(); |
+ elements.classes.toggle('qux'); |
+ expect(view(elements.classes), '[classy, lassy, meta, quux, qux]'); |
+ expect(view(elements), |
+ '[[quux], [meta, qux], [classy, lassy, qux], [lassy]]'); |
+ }); |
+ |
+ test('listAddAll', () { |
+ var elements = listElementSetup(); |
+ elements.classes.addAll(['qux', 'lassi', 'sassy']); |
+ expect(view(elements.classes), |
+ '[classy, lassi, lassy, meta, quux, qux, sassy]'); |
+ expect(view(elements), |
+ '[[lassi, quux, qux, sassy], [lassi, meta, qux, sassy], ' |
+ '[classy, lassi, lassy, qux, sassy], [lassi, lassy, qux, sassy]]'); |
+ }); |
+ |
+ test('listRemoveAll', () { |
+ var elements = listElementSetup(); |
+ elements.classes.removeAll(['qux', 'lassy', 'meta']); |
+ expect(view(elements.classes), '[classy, quux]'); |
+ expect(view(elements), '[[quux], [], [classy], []]'); |
+ |
+ }); |
+ |
+ test('listToggleAll', () { |
+ var elements = listElementSetup(); |
+ elements.classes.toggleAll(['qux', 'meta', 'mornin']); |
+ expect(view(elements.classes), '[classy, lassy, meta, mornin, quux, qux]'); |
+ expect(view(elements), |
+ '[[meta, mornin, quux], [mornin, qux], ' |
+ '[classy, lassy, meta, mornin, qux], [lassy, meta, mornin]]'); |
+ |
+ }); |
+ |
+ test('listRetainAll', () { |
+ var elements = listElementSetup(); |
+ elements.classes.retainAll(['bar', 'baz', 'qux']); |
+ expect(view(elements.classes), '[qux]'); |
+ expect(view(elements), '[[qux], [], [], [qux]]'); |
+ }); |
+ |
+ test('listRemoveWhere', () { |
+ var elements = listElementSetup(); |
+ elements.classes.removeWhere((s) => s.startsWith('q')); |
+ expect(view(elements.classes), '[classy, lassy, meta]'); |
+ expect(view(elements), |
+ '[[], [meta], [classy, lassy], [lassy]]'); |
+ }); |
+ |
+ test('listRetainWhere', () { |
+ var elements = listElementSetup(); |
+ elements.classes.retainWhere((s) => s.startsWith('q')); |
+ expect(view(elements.classes), '[quux, qux]'); |
+ expect(view(elements), '[[quux, qux], [], [], [qux]]'); |
+ }); |
+ |
+ test('listContainsAll', () { |
+ var elements = listElementSetup(); |
+ expect(elements.classes.containsAll(['qux', 'meta', 'mornin']), isFalse); |
+ expect(elements.classes.containsAll(['qux', 'lassy', 'classy']), isTrue); |
+ }); |
+} |