Title: [277085] trunk/LayoutTests
Revision
277085
Author
[email protected]
Date
2021-05-06 06:27:38 -0700 (Thu, 06 May 2021)

Log Message

Re-import css/css-display WPT
https://bugs.webkit.org/show_bug.cgi?id=225448

Reviewed by Youenn Fablet.

LayoutTests/imported/w3c:

* web-platform-tests/css/css-display/display-contents-dynamic-fieldset-legend-001-expected.html: Added.
* web-platform-tests/css/css-display/display-contents-dynamic-fieldset-legend-001.html: Added.
* web-platform-tests/css/css-display/display-contents-fieldset-002-expected.html: Added.
* web-platform-tests/css/css-display/display-contents-fieldset-002.html: Added.
* web-platform-tests/css/css-display/display-contents-slot-attach-whitespace-expected.html: Added.
* web-platform-tests/css/css-display/display-contents-slot-attach-whitespace.html: Added.
* web-platform-tests/css/css-display/display-first-line-001.html:
* web-platform-tests/css/css-display/display-math-on-non-mathml-elements-expected.txt: Added.
* web-platform-tests/css/css-display/display-math-on-non-mathml-elements.html: Added.
* web-platform-tests/css/css-display/display-math-on-pseudo-elements-001-expected.txt: Added.
* web-platform-tests/css/css-display/display-math-on-pseudo-elements-001.html: Added.
* web-platform-tests/css/css-display/display-math-on-pseudo-elements-002-expected.html: Added.
* web-platform-tests/css/css-display/display-math-on-pseudo-elements-002.html: Added.
* web-platform-tests/css/css-display/textarea-display-expected.txt: Added.
* web-platform-tests/css/css-display/textarea-display.html: Added.
* web-platform-tests/css/css-display/w3c-import.log:

LayoutTests:

* TestExpectations:

Modified Paths

Added Paths

Diff

Modified: trunk/LayoutTests/ChangeLog (277084 => 277085)


--- trunk/LayoutTests/ChangeLog	2021-05-06 12:58:33 UTC (rev 277084)
+++ trunk/LayoutTests/ChangeLog	2021-05-06 13:27:38 UTC (rev 277085)
@@ -1,5 +1,14 @@
 2021-05-06  Tim Nguyen  <[email protected]>
 
+        Re-import css/css-display WPT
+        https://bugs.webkit.org/show_bug.cgi?id=225448
+
+        Reviewed by Youenn Fablet.
+
+        * TestExpectations:
+
+2021-05-06  Tim Nguyen  <[email protected]>
+
         Re-import css/css-contain WPT
         https://bugs.webkit.org/show_bug.cgi?id=225445
 

Modified: trunk/LayoutTests/TestExpectations (277084 => 277085)


--- trunk/LayoutTests/TestExpectations	2021-05-06 12:58:33 UTC (rev 277084)
+++ trunk/LayoutTests/TestExpectations	2021-05-06 13:27:38 UTC (rev 277085)
@@ -2490,6 +2490,10 @@
 ### START OF display: contents failures
 
 webkit.org/b/157477 imported/w3c/web-platform-tests/css/css-display/display-contents-dynamic-table-001-inline.html [ ImageOnlyFailure ]
+webkit.org/b/157477 imported/w3c/web-platform-tests/css/css-display/display-contents-dynamic-fieldset-legend-001.html [ ImageOnlyFailure ]
+webkit.org/b/157477 imported/w3c/web-platform-tests/css/css-display/display-contents-details.html [ ImageOnlyFailure ]
+webkit.org/b/157477 imported/w3c/web-platform-tests/css/css-display/display-contents-first-letter-002.html [ ImageOnlyFailure ]
+webkit.org/b/157477 imported/w3c/web-platform-tests/css/css-display/display-contents-svg-elements.html [ ImageOnlyFailure ]
 
 ### END OF display: contents failures
 ########################################
