Migrate summary-display-{inline-}[grid|flex] tests to WPT

We're talking about 4 tests that verify that specifying a container for it. Same for display: {inline-}grid, but in this case it should create a grid container. display: {inline-}flex in a <summary> element does create a flexbox Change-Id: Ic2cf699c7b2dab29b5ef9084e16de3015c6e9b0c Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2856537 Reviewed-by: David Grogan <dgrogan@chromium.org> Commit-Queue: Sergio Villar <svillar@igalia.com> Cr-Commit-Position: refs/heads/master@{#877379}
marcosholgado · Apr 29, 2021 · 6bef1bf · 6bef1bf
1 parent c18f5a2
commit 6bef1bf
Show file tree

Hide file tree

Showing 8 changed files with 28 additions and 0 deletions.
diff --git a/...ummary/summary-display-flex-expected.html → ...ils-element/summary-display-flex-ref.html b/...ummary/summary-display-flex-expected.html → ...ils-element/summary-display-flex-ref.html
@@ -1,4 +1,5 @@
 <!DOCTYPE html>
+<link rel="author" title="Xing Xu" href="mailto:xing.xu@intel.com">
 <style>
 .flex-container {
   background: #333;

diff --git a/...details_summary/summary-display-flex.html → ...details-element/summary-display-flex.html b/...details_summary/summary-display-flex.html → ...details-element/summary-display-flex.html
@@ -1,4 +1,10 @@
 <!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test: summary with 'display: flex'</title>
+<link rel="author" title="Xing Xu" href="mailto:xing.xu@intel.com">
+<link rel="match" href="summary-display-flex-ref.html">
+<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#the-details-and-summary-elements">
+<meta name="assert" content="Checks that styling a <summary> with 'display: flex' makes it a flex container.">
 <style>
 .flex-container {
   background: #333;

diff --git a/...ummary/summary-display-grid-expected.html → ...ils-element/summary-display-grid-ref.html b/...ummary/summary-display-grid-expected.html → ...ils-element/summary-display-grid-ref.html
@@ -1,4 +1,5 @@
 <!DOCTYPE html>
+<link rel="author" title="Xing Xu" href="mailto:xing.xu@intel.com">
 <style>
 .grid-container {
   display: grid;

diff --git a/...details_summary/summary-display-grid.html → ...details-element/summary-display-grid.html b/...details_summary/summary-display-grid.html → ...details-element/summary-display-grid.html
@@ -1,4 +1,10 @@
 <!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test: summary with 'display: grid'</title>
+<link rel="author" title="Xing Xu" href="mailto:xing.xu@intel.com">
+<link rel="match" href="summary-display-grid-ref.html">
+<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#the-details-and-summary-elements">
+<meta name="assert" content="Checks that styling a <summary> with 'display: grid' makes it a grid container.">
 <style>
 .grid-container {
   display: grid;

diff --git a/...summary-display-inline-flex-expected.html → ...ment/summary-display-inline-flex-ref.html b/...summary-display-inline-flex-expected.html → ...ment/summary-display-inline-flex-ref.html
@@ -1,4 +1,5 @@
 <!DOCTYPE html>
+<link rel="author" title="Xing Xu" href="mailto:xing.xu@intel.com">
 <style>
 .flex-container {
   background: #333;

diff --git a/..._summary/summary-display-inline-flex.html → ...-element/summary-display-inline-flex.html b/..._summary/summary-display-inline-flex.html → ...-element/summary-display-inline-flex.html
@@ -1,4 +1,10 @@
 <!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test: summary with 'display: inline-flex'</title>
+<link rel="author" title="Xing Xu" href="mailto:xing.xu@intel.com">
+<link rel="match" href="summary-display-inline-flex-ref.html">
+<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#the-details-and-summary-elements">
+<meta name="assert" content="Checks that styling a <summary> with 'display: inline-flex' makes it a flex container.">
 <style>
 .flex-container {
   background: #333;

diff --git a/...summary-display-inline-grid-expected.html → ...ment/summary-display-inline-grid-ref.html b/...summary-display-inline-grid-expected.html → ...ment/summary-display-inline-grid-ref.html
@@ -1,4 +1,5 @@
 <!DOCTYPE html>
+<link rel="author" title="Xing Xu" href="mailto:xing.xu@intel.com">
 <style>
 .grid-container {
   display: inline-grid;

diff --git a/..._summary/summary-display-inline-grid.html → ...-element/summary-display-inline-grid.html b/..._summary/summary-display-inline-grid.html → ...-element/summary-display-inline-grid.html
@@ -1,4 +1,10 @@
 <!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test: summary with 'display: inline-grid'</title>
+<link rel="author" title="Xing Xu" href="mailto:xing.xu@intel.com">
+<link rel="match" href="summary-display-inline-grid-ref.html">
+<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#the-details-and-summary-elements">
+<meta name="assert" content="Checks that styling a <summary> with 'display: inline-grid' makes it a grid container.">
 <style>
 .grid-container {
   display: inline-grid;