npm - @blaze-cms/react-page-builder - Versions diffs - 0.146.0-rc-eagle.0 → 0.146.0-rc-eagle-3.0 - Mend

@blaze-cms/react-page-builder 0.146.0-rc-eagle.0 → 0.146.0-rc-eagle-3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1427) hide show

package/tests/unit/src/components/SearchFilter/SearchFilter/__snapshots__/SearchFilter.test.js.snap DELETED Viewed

@@ -1,767 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`SearchFilter component should render without throwing error and match snapshot 1`] = `
-<DocumentFragment>
-  <form
-    class="filter__form filter__form--initial filter__form--collapsible"
-    data-testid="filter-test-form"
-    id="filter-test-form"
-  >
-    <div
-      class="filter filter--search-refine"
-    >
-      <div
-        class="filter__reset"
-      >
-        <button
-          aria-label="RESET_ALL_FILTERS"
-          class="icon-button icon-button--reset"
-          data-testid="reset-icon"
-          title="reset--button"
-          type="button"
-        >
-          <i>
-            <svg
-              fill="currentColor"
-              height="1em"
-              stroke="currentColor"
-              stroke-width="0"
-              viewBox="0 0 512 512"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M256.455 8c66.269.119 126.437 26.233 170.859 68.685l35.715-35.715C478.149 25.851 504 36.559 504 57.941V192c0 13.255-10.745 24-24 24H345.941c-21.382 0-32.09-25.851-16.971-40.971l41.75-41.75c-30.864-28.899-70.801-44.907-113.23-45.273-92.398-.798-170.283 73.977-169.484 169.442C88.764 348.009 162.184 424 256 424c41.127 0 79.997-14.678 110.629-41.556 4.743-4.161 11.906-3.908 16.368.553l39.662 39.662c4.872 4.872 4.631 12.815-.482 17.433C378.202 479.813 319.926 504 256 504 119.034 504 8.001 392.967 8 256.002 7.999 119.193 119.646 7.755 256.455 8z"
-              />
-            </svg>
-          </i>
-        </button>
-        <div
-          data-testid="reset-button"
-          role="button"
-        >
-          RESET_ALL_FILTERS
-        </div>
-      </div>
-      <div
-        class="filter__wrapper filter__wrapper--search-refine"
-      >
-        <button
-          class="button button--full-width"
-          type="submit"
-        >
-          SEARCH_BUTTON_TEXT
-        </button>
-      </div>
-    </div>
-  </form>
-  <div
-    aria-label="REFINE_SEARCH"
-    class="filter__refine filter__refine--mobile-close"
-    data-testid="refine-mobile"
-  >
-    <div
-      role="button"
-    >
-      REFINE_SEARCH
-    </div>
-  </div>
-</DocumentFragment>
-`;
-exports[`SearchFilter component when groupAfterMobile = 0 and groupAfterDesktop > 0 should render without throwing error and match snapshot 1`] = `
-<DocumentFragment>
-  <form
-    class="filter__form filter__form--initial filter__form--collapsible"
-    data-testid="filter-test-form"
-    id="filter-test-form"
-  >
-    <div
-      class="filter filter--search-refine"
-    >
-      <div
-        class="filter__reset"
-      >
-        <button
-          aria-label="RESET_ALL_FILTERS"
-          class="icon-button icon-button--reset"
-          data-testid="reset-icon"
-          title="reset--button"
-          type="button"
-        >
-          <i>
-            <svg
-              fill="currentColor"
-              height="1em"
-              stroke="currentColor"
-              stroke-width="0"
-              viewBox="0 0 512 512"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M256.455 8c66.269.119 126.437 26.233 170.859 68.685l35.715-35.715C478.149 25.851 504 36.559 504 57.941V192c0 13.255-10.745 24-24 24H345.941c-21.382 0-32.09-25.851-16.971-40.971l41.75-41.75c-30.864-28.899-70.801-44.907-113.23-45.273-92.398-.798-170.283 73.977-169.484 169.442C88.764 348.009 162.184 424 256 424c41.127 0 79.997-14.678 110.629-41.556 4.743-4.161 11.906-3.908 16.368.553l39.662 39.662c4.872 4.872 4.631 12.815-.482 17.433C378.202 479.813 319.926 504 256 504 119.034 504 8.001 392.967 8 256.002 7.999 119.193 119.646 7.755 256.455 8z"
-              />
-            </svg>
-          </i>
-        </button>
-        <div
-          data-testid="reset-button"
-          role="button"
-        >
-          RESET_ALL_FILTERS
-        </div>
-      </div>
-      <div
-        class="filter__wrapper filter__wrapper--search-refine"
-      >
-        <div
-          class="filter__more-filters-mobile-wrapper"
-        >
-          <div
-            class="filter__more-filters-mobile-content"
-          >
-            <button
-              aria-label="Show more search filters"
-              class="filter__more-filters-desktop-toggler"
-              data-testid="search-filter-desktop-toggler"
-              type="button"
-            >
-              More filters
-            </button>
-            <div
-              class="filter__more-filters-desktop-wrapper"
-            >
-              <div
-                class="filter__more-filters-desktop-content"
-              />
-              <div
-                class="filter__more-filters-desktop-buttons"
-              >
-                <div
-                  class="filter__reset"
-                >
-                  <button
-                    aria-label="RESET_ALL_FILTERS"
-                    class="icon-button icon-button--reset"
-                    data-testid="reset-icon"
-                    title="reset--button"
-                    type="button"
-                  >
-                    <i>
-                      <svg
-                        fill="currentColor"
-                        height="1em"
-                        stroke="currentColor"
-                        stroke-width="0"
-                        viewBox="0 0 512 512"
-                        width="1em"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M256.455 8c66.269.119 126.437 26.233 170.859 68.685l35.715-35.715C478.149 25.851 504 36.559 504 57.941V192c0 13.255-10.745 24-24 24H345.941c-21.382 0-32.09-25.851-16.971-40.971l41.75-41.75c-30.864-28.899-70.801-44.907-113.23-45.273-92.398-.798-170.283 73.977-169.484 169.442C88.764 348.009 162.184 424 256 424c41.127 0 79.997-14.678 110.629-41.556 4.743-4.161 11.906-3.908 16.368.553l39.662 39.662c4.872 4.872 4.631 12.815-.482 17.433C378.202 479.813 319.926 504 256 504 119.034 504 8.001 392.967 8 256.002 7.999 119.193 119.646 7.755 256.455 8z"
-                        />
-                      </svg>
-                    </i>
-                  </button>
-                  <div
-                    data-testid="reset-button"
-                    role="button"
-                  >
-                    RESET_ALL_FILTERS
-                  </div>
-                </div>
-                <button
-                  class="button button--full-width"
-                  type="submit"
-                >
-                  SEARCH_BUTTON_TEXT
-                </button>
-              </div>
-            </div>
-          </div>
-          <div
-            class="filter__more-filters-mobile-buttons"
-          >
-            <div
-              class="filter__reset"
-            >
-              <button
-                aria-label="RESET_ALL_FILTERS"
-                class="icon-button icon-button--reset"
-                data-testid="reset-icon"
-                title="reset--button"
-                type="button"
-              >
-                <i>
-                  <svg
-                    fill="currentColor"
-                    height="1em"
-                    stroke="currentColor"
-                    stroke-width="0"
-                    viewBox="0 0 512 512"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M256.455 8c66.269.119 126.437 26.233 170.859 68.685l35.715-35.715C478.149 25.851 504 36.559 504 57.941V192c0 13.255-10.745 24-24 24H345.941c-21.382 0-32.09-25.851-16.971-40.971l41.75-41.75c-30.864-28.899-70.801-44.907-113.23-45.273-92.398-.798-170.283 73.977-169.484 169.442C88.764 348.009 162.184 424 256 424c41.127 0 79.997-14.678 110.629-41.556 4.743-4.161 11.906-3.908 16.368.553l39.662 39.662c4.872 4.872 4.631 12.815-.482 17.433C378.202 479.813 319.926 504 256 504 119.034 504 8.001 392.967 8 256.002 7.999 119.193 119.646 7.755 256.455 8z"
-                    />
-                  </svg>
-                </i>
-              </button>
-              <div
-                data-testid="reset-button"
-                role="button"
-              >
-                RESET_ALL_FILTERS
-              </div>
-            </div>
-            <button
-              class="button button--full-width"
-              type="submit"
-            >
-              SEARCH_BUTTON_TEXT
-            </button>
-          </div>
-        </div>
-        <button
-          class="button button--full-width"
-          type="submit"
-        >
-          SEARCH_BUTTON_TEXT
-        </button>
-      </div>
-    </div>
-  </form>
-  <div
-    aria-label="REFINE_SEARCH"
-    class="filter__refine filter__refine--mobile-close"
-    data-testid="refine-mobile"
-  >
-    <div
-      role="button"
-    >
-      REFINE_SEARCH
-    </div>
-  </div>
-</DocumentFragment>
-`;
-exports[`SearchFilter component when groupAfterMobile > 0 and groupAfterDesktop = 0 should render without throwing error and match snapshot 1`] = `
-<DocumentFragment>
-  <form
-    class="filter__form filter__form--initial filter__form--collapsible"
-    data-testid="filter-test-form"
-    id="filter-test-form"
-  >
-    <div
-      class="filter filter--search-refine"
-    >
-      <div
-        class="filter__reset"
-      >
-        <button
-          aria-label="RESET_ALL_FILTERS"
-          class="icon-button icon-button--reset"
-          data-testid="reset-icon"
-          title="reset--button"
-          type="button"
-        >
-          <i>
-            <svg
-              fill="currentColor"
-              height="1em"
-              stroke="currentColor"
-              stroke-width="0"
-              viewBox="0 0 512 512"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M256.455 8c66.269.119 126.437 26.233 170.859 68.685l35.715-35.715C478.149 25.851 504 36.559 504 57.941V192c0 13.255-10.745 24-24 24H345.941c-21.382 0-32.09-25.851-16.971-40.971l41.75-41.75c-30.864-28.899-70.801-44.907-113.23-45.273-92.398-.798-170.283 73.977-169.484 169.442C88.764 348.009 162.184 424 256 424c41.127 0 79.997-14.678 110.629-41.556 4.743-4.161 11.906-3.908 16.368.553l39.662 39.662c4.872 4.872 4.631 12.815-.482 17.433C378.202 479.813 319.926 504 256 504 119.034 504 8.001 392.967 8 256.002 7.999 119.193 119.646 7.755 256.455 8z"
-              />
-            </svg>
-          </i>
-        </button>
-        <div
-          data-testid="reset-button"
-          role="button"
-        >
-          RESET_ALL_FILTERS
-        </div>
-      </div>
-      <div
-        class="filter__wrapper filter__wrapper--search-refine"
-      >
-        <button
-          class="filter__more-filters-mobile-toggler"
-          data-testid="search-filter-mobile-toggler"
-          type="button"
-        >
-          Filters
-        </button>
-        <div
-          class="filter__more-filters-mobile-wrapper"
-        >
-          <div
-            class="filter__more-filters-mobile-content"
-          >
-            <div
-              class="filter__more-filters-desktop-wrapper"
-            >
-              <div
-                class="filter__more-filters-desktop-content"
-              />
-              <div
-                class="filter__more-filters-desktop-buttons"
-              >
-                <div
-                  class="filter__reset"
-                >
-                  <button
-                    aria-label="RESET_ALL_FILTERS"
-                    class="icon-button icon-button--reset"
-                    data-testid="reset-icon"
-                    title="reset--button"
-                    type="button"
-                  >
-                    <i>
-                      <svg
-                        fill="currentColor"
-                        height="1em"
-                        stroke="currentColor"
-                        stroke-width="0"
-                        viewBox="0 0 512 512"
-                        width="1em"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M256.455 8c66.269.119 126.437 26.233 170.859 68.685l35.715-35.715C478.149 25.851 504 36.559 504 57.941V192c0 13.255-10.745 24-24 24H345.941c-21.382 0-32.09-25.851-16.971-40.971l41.75-41.75c-30.864-28.899-70.801-44.907-113.23-45.273-92.398-.798-170.283 73.977-169.484 169.442C88.764 348.009 162.184 424 256 424c41.127 0 79.997-14.678 110.629-41.556 4.743-4.161 11.906-3.908 16.368.553l39.662 39.662c4.872 4.872 4.631 12.815-.482 17.433C378.202 479.813 319.926 504 256 504 119.034 504 8.001 392.967 8 256.002 7.999 119.193 119.646 7.755 256.455 8z"
-                        />
-                      </svg>
-                    </i>
-                  </button>
-                  <div
-                    data-testid="reset-button"
-                    role="button"
-                  >
-                    RESET_ALL_FILTERS
-                  </div>
-                </div>
-                <button
-                  class="button button--full-width"
-                  type="submit"
-                >
-                  SEARCH_BUTTON_TEXT
-                </button>
-              </div>
-            </div>
-          </div>
-          <div
-            class="filter__more-filters-mobile-buttons"
-          >
-            <div
-              class="filter__reset"
-            >
-              <button
-                aria-label="RESET_ALL_FILTERS"
-                class="icon-button icon-button--reset"
-                data-testid="reset-icon"
-                title="reset--button"
-                type="button"
-              >
-                <i>
-                  <svg
-                    fill="currentColor"
-                    height="1em"
-                    stroke="currentColor"
-                    stroke-width="0"
-                    viewBox="0 0 512 512"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M256.455 8c66.269.119 126.437 26.233 170.859 68.685l35.715-35.715C478.149 25.851 504 36.559 504 57.941V192c0 13.255-10.745 24-24 24H345.941c-21.382 0-32.09-25.851-16.971-40.971l41.75-41.75c-30.864-28.899-70.801-44.907-113.23-45.273-92.398-.798-170.283 73.977-169.484 169.442C88.764 348.009 162.184 424 256 424c41.127 0 79.997-14.678 110.629-41.556 4.743-4.161 11.906-3.908 16.368.553l39.662 39.662c4.872 4.872 4.631 12.815-.482 17.433C378.202 479.813 319.926 504 256 504 119.034 504 8.001 392.967 8 256.002 7.999 119.193 119.646 7.755 256.455 8z"
-                    />
-                  </svg>
-                </i>
-              </button>
-              <div
-                data-testid="reset-button"
-                role="button"
-              >
-                RESET_ALL_FILTERS
-              </div>
-            </div>
-            <button
-              class="button button--full-width"
-              type="submit"
-            >
-              SEARCH_BUTTON_TEXT
-            </button>
-          </div>
-        </div>
-        <button
-          class="button button--full-width"
-          type="submit"
-        >
-          SEARCH_BUTTON_TEXT
-        </button>
-      </div>
-    </div>
-  </form>
-  <div
-    aria-label="REFINE_SEARCH"
-    class="filter__refine filter__refine--mobile-close"
-    data-testid="refine-mobile"
-  >
-    <div
-      role="button"
-    >
-      REFINE_SEARCH
-    </div>
-  </div>
-</DocumentFragment>
-`;
-exports[`SearchFilter component when groupAfterMobile > 0 and groupAfterDesktop > 0 should render without throwing error and match snapshot 1`] = `
-<DocumentFragment>
-  <form
-    class="filter__form filter__form--initial filter__form--collapsible"
-    data-testid="filter-test-form"
-    id="filter-test-form"
-  >
-    <div
-      class="filter filter--search-refine"
-    >
-      <div
-        class="filter__reset"
-      >
-        <button
-          aria-label="RESET_ALL_FILTERS"
-          class="icon-button icon-button--reset"
-          data-testid="reset-icon"
-          title="reset--button"
-          type="button"
-        >
-          <i>
-            <svg
-              fill="currentColor"
-              height="1em"
-              stroke="currentColor"
-              stroke-width="0"
-              viewBox="0 0 512 512"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M256.455 8c66.269.119 126.437 26.233 170.859 68.685l35.715-35.715C478.149 25.851 504 36.559 504 57.941V192c0 13.255-10.745 24-24 24H345.941c-21.382 0-32.09-25.851-16.971-40.971l41.75-41.75c-30.864-28.899-70.801-44.907-113.23-45.273-92.398-.798-170.283 73.977-169.484 169.442C88.764 348.009 162.184 424 256 424c41.127 0 79.997-14.678 110.629-41.556 4.743-4.161 11.906-3.908 16.368.553l39.662 39.662c4.872 4.872 4.631 12.815-.482 17.433C378.202 479.813 319.926 504 256 504 119.034 504 8.001 392.967 8 256.002 7.999 119.193 119.646 7.755 256.455 8z"
-              />
-            </svg>
-          </i>
-        </button>
-        <div
-          data-testid="reset-button"
-          role="button"
-        >
-          RESET_ALL_FILTERS
-        </div>
-      </div>
-      <div
-        class="filter__wrapper filter__wrapper--search-refine"
-      >
-        <button
-          class="filter__more-filters-mobile-toggler"
-          data-testid="search-filter-mobile-toggler"
-          type="button"
-        >
-          Filters
-        </button>
-        <div
-          class="filter__more-filters-mobile-wrapper"
-        >
-          <div
-            class="filter__more-filters-mobile-content"
-          >
-            <button
-              aria-label="Show more search filters"
-              class="filter__more-filters-desktop-toggler"
-              data-testid="search-filter-desktop-toggler"
-              type="button"
-            >
-              More filters
-            </button>
-            <div
-              class="filter__more-filters-desktop-wrapper"
-            >
-              <div
-                class="filter__more-filters-desktop-content"
-              />
-              <div
-                class="filter__more-filters-desktop-buttons"
-              >
-                <div
-                  class="filter__reset"
-                >
-                  <button
-                    aria-label="RESET_ALL_FILTERS"
-                    class="icon-button icon-button--reset"
-                    data-testid="reset-icon"
-                    title="reset--button"
-                    type="button"
-                  >
-                    <i>
-                      <svg
-                        fill="currentColor"
-                        height="1em"
-                        stroke="currentColor"
-                        stroke-width="0"
-                        viewBox="0 0 512 512"
-                        width="1em"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M256.455 8c66.269.119 126.437 26.233 170.859 68.685l35.715-35.715C478.149 25.851 504 36.559 504 57.941V192c0 13.255-10.745 24-24 24H345.941c-21.382 0-32.09-25.851-16.971-40.971l41.75-41.75c-30.864-28.899-70.801-44.907-113.23-45.273-92.398-.798-170.283 73.977-169.484 169.442C88.764 348.009 162.184 424 256 424c41.127 0 79.997-14.678 110.629-41.556 4.743-4.161 11.906-3.908 16.368.553l39.662 39.662c4.872 4.872 4.631 12.815-.482 17.433C378.202 479.813 319.926 504 256 504 119.034 504 8.001 392.967 8 256.002 7.999 119.193 119.646 7.755 256.455 8z"
-                        />
-                      </svg>
-                    </i>
-                  </button>
-                  <div
-                    data-testid="reset-button"
-                    role="button"
-                  >
-                    RESET_ALL_FILTERS
-                  </div>
-                </div>
-                <button
-                  class="button button--full-width"
-                  type="submit"
-                >
-                  SEARCH_BUTTON_TEXT
-                </button>
-              </div>
-            </div>
-          </div>
-          <div
-            class="filter__more-filters-mobile-buttons"
-          >
-            <div
-              class="filter__reset"
-            >
-              <button
-                aria-label="RESET_ALL_FILTERS"
-                class="icon-button icon-button--reset"
-                data-testid="reset-icon"
-                title="reset--button"
-                type="button"
-              >
-                <i>
-                  <svg
-                    fill="currentColor"
-                    height="1em"
-                    stroke="currentColor"
-                    stroke-width="0"
-                    viewBox="0 0 512 512"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M256.455 8c66.269.119 126.437 26.233 170.859 68.685l35.715-35.715C478.149 25.851 504 36.559 504 57.941V192c0 13.255-10.745 24-24 24H345.941c-21.382 0-32.09-25.851-16.971-40.971l41.75-41.75c-30.864-28.899-70.801-44.907-113.23-45.273-92.398-.798-170.283 73.977-169.484 169.442C88.764 348.009 162.184 424 256 424c41.127 0 79.997-14.678 110.629-41.556 4.743-4.161 11.906-3.908 16.368.553l39.662 39.662c4.872 4.872 4.631 12.815-.482 17.433C378.202 479.813 319.926 504 256 504 119.034 504 8.001 392.967 8 256.002 7.999 119.193 119.646 7.755 256.455 8z"
-                    />
-                  </svg>
-                </i>
-              </button>
-              <div
-                data-testid="reset-button"
-                role="button"
-              >
-                RESET_ALL_FILTERS
-              </div>
-            </div>
-            <button
-              class="button button--full-width"
-              type="submit"
-            >
-              SEARCH_BUTTON_TEXT
-            </button>
-          </div>
-        </div>
-        <button
-          class="button button--full-width"
-          type="submit"
-        >
-          SEARCH_BUTTON_TEXT
-        </button>
-      </div>
-    </div>
-  </form>
-  <div
-    aria-label="REFINE_SEARCH"
-    class="filter__refine filter__refine--mobile-close"
-    data-testid="refine-mobile"
-  >
-    <div
-      role="button"
-    >
-      REFINE_SEARCH
-    </div>
-  </div>
-</DocumentFragment>
-`;
-exports[`SearchFilter component when isCollapsedOnResponsive = false, displaySearchFilter = false should render without throwing error and match snapshot 1`] = `
-<DocumentFragment>
-  <form
-    class="filter__form filter__form--initial"
-    data-testid="filter-test-form"
-    id="filter-test-form"
-  >
-    <div
-      class="filter filter--search-refine"
-    >
-      <div
-        class="filter__reset"
-      >
-        <button
-          aria-label="RESET_ALL_FILTERS"
-          class="icon-button icon-button--reset"
-          data-testid="reset-icon"
-          title="reset--button"
-          type="button"
-        >
-          <i>
-            <svg
-              fill="currentColor"
-              height="1em"
-              stroke="currentColor"
-              stroke-width="0"
-              viewBox="0 0 512 512"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M256.455 8c66.269.119 126.437 26.233 170.859 68.685l35.715-35.715C478.149 25.851 504 36.559 504 57.941V192c0 13.255-10.745 24-24 24H345.941c-21.382 0-32.09-25.851-16.971-40.971l41.75-41.75c-30.864-28.899-70.801-44.907-113.23-45.273-92.398-.798-170.283 73.977-169.484 169.442C88.764 348.009 162.184 424 256 424c41.127 0 79.997-14.678 110.629-41.556 4.743-4.161 11.906-3.908 16.368.553l39.662 39.662c4.872 4.872 4.631 12.815-.482 17.433C378.202 479.813 319.926 504 256 504 119.034 504 8.001 392.967 8 256.002 7.999 119.193 119.646 7.755 256.455 8z"
-              />
-            </svg>
-          </i>
-        </button>
-        <div
-          data-testid="reset-button"
-          role="button"
-        >
-          RESET_ALL_FILTERS
-        </div>
-      </div>
-      <div
-        class="filter__wrapper filter__wrapper--search-refine"
-      >
-        <button
-          class="button button--full-width"
-          type="submit"
-        >
-          SEARCH_BUTTON_TEXT
-        </button>
-      </div>
-    </div>
-  </form>
-</DocumentFragment>
-`;
-exports[`SearchFilter component when isCollapsedOnResponsive = true, displaySearchFilter = true should render without throwing error and match snapshot 1`] = `
-<DocumentFragment>
-  <form
-    class="filter__form filter__form--initial filter__form--mobile filter__form--collapsible"
-    data-testid="filter-test-form"
-    id="filter-test-form"
-  >
-    <div
-      class="filter__header filter__header--mobile"
-    >
-      <p>
-        MOBILE_REFINEMENT_TITLE
-      </p>
-      <i
-        aria-label="Close"
-        role="button"
-      >
-        <svg
-          fill="currentColor"
-          height="1em"
-          stroke="currentColor"
-          stroke-width="0"
-          viewBox="0 0 24 24"
-          width="1em"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M0 0h24v24H0z"
-            fill="none"
-          />
-          <path
-            d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
-          />
-        </svg>
-      </i>
-    </div>
-    <div
-      class="filter filter--search-refine"
-    >
-      <div
-        class="filter__reset"
-      >
-        <button
-          aria-label="RESET_ALL_FILTERS"
-          class="icon-button icon-button--reset"
-          data-testid="reset-icon"
-          title="reset--button"
-          type="button"
-        >
-          <i>
-            <svg
-              fill="currentColor"
-              height="1em"
-              stroke="currentColor"
-              stroke-width="0"
-              viewBox="0 0 512 512"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M256.455 8c66.269.119 126.437 26.233 170.859 68.685l35.715-35.715C478.149 25.851 504 36.559 504 57.941V192c0 13.255-10.745 24-24 24H345.941c-21.382 0-32.09-25.851-16.971-40.971l41.75-41.75c-30.864-28.899-70.801-44.907-113.23-45.273-92.398-.798-170.283 73.977-169.484 169.442C88.764 348.009 162.184 424 256 424c41.127 0 79.997-14.678 110.629-41.556 4.743-4.161 11.906-3.908 16.368.553l39.662 39.662c4.872 4.872 4.631 12.815-.482 17.433C378.202 479.813 319.926 504 256 504 119.034 504 8.001 392.967 8 256.002 7.999 119.193 119.646 7.755 256.455 8z"
-              />
-            </svg>
-          </i>
-        </button>
-        <div
-          data-testid="reset-button"
-          role="button"
-        >
-          RESET_ALL_FILTERS
-        </div>
-      </div>
-      <div
-        class="filter__wrapper filter__wrapper--search-refine"
-      />
-    </div>
-    <div
-      class="filter__refine filter__refine--mobile-open"
-    >
-      <div
-        aria-label="RESET_ALL_FILTERS"
-        class="reset"
-        data-testid="reset-button"
-        role="button"
-      >
-        RESET_ALL_FILTERS
-      </div>
-      <button
-        class="search"
-        form="filter-test-form"
-        type="submit"
-      >
-        SEARCH_MOBILE_BUTTON_TEXT
-      </button>
-    </div>
-  </form>
-</DocumentFragment>
-`;