Support display:flex for 'summary'

third_party/WebKit/LayoutTests/fast/html/summary-display-flex.html

Index: third_party/WebKit/LayoutTests/fast/html/summary-display-flex.html
diff --git a/third_party/WebKit/LayoutTests/fast/forms/fieldset/fieldset-display-flex.html b/third_party/WebKit/LayoutTests/fast/html/summary-display-flex.html
similarity index 76%
copy from third_party/WebKit/LayoutTests/fast/forms/fieldset/fieldset-display-flex.html
copy to third_party/WebKit/LayoutTests/fast/html/summary-display-flex.html
index 280ac8379fb8f4619002bfb1d00729fb8e8d9554..328715ba01bc6956ce079dc19b9eb24a1afc10f3 100644
--- a/third_party/WebKit/LayoutTests/fast/forms/fieldset/fieldset-display-flex.html
+++ b/third_party/WebKit/LayoutTests/fast/html/summary-display-flex.html
@@ -50,58 +50,57 @@
 }
 </style>
 
-<fieldset style="display: flex;">
-  <legend>Fieldset with display: flex</legend>
+<summary style="display: flex;">
   <div>these fields</div>
   <div>shouldn't be</div>
   <div>stacked vertically</div>
-</fieldset>
+</summary>
 
 <h1>flex-direction: row</h1>
-<fieldset class="flex-container flex-direction-row">
+<summary class="flex-container flex-direction-row">
   <div class="flex-item">1</div>
   <div class="flex-item">2</div>
   <div class="flex-item">3</div>
-</fieldset>
+</summary>
 
 <h1>flex-direction: row-reverse</h1>
-<fieldset class="flex-container flex-direction-row-reverse">
+<summary class="flex-container flex-direction-row-reverse">
   <div class="flex-item">1</div>
   <div class="flex-item">2</div>
   <div class="flex-item">3</div>
-</fieldset>
+</summary>
 
 <h1>flex-direction: column</h1>
-<fieldset class="flex-container flex-direction-column">
+<summary class="flex-container flex-direction-column">
   <div class="flex-item">1</div>
   <div class="flex-item">2</div>
   <div class="flex-item">3</div>
-</fieldset>
+</summary>
 
 <h1>flex-direction: column-reverse</h1>
-<fieldset class="flex-container flex-direction-column-reverse">
+<summary class="flex-container flex-direction-column-reverse">
   <div class="flex-item">1</div>
   <div class="flex-item">2</div>
   <div class="flex-item">3</div>
-</fieldset>
+</summary>
 
 <h1>justify-content: center</h1>
-<fieldset class="flex-container justify-content-center">
+<summary class="flex-container justify-content-center">
   <div class="flex-item">1</div>
   <div class="flex-item">2</div>
   <div class="flex-item">3</div>
-</fieldset>
+</summary>
 
 <h1>justify-content: space-around</h1>
-<fieldset class="flex-container justify-content-space-around">
+<summary class="flex-container justify-content-space-around">
   <div class="flex-item">1</div>
   <div class="flex-item">2</div>
   <div class="flex-item">3</div>
-</fieldset>
+</summary>
 
 <h1>justify-content: space-between</h1>
-<fieldset class="flex-container justify-content-space-between">
+<summary class="flex-container justify-content-space-between">
   <div class="flex-item">1</div>
   <div class="flex-item">2</div>
   <div class="flex-item">3</div>
-</fieldset>
+</summary>