@@ -2749,9 +2753,7 @@
 [ Debug ] imported/w3c/web-platform-tests/IndexedDB/interleaved-cursors-small.html [ Pass Failure ]
 webkit.org/b/186574 media/video-buffering-allowed.html [ Pass Failure ]
 
-imported/w3c/web-platform-tests/css/css-display/display-contents-details.html [ ImageOnlyFailure ]
-imported/w3c/web-platform-tests/css/css-display/display-contents-first-letter-002.html [ ImageOnlyFailure ]
-imported/w3c/web-platform-tests/css/css-display/display-contents-svg-elements.html [ ImageOnlyFailure ]
+imported/w3c/web-platform-tests/css/css-display/display-math-on-pseudo-elements-002.html [ ImageOnlyFailure ]
 imported/w3c/web-platform-tests/css/css-display/run-in/quotes-applies-to-011.xht [ ImageOnlyFailure ]
 imported/w3c/web-platform-tests/css/css-display/run-in/run-in-abspos-between-001.xht [ ImageOnlyFailure ]
 imported/w3c/web-platform-tests/css/css-display/run-in/run-in-abspos-between-002.xht [ ImageOnlyFailure ]

Modified: trunk/LayoutTests/imported/w3c/ChangeLog (277084 => 277085)


--- trunk/LayoutTests/imported/w3c/ChangeLog	2021-05-06 12:58:33 UTC (rev 277084)
+++ trunk/LayoutTests/imported/w3c/ChangeLog	2021-05-06 13:27:38 UTC (rev 277085)
@@ -1,5 +1,29 @@
 2021-05-06  Tim Nguyen  <[email protected]>
 
