mirror of
https://github.com/dart-lang/sdk
synced 2024-10-14 13:28:03 +00:00
2956fd8739
- dart2js version uses Element.classList (DomTokenList) for 4x speedup. - Fix bug where document.querySelectorAll(...).classes.add('x') fails for SVG elements. - Add test for above. For later: - Identify a polyfill for IE SVGElements (they don't have classList) - Simplify CssClassSet further to exploit uniform availability of classList. This should give another performance boost by enabling inlining. R=alanknight@google.com Committed: https://code.google.com/p/dart/source/detail?r=44888 Committed: https://code.google.com/p/dart/source/detail?r=44897 Review URL: https://codereview.chromium.org//1054863002 git-svn-id: https://dart.googlecode.com/svn/branches/bleeding_edge/dart@44898 260f80e4-7a28-3924-810f-c04153c831b5
201 lines
6.4 KiB
Dart
201 lines
6.4 KiB
Dart
// 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);
|
|
});
|
|
}
|