mirror of
https://github.com/dart-lang/sdk
synced 2024-11-02 14:27:18 +00:00
2dcd56ef43
There are far too many files here to review everyone carefully. Spot checking most of the diffs look good as test code is generally written with less care than application code so lots of ugly formatting get through. If people notice files where the automated formatting bothers them feel free to comment indicating file names and I'll move spaces within comments to make the formatting cleaner and use comments to force block formatting as I have done for other case where formatting looked bad. BUG= R=efortuna@google.com Review-Url: https://codereview.chromium.org/2771453003 .
93 lines
2.5 KiB
Dart
93 lines
2.5 KiB
Dart
// 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 ShadowDOMTest;
|
|
|
|
import 'package:unittest/unittest.dart';
|
|
import 'package:unittest/html_individual_config.dart';
|
|
import 'dart:html';
|
|
|
|
main() {
|
|
useHtmlIndividualConfiguration();
|
|
|
|
group('supported', () {
|
|
test('supported', () {
|
|
expect(ShadowRoot.supported, true);
|
|
});
|
|
});
|
|
|
|
group('ShadowDOM_tests', () {
|
|
var div1, div2, shadowRoot, paragraph1, paragraph2;
|
|
|
|
init() {
|
|
paragraph1 = new ParagraphElement();
|
|
paragraph2 = new ParagraphElement();
|
|
[paragraph1, paragraph2].forEach((p) {
|
|
p.classes.add('foo');
|
|
});
|
|
div1 = new DivElement();
|
|
div2 = new DivElement();
|
|
div1.classes.add('foo');
|
|
shadowRoot = div2.createShadowRoot();
|
|
shadowRoot.append(paragraph1);
|
|
shadowRoot.append(new ContentElement());
|
|
div2.append(paragraph2);
|
|
document.body.append(div1);
|
|
document.body.append(div2);
|
|
}
|
|
|
|
var expectation = ShadowRoot.supported ? returnsNormally : throws;
|
|
|
|
test("Shadowed nodes aren't visible to queries from outside ShadowDOM", () {
|
|
expect(() {
|
|
init();
|
|
|
|
expect(queryAll('.foo'), equals([div1, paragraph2]));
|
|
}, expectation);
|
|
});
|
|
|
|
test('Parent node of a shadow root must be null.', () {
|
|
expect(() {
|
|
init();
|
|
|
|
expect(shadowRoot.parent, isNull);
|
|
}, expectation);
|
|
});
|
|
|
|
// TODO(samhop): test that <content> and <content select="foo"> and
|
|
// <shadow>
|
|
// work properly. This is blocked on having a good way to do browser
|
|
// rendering tests.
|
|
|
|
test('Querying in shadowed fragment respects the shadow boundary.', () {
|
|
expect(() {
|
|
init();
|
|
|
|
expect(shadowRoot.queryAll('.foo'), equals([paragraph1]));
|
|
}, expectation);
|
|
});
|
|
|
|
if (ShadowRoot.supported) {
|
|
test('Shadowroot contents are distributed', () {
|
|
var div = new DivElement();
|
|
|
|
var box1 = new DivElement()..classes.add('foo');
|
|
div.append(box1);
|
|
|
|
var box2 = new DivElement();
|
|
div.append(box2);
|
|
|
|
var sRoot = div.createShadowRoot();
|
|
var content1 = new ContentElement()..select = ".foo";
|
|
sRoot.append(content1);
|
|
|
|
var content2 = new ContentElement();
|
|
sRoot.append(content2);
|
|
|
|
expect(content1.getDistributedNodes(), [box1]);
|
|
expect(content2.getDistributedNodes(), [box2]);
|
|
});
|
|
}
|
|
});
|
|
}
|