+        Re-import css/css-display WPT
+        https://bugs.webkit.org/show_bug.cgi?id=225448
+
+        Reviewed by Youenn Fablet.
+
+        * web-platform-tests/css/css-display/display-contents-dynamic-fieldset-legend-001-expected.html: Added.
+        * web-platform-tests/css/css-display/display-contents-dynamic-fieldset-legend-001.html: Added.
+        * web-platform-tests/css/css-display/display-contents-fieldset-002-expected.html: Added.
+        * web-platform-tests/css/css-display/display-contents-fieldset-002.html: Added.
+        * web-platform-tests/css/css-display/display-contents-slot-attach-whitespace-expected.html: Added.
+        * web-platform-tests/css/css-display/display-contents-slot-attach-whitespace.html: Added.
+        * web-platform-tests/css/css-display/display-first-line-001.html:
+        * web-platform-tests/css/css-display/display-math-on-non-mathml-elements-expected.txt: Added.
+        * web-platform-tests/css/css-display/display-math-on-non-mathml-elements.html: Added.
+        * web-platform-tests/css/css-display/display-math-on-pseudo-elements-001-expected.txt: Added.
+        * web-platform-tests/css/css-display/display-math-on-pseudo-elements-001.html: Added.
+        * web-platform-tests/css/css-display/display-math-on-pseudo-elements-002-expected.html: Added.
+        * web-platform-tests/css/css-display/display-math-on-pseudo-elements-002.html: Added.
+        * web-platform-tests/css/css-display/textarea-display-expected.txt: Added.
+        * web-platform-tests/css/css-display/textarea-display.html: Added.
+        * web-platform-tests/css/css-display/w3c-import.log:
+
+2021-05-06  Tim Nguyen  <[email protected]>
+
         Re-import css/css-contain WPT
         https://bugs.webkit.org/show_bug.cgi?id=225445
 

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-dynamic-fieldset-legend-001-expected.html (0 => 277085)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-dynamic-fieldset-legend-001-expected.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-dynamic-fieldset-legend-001-expected.html	2021-05-06 13:27:38 UTC (rev 277085)
@@ -0,0 +1,74 @@
+<!doctype html>
+<title>Reference: display:contents on fieldset/legend</title>
+<link rel="author" title="Mats Palmgren" href=""
+<style>
+  body { font-size: 10px; }
+  fieldset {
+    border:1px solid;
+    padding: 1px 0;
+  }
+</style>
+<fieldset>
+<fieldset id='test1'>
+<legend>LEGEND</legend>
+</fieldset>
+</fieldset>
+
+<fieldset>
+<fieldset id='test2'>
+<legend>LEGEND</legend>
+</fieldset>
+</fieldset>
+
+<fieldset>
+<legend>OUTER LEGEND</legend>
+<fieldset id='test3'>
+<legend>INNER LEGEND</legend>
+</fieldset>
+</fieldset>
+
+<fieldset>
+<legend id='test4'>LEGEND</legend>
+<legend>NOT LEGEND</legend>
+</fieldset>
+
+<fieldset>
+<legend>LEGEND</legend>
+<legend id='test5'>NOT LEGEND</legend>
+</fieldset>
+
+<fieldset>
+<legend id='test6'>LEGEND</legend>
+<legend>NOT LEGEND</legend>
+</fieldset>
+
+<fieldset>
+<legend>LEGEND</legend>
+<legend>NOT LEGEND</legend>
+</fieldset>
+
+<fieldset>
+<legend>LEGEND</legend>
+</fieldset>
+
+<fieldset>
+<div id='test9'><legend>NOT LEGEND</legend></div>
+</fieldset>
+
+<fieldset>
+<legend>LEGEND</legend>
+<div>NOT LEGEND</div>
+</fieldset>
+
+<fieldset id='test11'>
+<legend>LEGEND</legend>
+<legend>NOT LEGEND</legend>
+</fieldset>
+
+<fieldset>
+<legend id='test12'>LEGEND</legend>
+</fieldset>
+
+<fieldset>
+<legend id='test13'>LEGEND</legend>
+</fieldset>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-dynamic-fieldset-legend-001.html (0 => 277085)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-dynamic-fieldset-legend-001.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-dynamic-fieldset-legend-001.html	2021-05-06 13:27:38 UTC (rev 277085)
@@ -0,0 +1,153 @@
+<!doctype html>
+<title>CSS Display Module Test: display:contents on fieldset/legend</title>
+<link rel="author" title="Mats Palmgren" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<style>
+  body { font-size: 10px; }
+  fieldset {
+    border:1px solid;
+    padding: 1px 0;
+  }
+  #test10 { padding: 0; }
+</style>
+<script>
+window._onload_ = () => {
+  document.body.getClientRects();
+  o = document.getElementById("test1")
+  o.setAttribute("style", "display:contents")
+  o.getClientRects()
+  o.style.cssText = ""
+  o.getClientRects()
+
+  o = document.getElementById("test2")
+  o.setAttribute("style", "")
+  o.getClientRects()
+
+  o = document.getElementById("test3")
+  o.setAttribute("style", "")
+  o.getClientRects()
+
+  o = document.getElementById("test4")
+  o.setAttribute("style", "")
+  o.getClientRects()
+
+  o = document.getElementById("test5")
+  o.setAttribute("style", "")
+  o.getClientRects()
+
+  o = document.getElementById("test6")
+  o.setAttribute("style", "")
+  o.getClientRects()
+
+  o = document.getElementById("test7")
+  o.setAttribute("style", "display:contents")
+  o.getClientRects()
+
+  o = document.getElementById("test8")
+  o.setAttribute("style", "display:contents")
+  o.getClientRects()
+
+  o = document.getElementById("test9")
+  o.setAttribute("style", "display:contents")
+  o.getClientRects()
+  o.style.cssText = ""
+  o.getClientRects()
+
+  o = document.getElementById("test10")
+  o.setAttribute("style", "display:contents")
+  o.getClientRects()
+
+  o = document.getElementById("test11")
+  set = document.createDocumentFragment()
+  set.append(document.createElement("div"))
+  legend = document.createElement("legend")
+  legend.append(document.createTextNode("LEGEND"))
+  set.append(legend)
+  legend = document.createElement("legend")
+  legend.append(document.createTextNode("NOT LEGEND"))
+  set.append(legend)
+  o.append(set)
+  o.getClientRects()
+
+  o = document.getElementById("test12")
+  o.setAttribute("style", "")
+  o.getClientRects()
+
+  o = document.getElementById("test13")
+  o.setAttribute("style", "")
+  o.getClientRects()
+}
+</script>
+<fieldset>
+<fieldset id='test1'>
+<legend>LEGEND</legend>
+</fieldset>
+</fieldset>
+
+<fieldset>
+<fieldset id='test2' style="display:contents">
+<legend>LEGEND</legend>
+</fieldset>
+</fieldset>
+
+<fieldset>
+<legend>OUTER LEGEND</legend>
+<fieldset id='test3' style="display:contents">
+<legend>INNER LEGEND</legend>
+</fieldset>
+</fieldset>
+
+<fieldset>
+<fieldset style="display:contents">
+<legend id='test4' style="display:contents">LEGEND</legend>
+<legend>NOT LEGEND</legend>
+</fieldset>
+</fieldset>
+
+<fieldset>
+<legend>LEGEND</legend>
+<fieldset style="display:contents">
+<legend id='test5' style="display:contents">NOT LEGEND</legend>
+</fieldset>
+</fieldset>
+
+<fieldset>
+<legend id='test6' style="display:contents">LEGEND</legend>
+<fieldset style="display:contents">
+<legend>NOT LEGEND</legend>
+</fieldset>
+</fieldset>
+
+<fieldset>
+<div id='test7'><legend>LEGEND</legend></div>
+<legend>NOT LEGEND</legend>
+</fieldset>
+
+<fieldset>
+<fieldset style="display:contents">
+<div id='test8'><legend>LEGEND</legend></div>
+</fieldset>
+</fieldset>
+
+<fieldset>
+<fieldset style="display:contents">
+<div id='test9'><legend>NOT LEGEND</legend></div>
+</fieldset>
+</fieldset>
+
+<fieldset>
+<div style="display:contents"><legend id='test10'>NOT LEGEND</legend></div>
+<legend>LEGEND</legend>
+</fieldset>
+
+<fieldset id='test11'></fieldset>
+
+<fieldset>
+    <legend id='test12' style="display:none">LEGEND</legend>
+</fieldset>
+
+<fieldset>
+    <div style="display:contents"><legend id='test13' style="display:none">LEGEND</legend></div>
+</fieldset>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-fieldset-002-expected.html (0 => 277085)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-fieldset-002-expected.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-fieldset-002-expected.html	2021-05-06 13:27:38 UTC (rev 277085)
@@ -0,0 +1,60 @@
+<!DOCTYPE HTML>
+<html><head>
+<link rel="author" title="Mats Palmgren" href=""
+<style>
+fieldset { padding:0; }
+span { display:block; width:10px; height:10px; background:lime; }
+.contents { }
+legend { border: 1px solid; }
+.test2 legend { }
+.test2 legend::after, .test3 legend::after { content:"legend"; }
+.test2 legend.static, .test3 legend.static { display:block; }
+.test2 legend.static::before, .test3 legend.static::before { content:"static "; }
+.test2 legend.static::before { content:"static "; }
+.after::after { content:"::after"; }
+.before::before { content:"::before"; }
+.nb legend.static  { border: 1px solid; }
+.nb legend { border-style:none; }
+</style>
+</head>
+<body>
+<fieldset><div class="test contents"></div></fieldset>
+<fieldset><div class="test contents">x</div></fieldset>
+<fieldset><div class="test contents after"></div></fieldset>
+<fieldset><div class="test contents before"></div></fieldset>
+<fieldset><div class="test contents before after"></div></fieldset>
+<fieldset><span></span></fieldset>
+<fieldset><span></span></fieldset>
+<fieldset><span></span></fieldset>
+<fieldset class="test2"></fieldset>
+<fieldset class="test2 after"></fieldset>
+<fieldset class="test2"><legend class="static"></legend></fieldset>
+<fieldset class="test2"><legend class="static contents"></legend></fieldset>
+<fieldset class="test2"><legend class="static"></legend></fieldset>
+<fieldset class="test2"></fieldset>
+<fieldset class="test3"></fieldset>
+<fieldset class="test2"><legend class="static"></legend></fieldset>
+<fieldset class="test3"><legend class="static"></legend></fieldset>
+<script>
+document.body.offsetHeight;
+var tests = document.querySelectorAll('.test');
+for (i=0; i < tests.length; ++i) {
+  test = tests[i];
+  test.appendChild(document.createElement('span'));
+}
+var tests = document.querySelectorAll('.test2');
+for (i=0; i < tests.length; ++i) {
+  test = tests[i];
+  let span = document.createElement('dummy-inline');
+  span.innerHTML = "legend";
+  test.appendChild(span);
+}
+
+var tests = document.querySelectorAll('.test3');
+for (i=0; i < tests.length; ++i) {
+  test = tests[i];
+  test.appendChild(document.createElement('legend'));
+}
+</script>
+</body>
+</html>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-fieldset-002.html (0 => 277085)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-fieldset-002.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-fieldset-002.html	2021-05-06 13:27:38 UTC (rev 277085)
@@ -0,0 +1,52 @@
+<!DOCTYPE HTML>
+<html><head>
+<link rel="author" title="Mats Palmgren" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<style>
+fieldset { padding:0; }
+span { display:block; width:10px; height:10px; background:lime; }
+.contents { display: contents; }
+legend { border: 1px solid; }
+.test2 legend { display:contents; }
+.test2 legend::after, .test3 legend::after { content:"legend"; }
+.test2 legend.static, .test3 legend.static { display:block; }
+.test2 legend.static::before, .test3 legend.static::before { content:"static "; }
+.after::after { content:"::after"; }
+.before::before { content:"::before"; }
+</style>
+</head>
+<body>
+<fieldset><div class="test contents"></div></fieldset>
+<fieldset><div class="test contents">x</div></fieldset>
+<fieldset><div class="test contents after"></div></fieldset>
+<fieldset><div class="test contents before"></div></fieldset>
+<fieldset><div class="test contents before after"></div></fieldset>
+<fieldset><legend class="test contents"></legend></fieldset>
+<fieldset><div class="contents"><legend class="test contents"></legend></div></fieldset>
+<fieldset><legend class="contents"><div class="test contents"></div></legend></fieldset>
+<fieldset class="test2"></fieldset>
+<fieldset class="test2 after"></fieldset>
+<fieldset class="test2"><legend class="static"></legend></fieldset>
+<fieldset class="test2"><legend class="static contents"></legend></fieldset>
+<fieldset class="test2"><div class="contents"><legend class="static"></legend></div></fieldset>
+<fieldset><div class="test2 contents"></div></fieldset>
+<fieldset><div class="test3 contents"></div></fieldset>
+<fieldset><div class="test2 contents"><legend class="static"></legend></div></fieldset>
+<fieldset><div class="test3 contents"><legend class="static"></legend></div></fieldset>
+<script>
+document.body.offsetHeight;
+var tests = document.querySelectorAll('.test');
+for (i=0; i < tests.length; ++i) {
+  test = tests[i];
+  test.appendChild(document.createElement('span'));
+}
+var tests = document.querySelectorAll('.test2,.test3');
+for (i=0; i < tests.length; ++i) {
+  test = tests[i];
+  test.appendChild(document.createElement('legend'));
+}
+</script>
+</body>
+</html>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-slot-attach-whitespace-expected.html (0 => 277085)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-slot-attach-whitespace-expected.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-slot-attach-whitespace-expected.html	2021-05-06 13:27:38 UTC (rev 277085)
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reftest Reference</title>
+<p>There should be a space between "two" and "words" below.</p>
+two words

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-slot-attach-whitespace.html (0 => 277085)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-slot-attach-whitespace.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-slot-attach-whitespace.html	2021-05-06 13:27:38 UTC (rev 277085)
@@ -0,0 +1,11 @@
+<!doctype html>
+<title>Attaching shadow slot with assigned whitespace separated inline elements</title>
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<p>There should be a space between "two" and "words" below.</p>
+<div id="host"><span>two</span> <span>words</span></div>
+<script>
+  host.offsetTop;
+  host.attachShadow({mode:"open"}).innerHTML = "<slot />";
+</script>

Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-first-line-001.html (277084 => 277085)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-first-line-001.html	2021-05-06 12:58:33 UTC (rev 277084)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-first-line-001.html	2021-05-06 13:27:38 UTC (rev 277085)
@@ -23,20 +23,20 @@
 <div id="t7">First line is flex but not float.</div>
 <div id="t8">First line is not float or flex.</div>
 <script>
