HTML: test fieldset with shadow DOM and display: contents

See whatwg/html#3331
web-platform-tests · Aug 23, 2018 · 69e18d0 · 69e18d0
1 parent 1333462
commit 69e18d0
Show file tree

Hide file tree

Showing 3 changed files with 46 additions and 0 deletions.
diff --git a/...rendering/non-replaced-elements/the-fieldset-element-0/fieldset-div-display-contents.html b/...rendering/non-replaced-elements/the-fieldset-element-0/fieldset-div-display-contents.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<title>fieldset and div with display: contents</title>
+<link rel=fieldset-foo-ref.html>
+<style>
+div { display: contents; }
+</style>
+<p>There should be a normal fieldset below with the legend "Foo".</p>
+<fieldset>
+ <div>
+  <legend>Foo</legend>
+ </div>
+</fieldset>
diff --git a/html/rendering/non-replaced-elements/the-fieldset-element-0/fieldset-foo-ref.html b/html/rendering/non-replaced-elements/the-fieldset-element-0/fieldset-foo-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<title>Reference with a fieldset and legend "Foo"</title>
+<p>There should be a normal fieldset below with the legend "Foo".</p>
+<fieldset>
+  <legend>Foo</legend>
+</fieldset>
diff --git a/html/rendering/non-replaced-elements/the-fieldset-element-0/fieldset-shadow-dom.html b/html/rendering/non-replaced-elements/the-fieldset-element-0/fieldset-shadow-dom.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<title>fieldset and shadow DOM</title>
+<link rel=fieldset-foo-ref.html>
+<p>There should be a normal fieldset below with the legend "Foo".</p>
+<template id="my-fieldset">
+  <fieldset><slot name="my-text"></slot></fieldset>
+</template>
+
+<my-fieldset>
+  <legend slot="my-text">Foo</legend>
+</my-fieldset>
+
+<script>
+customElements.define('my-fieldset',
+  class extends HTMLElement {
+    constructor() {
+      super();
+
+      const template = document.getElementById('my-fieldset');
+      const templateContent = template.content;
+
+      this.attachShadow({mode: 'open'}).appendChild(
+        templateContent.cloneNode(true)
+      );
+    }
+  }
+);
+</script>