1 files changed, 33 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-display/display-contents-unusual-html-elements-none.html b/testing/web-platform/tests/css/css-display/display-contents-unusual-html-elements-none.html
new file mode 100644
index 0000000000..53f5f9e5c7
--- /dev/null
+++ b/testing/web-platform/tests/css/css-display/display-contents-unusual-html-elements-none.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Display: display:contents and unusual HTML elements as display:none</title>
+<link rel="author" title="Rune Lillesveen" href="mailto:futhark@chromium.org">
+<link rel="help" href="https://drafts.csswg.org/css-display/#unbox-html">
+<link rel="match" href="display-contents-pass-ref.html">
+<style>
+  /* Disable kerning because kerning may differ for different node tree. */
+  html { font-kerning: none; font-feature-settings: "kern" off; }
+  body { overflow: hidden }
+  br, wbr, meter, progress, canvas, embed, object, audio, iframe, img, video,
+  input, textarea, select {
+    display: contents;
+    border: 10px solid red;
+    width: 200px; height: 200px;
+  }
+</style>
+<p>You should see the word PASS below.</p>
+<div>
+  <meter></meter>
+  <progress></progress>
+  <canvas></canvas>
+  <embed>
+  <object>FAIL</object>
+  <audio controls></audio>
+  <iframe></iframe>
+  <img>
+  <video></video>
+  <input></input>
+  <textarea></textarea>
+  <select></select>
+</div>
+P<br>A<wbr>S<br>S