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

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

@@ -14,7 +14,7 @@ exports[`SearchFilter component should render without throwing error and match s
         class="filter__reset"
       >
         <button
-          aria-label="Reset search filters"
+          aria-label="RESET_ALL_FILTERS"
           class="icon-button icon-button--reset"
           data-testid="reset-icon"
           title="reset--button"
@@ -40,7 +40,7 @@ exports[`SearchFilter component should render without throwing error and match s
           data-testid="reset-button"
           role="button"
         >
-          Reset all filters
+          RESET_ALL_FILTERS
         </div>
       </div>
       <div
@@ -50,20 +50,20 @@ exports[`SearchFilter component should render without throwing error and match s
           class="button button--full-width"
           type="submit"
         >
-          Search
+          SEARCH_BUTTON_TEXT
         </button>
       </div>
     </div>
   </form>
   <div
-    aria-label="Toggle Search Filter"
+    aria-label="REFINE_SEARCH"
     class="filter__refine filter__refine--mobile-close"
     data-testid="refine-mobile"
   >
     <div
       role="button"
     >
-      Refine Search
+      REFINE_SEARCH
     </div>
   </div>
 </DocumentFragment>
@@ -83,7 +83,7 @@ exports[`SearchFilter component when groupAfterMobile = 0 and groupAfterDesktop
         class="filter__reset"
       >
         <button
-          aria-label="Reset search filters"
+          aria-label="RESET_ALL_FILTERS"
           class="icon-button icon-button--reset"
           data-testid="reset-icon"
           title="reset--button"
@@ -109,7 +109,7 @@ exports[`SearchFilter component when groupAfterMobile = 0 and groupAfterDesktop
           data-testid="reset-button"
           role="button"
         >
-          Reset all filters
+          RESET_ALL_FILTERS
         </div>
       </div>
       <div
@@ -142,7 +142,7 @@ exports[`SearchFilter component when groupAfterMobile = 0 and groupAfterDesktop
                   class="filter__reset"
                 >
                   <button
-                    aria-label="Reset search filters"
+                    aria-label="RESET_ALL_FILTERS"
                     class="icon-button icon-button--reset"
                     data-testid="reset-icon"
                     title="reset--button"
@@ -168,14 +168,14 @@ exports[`SearchFilter component when groupAfterMobile = 0 and groupAfterDesktop
                     data-testid="reset-button"
                     role="button"
                   >
-                    Reset all filters
+                    RESET_ALL_FILTERS
                   </div>
                 </div>
                 <button
                   class="button button--full-width"
                   type="submit"
                 >
-                  Search
+                  SEARCH_BUTTON_TEXT
                 </button>
               </div>
             </div>
@@ -187,7 +187,7 @@ exports[`SearchFilter component when groupAfterMobile = 0 and groupAfterDesktop
               class="filter__reset"
             >
               <button
-                aria-label="Reset search filters"
+                aria-label="RESET_ALL_FILTERS"
                 class="icon-button icon-button--reset"
                 data-testid="reset-icon"
                 title="reset--button"
@@ -213,14 +213,14 @@ exports[`SearchFilter component when groupAfterMobile = 0 and groupAfterDesktop
                 data-testid="reset-button"
                 role="button"
               >
-                Reset all filters
+                RESET_ALL_FILTERS
               </div>
             </div>
             <button
               class="button button--full-width"
               type="submit"
             >
-              Search
+              SEARCH_BUTTON_TEXT
             </button>
           </div>
         </div>
@@ -228,20 +228,20 @@ exports[`SearchFilter component when groupAfterMobile = 0 and groupAfterDesktop
           class="button button--full-width"
           type="submit"
         >
-          Search
+          SEARCH_BUTTON_TEXT
         </button>
       </div>
     </div>
   </form>
   <div
-    aria-label="Toggle Search Filter"
+    aria-label="REFINE_SEARCH"
     class="filter__refine filter__refine--mobile-close"
     data-testid="refine-mobile"
   >
     <div
       role="button"
     >
-      Refine Search
+      REFINE_SEARCH
     </div>
   </div>
 </DocumentFragment>
@@ -261,7 +261,7 @@ exports[`SearchFilter component when groupAfterMobile > 0 and groupAfterDesktop
         class="filter__reset"
       >
         <button
-          aria-label="Reset search filters"
+          aria-label="RESET_ALL_FILTERS"
           class="icon-button icon-button--reset"
           data-testid="reset-icon"
           title="reset--button"
@@ -287,7 +287,7 @@ exports[`SearchFilter component when groupAfterMobile > 0 and groupAfterDesktop
           data-testid="reset-button"
           role="button"
         >
-          Reset all filters
+          RESET_ALL_FILTERS
         </div>
       </div>
       <div
@@ -319,7 +319,7 @@ exports[`SearchFilter component when groupAfterMobile > 0 and groupAfterDesktop
                   class="filter__reset"
                 >
                   <button
-                    aria-label="Reset search filters"
+                    aria-label="RESET_ALL_FILTERS"
                     class="icon-button icon-button--reset"
                     data-testid="reset-icon"
                     title="reset--button"
@@ -345,14 +345,14 @@ exports[`SearchFilter component when groupAfterMobile > 0 and groupAfterDesktop
                     data-testid="reset-button"
                     role="button"
                   >
-                    Reset all filters
+                    RESET_ALL_FILTERS
                   </div>
                 </div>
                 <button
                   class="button button--full-width"
                   type="submit"
                 >
-                  Search
+                  SEARCH_BUTTON_TEXT
                 </button>
               </div>
             </div>
@@ -364,7 +364,7 @@ exports[`SearchFilter component when groupAfterMobile > 0 and groupAfterDesktop
               class="filter__reset"
             >
               <button
-                aria-label="Reset search filters"
+                aria-label="RESET_ALL_FILTERS"
                 class="icon-button icon-button--reset"
                 data-testid="reset-icon"
                 title="reset--button"
@@ -390,14 +390,14 @@ exports[`SearchFilter component when groupAfterMobile > 0 and groupAfterDesktop
                 data-testid="reset-button"
                 role="button"
               >
-                Reset all filters
+                RESET_ALL_FILTERS
               </div>
             </div>
             <button
               class="button button--full-width"
               type="submit"
             >
-              Search
+              SEARCH_BUTTON_TEXT
             </button>
           </div>
         </div>
@@ -405,20 +405,20 @@ exports[`SearchFilter component when groupAfterMobile > 0 and groupAfterDesktop
           class="button button--full-width"
           type="submit"
         >
-          Search
+          SEARCH_BUTTON_TEXT
         </button>
       </div>
     </div>
   </form>
   <div
-    aria-label="Toggle Search Filter"
+    aria-label="REFINE_SEARCH"
     class="filter__refine filter__refine--mobile-close"
     data-testid="refine-mobile"
   >
     <div
       role="button"
     >
-      Refine Search
+      REFINE_SEARCH
     </div>
   </div>
 </DocumentFragment>
@@ -438,7 +438,7 @@ exports[`SearchFilter component when groupAfterMobile > 0 and groupAfterDesktop
         class="filter__reset"
       >
         <button
-          aria-label="Reset search filters"
+          aria-label="RESET_ALL_FILTERS"
           class="icon-button icon-button--reset"
           data-testid="reset-icon"
           title="reset--button"
@@ -464,7 +464,7 @@ exports[`SearchFilter component when groupAfterMobile > 0 and groupAfterDesktop
           data-testid="reset-button"
           role="button"
         >
-          Reset all filters
+          RESET_ALL_FILTERS
         </div>
       </div>
       <div
@@ -504,7 +504,7 @@ exports[`SearchFilter component when groupAfterMobile > 0 and groupAfterDesktop
                   class="filter__reset"
                 >
                   <button
-                    aria-label="Reset search filters"
+                    aria-label="RESET_ALL_FILTERS"
                     class="icon-button icon-button--reset"
                     data-testid="reset-icon"
                     title="reset--button"
@@ -530,14 +530,14 @@ exports[`SearchFilter component when groupAfterMobile > 0 and groupAfterDesktop
                     data-testid="reset-button"
                     role="button"
                   >
-                    Reset all filters
+                    RESET_ALL_FILTERS
                   </div>
                 </div>
                 <button
                   class="button button--full-width"
                   type="submit"
                 >
-                  Search
+                  SEARCH_BUTTON_TEXT
                 </button>
               </div>
             </div>
@@ -549,7 +549,7 @@ exports[`SearchFilter component when groupAfterMobile > 0 and groupAfterDesktop
               class="filter__reset"
             >
               <button
-                aria-label="Reset search filters"
+                aria-label="RESET_ALL_FILTERS"
                 class="icon-button icon-button--reset"
                 data-testid="reset-icon"
                 title="reset--button"
@@ -575,14 +575,14 @@ exports[`SearchFilter component when groupAfterMobile > 0 and groupAfterDesktop
                 data-testid="reset-button"
                 role="button"
               >
-                Reset all filters
+                RESET_ALL_FILTERS
               </div>
             </div>
             <button
               class="button button--full-width"
               type="submit"
             >
-              Search
+              SEARCH_BUTTON_TEXT
             </button>
           </div>
         </div>
@@ -590,20 +590,20 @@ exports[`SearchFilter component when groupAfterMobile > 0 and groupAfterDesktop
           class="button button--full-width"
           type="submit"
         >
-          Search
+          SEARCH_BUTTON_TEXT
         </button>
       </div>
     </div>
   </form>
   <div
-    aria-label="Toggle Search Filter"
+    aria-label="REFINE_SEARCH"
     class="filter__refine filter__refine--mobile-close"
     data-testid="refine-mobile"
   >
     <div
       role="button"
     >
-      Refine Search
+      REFINE_SEARCH
     </div>
   </div>
 </DocumentFragment>
@@ -623,7 +623,7 @@ exports[`SearchFilter component when isCollapsedOnResponsive = false, displaySea
         class="filter__reset"
       >
         <button
-          aria-label="Reset search filters"
+          aria-label="RESET_ALL_FILTERS"
           class="icon-button icon-button--reset"
           data-testid="reset-icon"
           title="reset--button"
@@ -649,7 +649,7 @@ exports[`SearchFilter component when isCollapsedOnResponsive = false, displaySea
           data-testid="reset-button"
           role="button"
         >
-          Reset all filters
+          RESET_ALL_FILTERS
         </div>
       </div>
       <div
@@ -659,7 +659,7 @@ exports[`SearchFilter component when isCollapsedOnResponsive = false, displaySea
           class="button button--full-width"
           type="submit"
         >
-          Search
+          SEARCH_BUTTON_TEXT
         </button>
       </div>
     </div>
@@ -678,7 +678,7 @@ exports[`SearchFilter component when isCollapsedOnResponsive = true, displaySear
       class="filter__header filter__header--mobile"
     >
       <p>
-        Search refinement
+        MOBILE_REFINEMENT_TITLE
       </p>
       <i
         aria-label="Close"
@@ -710,7 +710,7 @@ exports[`SearchFilter component when isCollapsedOnResponsive = true, displaySear
         class="filter__reset"
       >
         <button
-          aria-label="Reset search filters"
+          aria-label="RESET_ALL_FILTERS"
           class="icon-button icon-button--reset"
           data-testid="reset-icon"
           title="reset--button"
@@ -736,7 +736,7 @@ exports[`SearchFilter component when isCollapsedOnResponsive = true, displaySear
           data-testid="reset-button"
           role="button"
         >
-          Reset all filters
+          RESET_ALL_FILTERS
         </div>
       </div>
       <div
@@ -747,19 +747,19 @@ exports[`SearchFilter component when isCollapsedOnResponsive = true, displaySear
       class="filter__refine filter__refine--mobile-open"
     >
       <div
-        aria-label="Reset search filters"
+        aria-label="RESET_ALL_FILTERS"
         class="reset"
         data-testid="reset-button"
         role="button"
       >
-        Reset all filters
+        RESET_ALL_FILTERS
       </div>
       <button
         class="search"
         form="filter-test-form"
         type="submit"
       >
-        Search
+        SEARCH_MOBILE_BUTTON_TEXT
       </button>
     </div>
   </form>

package/tests/unit/src/components/SearchFilter/components/Range.test.js

@@ -96,6 +96,16 @@ describe('Range component', () => {
     expect(component).toMatchSnapshot();
   });
 
+  it('should match snapshot with unit prop', async () => {
+    const mockedProps = getMockedProps({
+      unit: 'm'
+    });
+    const component = await getMockedProvider(Range, {
+      props: { ...mockedProps }
+    });
+    expect(component.toJSON()).toMatchSnapshot();
+  });
+
   it('should match snapshot with adjusted min & max values based on interval', async () => {
     const mockedProps = getMockedProps({
       dataAggregations: {

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

@@ -8,20 +8,20 @@ exports[`Checkbox component should render without throwing an error match snapsh
   >
     <input
       class="form-checkbox"
-      data-cy="checkbox-cy-1"
-      data-testid="checkbox-1"
+      data-testid="name1"
       disabled=""
       id="name1-checkbox"
       name="name"
-      readonly=""
       type="checkbox"
       value="name1"
     />
     <div
       class=""
+      data-testid="form-field-wrapper"
     >
       <label
         for="name1-checkbox"
+        style="cursor: pointer;"
       >
         <span>
           Name1
@@ -35,20 +35,20 @@ exports[`Checkbox component should render without throwing an error match snapsh
   >
     <input
       class="form-checkbox"
-      data-cy="checkbox-cy-2"
-      data-testid="checkbox-2"
+      data-testid="name2"
       disabled=""
       id="name2-checkbox"
       name="name"
-      readonly=""
       type="checkbox"
       value="name2"
     />
     <div
       class=""
+      data-testid="form-field-wrapper"
     >
       <label
         for="name2-checkbox"
+        style="cursor: pointer;"
       >
         <span>
           Name2