Index: test/codegen/lib/html/element_classes_svg_test.dart |
diff --git a/test/codegen/lib/html/element_classes_svg_test.dart b/test/codegen/lib/html/element_classes_svg_test.dart |
new file mode 100644 |
index 0000000000000000000000000000000000000000..0acd2a7e6fb07954c3e38e223f40e2dc8c77ddfe |
--- /dev/null |
+++ b/test/codegen/lib/html/element_classes_svg_test.dart |
@@ -0,0 +1,200 @@ |
+// Copyright (c) 2015, 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'; |
+import 'dart:svg' as svg; |
+ |
+// Test for `querySelectorAll(xxx).classes.op()` where the query returns mixed |
+// Html and Svg elements. |
+ |
+Element makeElementsContainer() { |
+ var e = new Element.html( |
+ '<ul class="yes foo">' |
+ '<li class="yes quux qux">' |
+ '</ul>'); |
+ final svgContent = r""" |
+<svg version="1.1"> |
+ <circle class="yes qux"></circle> |
+ <path class="yes classy"></path> |
+</svg>"""; |
+ final svgElement = new svg.SvgElement.svg(svgContent); |
+ e.append(svgElement); |
+ return e; |
+} |
+ |
+Element elementsContainer; |
+ |
+ElementList<Element> elementsSetup() { |
+ elementsContainer = makeElementsContainer(); |
+ document.documentElement.children.add(elementsContainer); |
+ var elements = document.querySelectorAll('.yes'); |
+ expect(elements.length, 4); |
+ return elements; |
+} |
+ |
+void elementsTearDown() { |
+ if (elementsContainer != null) { |
+ document.documentElement.children.remove(elementsContainer); |
+ elementsContainer = 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(' ')); |
+ } |
+ |
+ tearDown(elementsTearDown); |
+ |
+ test('list_view', () { |
+ // Test that the 'view' helper function is behaving. |
+ var elements = elementsSetup(); |
+ expect(view(elements.classes), '[classy, foo, quux, qux, yes]'); |
+ expect(view(elements), |
+ '[[foo, yes], [quux, qux, yes], [qux, yes], [classy, yes]]'); |
+ }); |
+ |
+ test('listClasses=', () { |
+ var elements = elementsSetup(); |
+ |
+ elements.classes = ['foo', 'qux']; |
+ expect(view(elements.classes), '[foo, qux]'); |
+ expect(view(elements), '[[foo, qux], [foo, qux], [foo, qux], [foo, qux]]'); |
+ |
+ var elements2 = document.querySelectorAll('.qux'); |
+ expect(view(elements2.classes), '[foo, qux]'); |
+ expect(view(elements2), '[[foo, qux], [foo, qux], [foo, qux], [foo, qux]]'); |
+ |
+ for (Element e in elements2) { |
+ expect(e.classes, orderedEquals(['foo', 'qux'])); |
+ expect(extractClasses(e), orderedEquals(['foo', 'qux'])); |
+ } |
+ |
+ elements.classes = []; |
+ expect(view(elements2.classes), '[]'); |
+ expect(view(elements2), '[[], [], [], []]'); |
+ }); |
+ |
+ test('listMap', () { |
+ var elements = elementsSetup(); |
+ expect(elements.classes.map((c) => c.toUpperCase()).toList(), |
+ unorderedEquals(['YES', 'FOO', 'QUX', 'QUUX', 'CLASSY'])); |
+ }); |
+ |
+ test('listContains', () { |
+ var elements = elementsSetup(); |
+ expect(elements.classes.contains('classy'), isTrue); |
+ expect(elements.classes.contains('troll'), isFalse); |
+ }); |
+ |
+ |
+ test('listAdd', () { |
+ var elements = elementsSetup(); |
+ var added = elements.classes.add('lassie'); |
+ expect(added, isNull); |
+ |
+ expect(view(elements.classes), '[classy, foo, lassie, quux, qux, yes]'); |
+ expect(view(elements), |
+ '[[foo, lassie, yes], [lassie, quux, qux, yes], ' |
+ '[lassie, qux, yes], [classy, lassie, yes]]'); |
+ }); |
+ |
+ test('listRemove', () { |
+ var elements = elementsSetup(); |
+ expect(elements.classes.remove('lassi'), isFalse); |
+ expect(view(elements.classes), '[classy, foo, quux, qux, yes]'); |
+ expect(view(elements), |
+ '[[foo, yes], [quux, qux, yes], [qux, yes], [classy, yes]]'); |
+ |
+ expect(elements.classes.remove('qux'), isTrue); |
+ expect(view(elements.classes), '[classy, foo, quux, yes]'); |
+ expect(view(elements), |
+ '[[foo, yes], [quux, yes], [yes], [classy, yes]]'); |
+ }); |
+ |
+ test('listToggle', () { |
+ var elements = elementsSetup(); |
+ elements.classes.toggle('qux'); |
+ expect(view(elements.classes), '[classy, foo, quux, qux, yes]'); |
+ expect(view(elements), |
+ '[[foo, qux, yes], [quux, yes], [yes], [classy, qux, yes]]'); |
+ }); |
+ |
+ test('listAddAll', () { |
+ var elements = elementsSetup(); |
+ elements.classes.addAll(['qux', 'lassi', 'sassy']); |
+ expect(view(elements.classes), |
+ '[classy, foo, lassi, quux, qux, sassy, yes]'); |
+ expect(view(elements), |
+ '[[foo, lassi, qux, sassy, yes], [lassi, quux, qux, sassy, yes], ' |
+ '[lassi, qux, sassy, yes], [classy, lassi, qux, sassy, yes]]'); |
+ }); |
+ |
+ test('listRemoveAll', () { |
+ var elements = elementsSetup(); |
+ elements.classes.removeAll(['qux', 'classy', 'mumble']); |
+ expect(view(elements.classes), '[foo, quux, yes]'); |
+ expect(view(elements), |
+ '[[foo, yes], [quux, yes], [yes], [yes]]'); |
+ |
+ elements.classes.removeAll(['foo', 'yes']); |
+ expect(view(elements.classes), '[quux]'); |
+ expect(view(elements), |
+ '[[], [quux], [], []]'); |
+ }); |
+ |
+ test('listToggleAll', () { |
+ var elements = elementsSetup(); |
+ elements.classes.toggleAll(['qux', 'mornin']); |
+ expect(view(elements.classes), '[classy, foo, mornin, quux, qux, yes]'); |
+ expect(view(elements), |
+ '[[foo, mornin, qux, yes], [mornin, quux, yes], ' |
+ '[mornin, yes], [classy, mornin, qux, yes]]'); |
+ |
+ }); |
+ |
+ test('listRetainAll', () { |
+ var elements = elementsSetup(); |
+ elements.classes.retainAll(['bar', 'baz', 'classy', 'qux']); |
+ expect(view(elements.classes), '[classy, qux]'); |
+ expect(view(elements), '[[], [qux], [qux], [classy]]'); |
+ }); |
+ |
+ test('listRemoveWhere', () { |
+ var elements = elementsSetup(); |
+ elements.classes.removeWhere((s) => s.startsWith('q')); |
+ expect(view(elements.classes), '[classy, foo, yes]'); |
+ expect(view(elements), |
+ '[[foo, yes], [yes], [yes], [classy, yes]]'); |
+ }); |
+ |
+ test('listRetainWhere', () { |
+ var elements = elementsSetup(); |
+ elements.classes.retainWhere((s) => s.startsWith('q')); |
+ expect(view(elements.classes), '[quux, qux]'); |
+ expect(view(elements), |
+ '[[], [quux, qux], [qux], []]'); |
+ }); |
+ |
+ test('listContainsAll', () { |
+ var elements = elementsSetup(); |
+ expect(elements.classes.containsAll(['qux', 'mornin']), isFalse); |
+ expect(elements.classes.containsAll(['qux', 'classy']), isTrue); |
+ }); |
+} |