2016-04-28 19:30:25 +00:00
|
|
|
import 'dart:html';
|
2016-10-13 15:47:27 +00:00
|
|
|
|
2016-10-13 21:15:21 +00:00
|
|
|
import 'package:expect/minitest.dart';
|
2016-10-13 15:47:27 +00:00
|
|
|
|
2016-04-28 19:30:25 +00:00
|
|
|
import 'utils.dart';
|
|
|
|
|
|
|
|
main() {
|
|
|
|
test('InnerHTML', () {
|
|
|
|
Element element = new Element.tag('div');
|
|
|
|
element.id = 'test';
|
|
|
|
element.innerHtml = 'Hello World';
|
|
|
|
document.body.append(element);
|
|
|
|
|
2018-03-27 20:45:33 +00:00
|
|
|
element = document.querySelector('#test');
|
2016-04-28 19:30:25 +00:00
|
|
|
expect(element.innerHtml, 'Hello World');
|
|
|
|
element.remove();
|
|
|
|
});
|
|
|
|
test('HTMLTable', () {
|
2016-10-13 15:47:27 +00:00
|
|
|
TableElement table = new Element.tag('table');
|
2016-04-28 19:30:25 +00:00
|
|
|
|
|
|
|
TableRowElement row = new Element.tag('tr');
|
|
|
|
table.append(row);
|
|
|
|
|
|
|
|
row.append(new Element.tag('td'));
|
|
|
|
row.append(new Element.tag('td'));
|
|
|
|
|
|
|
|
expect(row.cells.length, 2);
|
|
|
|
|
|
|
|
TableRowElement headerRow = table.rows[0];
|
|
|
|
expect(headerRow.cells.length, 2);
|
|
|
|
});
|
|
|
|
test('dataset', () {
|
|
|
|
Element div = new Element.tag('div');
|
|
|
|
|
|
|
|
expect(div.dataset.isEmpty, isTrue);
|
|
|
|
expect(div.dataset['foo'], isNull);
|
|
|
|
expect(div.dataset.isEmpty, isTrue);
|
|
|
|
|
|
|
|
div.dataset['foo'] = 'foo-value';
|
|
|
|
expect(div.dataset['foo'], 'foo-value');
|
|
|
|
expect(div.dataset.isEmpty, isFalse);
|
|
|
|
|
|
|
|
expect(div.dataset.containsValue('foo-value'), isTrue);
|
|
|
|
expect(div.dataset.containsValue('bar-value'), isFalse);
|
|
|
|
expect(div.dataset.containsKey('foo'), isTrue);
|
|
|
|
expect(div.dataset.containsKey('bar'), isFalse);
|
|
|
|
|
|
|
|
bool hasBeenInvoked;
|
|
|
|
String f() {
|
|
|
|
hasBeenInvoked = true;
|
|
|
|
return 'bar-value';
|
|
|
|
}
|
|
|
|
|
|
|
|
hasBeenInvoked = false;
|
|
|
|
expect(div.dataset.putIfAbsent('bar', f), 'bar-value');
|
|
|
|
expect(hasBeenInvoked, isTrue);
|
|
|
|
|
|
|
|
hasBeenInvoked = false;
|
|
|
|
expect(div.dataset.putIfAbsent('bar', f), 'bar-value');
|
|
|
|
expect(hasBeenInvoked, isFalse);
|
|
|
|
|
2017-04-17 21:52:57 +00:00
|
|
|
final keys = <String>[];
|
|
|
|
final values = <String>[];
|
2016-04-28 19:30:25 +00:00
|
|
|
div.dataset.forEach((String key, String value) {
|
2017-04-17 21:52:57 +00:00
|
|
|
keys.add(key);
|
|
|
|
values.add(value);
|
2016-04-28 19:30:25 +00:00
|
|
|
});
|
|
|
|
expect(keys, unorderedEquals(['foo', 'bar']));
|
|
|
|
expect(values, unorderedEquals(['foo-value', 'bar-value']));
|
|
|
|
|
|
|
|
expect(new List<String>.from(div.dataset.keys),
|
|
|
|
unorderedEquals(['foo', 'bar']));
|
|
|
|
expect(new List<String>.from(div.dataset.values),
|
|
|
|
unorderedEquals(['foo-value', 'bar-value']));
|
|
|
|
|
|
|
|
expect(div.dataset.length, 2);
|
|
|
|
expect(div.dataset.isEmpty, isFalse);
|
|
|
|
|
|
|
|
expect(div.dataset.remove('qux'), isNull);
|
|
|
|
expect(div.dataset.length, 2);
|
|
|
|
expect(div.dataset.isEmpty, isFalse);
|
|
|
|
|
|
|
|
expect(div.dataset.remove('foo'), 'foo-value');
|
|
|
|
expect(div.dataset.length, 1);
|
|
|
|
expect(div.dataset.isEmpty, isFalse);
|
|
|
|
|
|
|
|
div.dataset.clear();
|
|
|
|
expect(div.dataset.length, 0);
|
|
|
|
expect(div.dataset.isEmpty, isTrue);
|
|
|
|
|
|
|
|
Element otherDiv = new Element.html(
|
|
|
|
'<div id="dataDiv" data-my-message="Hello World"></div>',
|
|
|
|
treeSanitizer: new NullTreeSanitizer());
|
|
|
|
expect(otherDiv.dataset.containsKey('myMessage'), isTrue);
|
|
|
|
|
|
|
|
Element anotherDiv = new Element.html(
|
|
|
|
'<div id="dataDiv" data-eggs="bacon"></div>',
|
|
|
|
treeSanitizer: new NullTreeSanitizer());
|
|
|
|
expect(anotherDiv.dataset.containsKey('eggs'), isTrue);
|
|
|
|
});
|
|
|
|
}
|