Update search tests with new HTML structure

cjohnston1158 · Jun 5, 2018 · d0ef421 · d0ef421
1 parent c9f88ec
commit d0ef421
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 30 deletions.
diff --git a/tests/fixtures/builder/output_search/en/index.html b/tests/fixtures/builder/output_search/en/index.html
@@ -4,24 +4,14 @@
     <title>Index page | The title of my site</title>
   </head>
   <body class="theme">
-    <form id="search" action="https://example.com/search" class="search--header">
-      <label for="edit-keys" class="search__label">Search</label>
 
-      <input class="search__field" type="search" name="q" id="search" placeholder="Placeholder text" />
+    <form id="search" class="p-search-box" action="https://example.com/search">
+      <input type="search" class="p-search-box__input" name="q" placeholder="Placeholder text" required="">
       <input type="hidden" name="domain" value="one.example.com" />
       <input type="hidden" name="domain" value="two.example.com/path" />
-
-	  <button type="submit" class="search__button">
-		<svg xmlns="https://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 90 90">
-		  <g color="#000">
-			<path fill="none" stroke-width="4" overflow="visible" enable-background="accumulate" d="M0 0h90v90H0z"></path>
-			<path class="search__svg-frame" d="M69 36.5a33 33.5 0 1 1-66 0 33 33.5 0 1 1 66 0z" transform="matrix(.636 0 0 .627 16.114 16.12)" fill="none" stroke="#fff" stroke-width="9.5" overflow="visible" enable-background="accumulate"></path>
-			<path class="search__svg-handle" style="text-indent:0;text-align:start;line-height:normal;text-transform:none;block-progression:tb;-inkscape-font-specification:Sans" d="M55.773 52.917L52.94 55.75l14 14 2.833-2.833-14-14z" font-size="xx-small" fill="#fff" stroke-width="6" overflow="visible" enable-background="accumulate" font-family="Sans"></path>
-			<path class="search__svg-handle" style="text-indent:0;text-align:start;line-height:normal;text-transform:none;block-progression:tb;-inkscape-font-specification:Sans" d="M60.972 57.03c-1.55.01-3.045 1.023-3.626 2.46-.58 1.436-.21 3.207.898 4.29l9.194 9.2c2.683 2.85 3.262 2.464 5.643.083 2.384-2.38 2.77-2.792-.08-5.646l-9.195-9.2c-.734-.753-1.78-1.192-2.83-1.188z" fill="#fff" stroke-width="11.804"></path>
-		  </g>
-		</svg>
-	  </button>
-	</form>
+      <button type="reset" class="p-search-box__reset u-no-margin--right" alt="reset"><i class="p-icon--close"></i></button>
+      <button type="submit" class="p-search-box__button" alt="search"><i class="p-icon--search"></i></button>
+    </form>
 
     <nav class="p-sidebar-nav">
       <ul>

diff --git a/tests/fixtures/builder/output_search/fr/index.html b/tests/fixtures/builder/output_search/fr/index.html
@@ -4,23 +4,12 @@
     <title> | The title of my site</title>
   </head>
   <body class="theme">
-    <form id="search" action="https://example.com/search" class="search--header">
-      <label for="edit-keys" class="search__label">Search</label>
-
-      <input class="search__field" type="search" name="q" id="search" placeholder="Placeholder text" />
+    <form id="search" class="p-search-box" action="https://example.com/search">
+      <input type="search" class="p-search-box__input" name="q" placeholder="Placeholder text" required="">
       <input type="hidden" name="domain" value="one.example.com" />
       <input type="hidden" name="domain" value="two.example.com/path" />
-
-      <button type="submit" class="search__button">
-        <svg xmlns="https://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 90 90">
-          <g color="#000">
-            <path fill="none" stroke-width="4" overflow="visible" enable-background="accumulate" d="M0 0h90v90H0z"></path>
-            <path class="search__svg-frame" d="M69 36.5a33 33.5 0 1 1-66 0 33 33.5 0 1 1 66 0z" transform="matrix(.636 0 0 .627 16.114 16.12)" fill="none" stroke="#fff" stroke-width="9.5" overflow="visible" enable-background="accumulate"></path>
-            <path class="search__svg-handle" style="text-indent:0;text-align:start;line-height:normal;text-transform:none;block-progression:tb;-inkscape-font-specification:Sans" d="M55.773 52.917L52.94 55.75l14 14 2.833-2.833-14-14z" font-size="xx-small" fill="#fff" stroke-width="6" overflow="visible" enable-background="accumulate" font-family="Sans"></path>
-            <path class="search__svg-handle" style="text-indent:0;text-align:start;line-height:normal;text-transform:none;block-progression:tb;-inkscape-font-specification:Sans" d="M60.972 57.03c-1.55.01-3.045 1.023-3.626 2.46-.58 1.436-.21 3.207.898 4.29l9.194 9.2c2.683 2.85 3.262 2.464 5.643.083 2.384-2.38 2.77-2.792-.08-5.646l-9.195-9.2c-.734-.753-1.78-1.192-2.83-1.188z" fill="#fff" stroke-width="11.804"></path>
-          </g>
-        </svg>
-      </button>
+      <button type="reset" class="p-search-box__reset u-no-margin--right" alt="reset"><i class="p-icon--close"></i></button>
+      <button type="submit" class="p-search-box__button" alt="search"><i class="p-icon--search"></i></button>
     </form>
 
     <nav class="p-sidebar-nav">