-  function getFistLetterDisplayFor(id) {
+  function getFirstLetterDisplayFor(id) {
     return window.getComputedStyle(document.getElementById(id), "::first-letter").display;
   }
-  function getFistLineDisplayFor(id) {
+  function getFirstLineDisplayFor(id) {
     return window.getComputedStyle(document.getElementById(id), "::first-line").display;
   }
   test(function() {
-    assert_equals(getFistLetterDisplayFor("t1"), "block");
-    assert_equals(getFistLetterDisplayFor("t2"), "block");
-    assert_equals(getFistLetterDisplayFor("t3"), "inline");
-    assert_equals(getFistLetterDisplayFor("t4"), "inline");
-    assert_equals(getFistLineDisplayFor("t5"), "inline");
-    assert_equals(getFistLineDisplayFor("t6"), "inline");
-    assert_equals(getFistLineDisplayFor("t7"), "inline");
-    assert_equals(getFistLineDisplayFor("t8"), "inline");
+    assert_equals(getFirstLetterDisplayFor("t1"), "block");
+    assert_equals(getFirstLetterDisplayFor("t2"), "block");
+    assert_equals(getFirstLetterDisplayFor("t3"), "inline");
+    assert_equals(getFirstLetterDisplayFor("t4"), "inline");
+    assert_equals(getFirstLineDisplayFor("t5"), "inline");
+    assert_equals(getFirstLineDisplayFor("t6"), "inline");
+    assert_equals(getFirstLineDisplayFor("t7"), "inline");
+    assert_equals(getFirstLineDisplayFor("t8"), "inline");
   }, "display of first-letter and first-line");
 </script>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-math-on-non-mathml-elements-expected.txt (0 => 277085)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-math-on-non-mathml-elements-expected.txt	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-math-on-non-mathml-elements-expected.txt	2021-05-06 13:27:38 UTC (rev 277085)
@@ -0,0 +1,13 @@
+
+
+FAIL computed display on <div style="display: math;"> assert_equals: expected "inline" but got "block"
+FAIL computed display on <div style="display: inline math;"> assert_equals: expected "inline" but got "block"
+FAIL computed display on <div style="display: math inline;"> assert_equals: expected "inline" but got "block"
+PASS computed display on <div style="display: block math;">
+PASS computed display on <div style="display: math block;">
+PASS computed display on <svg style="display: math;">
+PASS computed display on <svg style="display: inline math;">
+PASS computed display on <svg style="display: math inline;">
+FAIL computed display on <svg style="display: block math;"> assert_equals: expected "block" but got "inline"
+FAIL computed display on <svg style="display: math block;"> assert_equals: expected "block" but got "inline"
+

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-math-on-non-mathml-elements.html (0 => 277085)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-math-on-non-mathml-elements.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-math-on-non-mathml-elements.html	2021-05-06 13:27:38 UTC (rev 277085)
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>display: math display values on non-MathML compute to flow</title>
+<link rel="help" href=""
+<script src=""
+<script src=""
+
+<div id="container">
+
+  <div data-expected="inline" style="display: math;"></div>
+  <div data-expected="inline" style="display: inline math;"></div>
+  <div data-expected="inline" style="display: math inline;"></div>
+  <div data-expected="block" style="display: block math;"></div>
+  <div data-expected="block" style="display: math block;"></div>
+
+  <svg data-expected="inline" style="display: math;"></svg>
+  <svg data-expected="inline" style="display: inline math;"></svg>
+  <svg data-expected="inline" style="display: math inline;"></svg>
+  <svg data-expected="block" style="display: block math;"></svg>
+  <svg data-expected="block" style="display: math block;"></svg>
+
+</div>
+
+<script>
+  Array.from(container.children).forEach(element => {
+      test(function() {
+          assert_equals(window.getComputedStyle(element).display,
+                        element.getAttribute('data-expected'));
+      }, `computed display on <${element.localName} style="${element.getAttribute('style')}">`);
+  });
+</script>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-math-on-pseudo-elements-001-expected.txt (0 => 277085)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-math-on-pseudo-elements-001-expected.txt	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-math-on-pseudo-elements-001-expected.txt	2021-05-06 13:27:38 UTC (rev 277085)
@@ -0,0 +1,10 @@
+
+
+
+FAIL computed display on ::before and ::after for <div class="block"> assert_equals: expected "block" but got "inline"
+FAIL computed display on ::before and ::after for <math class="block"> assert_equals: expected "block" but got "inline"
+FAIL computed display on ::before and ::after for <mrow class="block"> assert_equals: expected "block" but got "inline"
+PASS computed display on ::before and ::after for <div class="inline">
+PASS computed display on ::before and ::after for <math class="inline">
+PASS computed display on ::before and ::after for <mrow class="inline">
+

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-math-on-pseudo-elements-001.html (0 => 277085)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-math-on-pseudo-elements-001.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-math-on-pseudo-elements-001.html	2021-05-06 13:27:38 UTC (rev 277085)
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>display: math and inline-math on pseudo elements compute to flow</title>
+<link rel="help" href=""
+<script src=""
+<script src=""
+<style>
+  .inline::before { content: 'math'; display: math; }
+  .inline::after { content: 'math'; display: math; }
+  .block::before { content: 'math'; display: block math; }
+  .block::after { content: 'math'; display: block math; }
+</style>
+<div>
+  <div class="block"></div>
+  <math class="block"></math>
+  <math><mrow class="block"></mrow></math>
+  <div class="inline"></div>
+  <math class="inline"></math>
+  <math><mrow class="inline"></mrow></math>
+</div>
+<script>
+  Array.from(document.querySelectorAll('[class]')).forEach(element => {
+      test(function() {
+          assert_equals(window.getComputedStyle(element, "::before").display,
+                        element.getAttribute('class'));
+          assert_equals(window.getComputedStyle(element, "::after").display,
+                        element.getAttribute('class'));
+      }, `computed display on ::before and ::after for <${element.localName} class="${element.className}">`);
+  });
+</script>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-math-on-pseudo-elements-002-expected.html (0 => 277085)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-math-on-pseudo-elements-002-expected.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-math-on-pseudo-elements-002-expected.html	2021-05-06 13:27:38 UTC (rev 277085)
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>display: block math and inline math on pseudo elements (reference)</title>
+<style>
+  .inline::before { content: 'math'; display: inline; }
+  .inline::after { content: 'math'; display: inline; }
+  .block::before { content: 'math'; display: block; }
+  .block::after { content: 'math'; display: block; }
+</style>
+<p>Test passes if SPAN and DIV are respectively surrounded by inline and block
+  "math" text.</p>
+<div>
+  <span class="inline">SPAN</span>
+</div>
+<div>
+  <span class="block">DIV</span>
+</div>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-math-on-pseudo-elements-002.html (0 => 277085)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-math-on-pseudo-elements-002.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-math-on-pseudo-elements-002.html	2021-05-06 13:27:38 UTC (rev 277085)
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>display: block math and inline math on pseudo elements</title>
+<link rel="help" href=""
+<meta name="assert" content="display: inline math and display: block math on compute to flow">
+<link rel="match" href=""
+<style>
+  .inline::before { content: 'math'; display: math; }
+  .inline::after { content: 'math'; display: math; }
+  .block::before { content: 'math'; display: block math; }
+  .block::after { content: 'math'; display: block math; }
+</style>
+<p>Test passes if SPAN and DIV are respectively surrounded by inline and block
+  "math" text.</p>
+<div>
+  <span class="inline">SPAN</span>
+</div>
+<div>
+  <span class="block">DIV</span>
+</div>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/textarea-display-expected.txt (0 => 277085)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/textarea-display-expected.txt	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/textarea-display-expected.txt	2021-05-06 13:27:38 UTC (rev 277085)
@@ -0,0 +1,4 @@
+
+
+PASS textarea has inline block display
+

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/textarea-display.html (0 => 277085)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/textarea-display.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/textarea-display.html	2021-05-06 13:27:38 UTC (rev 277085)
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Display of textarea</title>
+<link rel="help" href=""
+<link rel="help" href=""
+<meta name="assert" content="textarea has inline block display.">
+<script src=""
+<script src=""
+</head>
+<body>
+<textarea id="t"></textarea>
+<script>
+    test(
+      function(){
+        var target = document.getElementById("t");
+        assert_equals(getComputedStyle(target).display, "inline-block");
+      }, "textarea has inline block display");
+</script>
+</body>
+</html>

Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/w3c-import.log (277084 => 277085)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/w3c-import.log	2021-05-06 12:58:33 UTC (rev 277084)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-display/w3c-import.log	2021-05-06 13:27:38 UTC (rev 277085)
@@ -45,6 +45,8 @@
 /LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-dynamic-before-after-001.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-dynamic-before-after-first-letter-001-expected.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-dynamic-before-after-first-letter-001.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-dynamic-fieldset-legend-001-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-dynamic-fieldset-legend-001.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-dynamic-flex-001-inline-expected.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-dynamic-flex-001-inline.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-dynamic-flex-001-none-expected.html
@@ -81,6 +83,8 @@
 /LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-dynamic-table-002-inline.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-dynamic-table-002-none-expected.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-dynamic-table-002-none.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-fieldset-002-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-fieldset-002.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-fieldset-expected.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-fieldset-nested-legend-expected.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-fieldset-nested-legend.html
@@ -124,6 +128,8 @@
 /LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-shadow-host-whitespace.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-sharing-001-expected.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-sharing-001.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-slot-attach-whitespace-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-slot-attach-whitespace.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-state-change-001-expected.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-state-change-001.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-contents-suppression-dynamic-001-expected.html
@@ -160,6 +166,10 @@
 /LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-inline-dynamic-001-expected.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-inline-dynamic-001.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-list-item-height-after-dom-change.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-math-on-non-mathml-elements.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-math-on-pseudo-elements-001.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-math-on-pseudo-elements-002-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-math-on-pseudo-elements-002.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-none-inline-img-expected.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-none-inline-img.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-display/display-with-float-dynamic.html
@@ -167,3 +177,4 @@
 /LayoutTests/imported/w3c/web-platform-tests/css/css-display/inheritance.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-display/select-4-option-optgroup-display-none-expected.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-display/select-4-option-optgroup-display-none.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-display/textarea-display.html
_______________________________________________
webkit-changes mailing list
[email protected]
https://lists.webkit.org/mailman/listinfo/webkit-changes

Reply via email to