blob: 319998281d42d3b62cb6b7d84cdb6397d8848853 [file] [log] [blame]
// 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.
import 'dart:html';
import 'package:expect/minitest.dart';
main() {
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(querySelectorAll('.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.querySelectorAll('.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]);
});
}
});
}