@blaze-cms/react-page-builder 0.114.1 → 0.116.0-alpha.2

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

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`SearchFilter component when groupAfterMobile > 0 and groupAfterDesktop = 0 should render without throwing error and match snapshot 1`] = `
+exports[`SearchFilter component when groupAfterMobile = 0 and groupAfterDesktop > 0 should render without throwing error and match snapshot 1`] = `
 <DocumentFragment>
   <form
     class=""
@@ -19,9 +19,21 @@ exports[`SearchFilter component when groupAfterMobile > 0 and groupAfterDesktop
           title="reset--button"
           type="button"
         >
-          <i
-            class="fas fa-redo-alt"
-          />
+          <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"
@@ -33,18 +45,18 @@ exports[`SearchFilter component when groupAfterMobile > 0 and groupAfterDesktop
       <div
         class="filter__wrapper filter__wrapper--search-refine"
       >
-        <button
-          class="filter__more-filters-mobile-toggler"
-          type="button"
-        >
-          Filters
-        </button>
         <div
           class="filter__more-filters-mobile-wrapper"
         >
           <div
             class="filter__more-filters-mobile-content"
           >
+            <button
+              class="filter__more-filters-desktop-toggler"
+              type="button"
+            >
+              More filters
+            </button>
             <div
               class="filter__more-filters-desktop-wrapper"
             >
@@ -63,9 +75,21 @@ exports[`SearchFilter component when groupAfterMobile > 0 and groupAfterDesktop
                     title="reset--button"
                     type="button"
                   >
-                    <i
-                      class="fas fa-redo-alt"
-                    />
+                    <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"
@@ -95,9 +119,21 @@ exports[`SearchFilter component when groupAfterMobile > 0 and groupAfterDesktop
                 title="reset--button"
                 type="button"
               >
-                <i
-                  class="fas fa-redo-alt"
-                />
+                <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"
@@ -127,7 +163,7 @@ exports[`SearchFilter component when groupAfterMobile > 0 and groupAfterDesktop
 </DocumentFragment>
 `;
 
-exports[`SearchFilter component when groupAfterMobile = 0 and groupAfterDesktop > 0 should render without throwing error and match snapshot 1`] = `
+exports[`SearchFilter component when groupAfterMobile > 0 and groupAfterDesktop = 0 should render without throwing error and match snapshot 1`] = `
 <DocumentFragment>
   <form
     class=""
@@ -146,9 +182,21 @@ exports[`SearchFilter component when groupAfterMobile = 0 and groupAfterDesktop
           title="reset--button"
           type="button"
         >
-          <i
-            class="fas fa-redo-alt"
-          />
+          <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"
@@ -160,18 +208,18 @@ exports[`SearchFilter component when groupAfterMobile = 0 and groupAfterDesktop
       <div
         class="filter__wrapper filter__wrapper--search-refine"
       >
+        <button
+          class="filter__more-filters-mobile-toggler"
+          type="button"
+        >
+          Filters
+        </button>
         <div
           class="filter__more-filters-mobile-wrapper"
         >
           <div
             class="filter__more-filters-mobile-content"
           >
-            <button
-              class="filter__more-filters-desktop-toggler"
-              type="button"
-            >
-              More filters
-            </button>
             <div
               class="filter__more-filters-desktop-wrapper"
             >
@@ -190,9 +238,21 @@ exports[`SearchFilter component when groupAfterMobile = 0 and groupAfterDesktop
                     title="reset--button"
                     type="button"
                   >
-                    <i
-                      class="fas fa-redo-alt"
-                    />
+                    <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"
@@ -222,9 +282,21 @@ exports[`SearchFilter component when groupAfterMobile = 0 and groupAfterDesktop
                 title="reset--button"
                 type="button"
               >
-                <i
-                  class="fas fa-redo-alt"
-                />
+                <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"
@@ -273,9 +345,21 @@ exports[`SearchFilter component when groupAfterMobile > 0 and groupAfterDesktop
           title="reset--button"
           type="button"
         >
-          <i
-            class="fas fa-redo-alt"
-          />
+          <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"
@@ -323,9 +407,21 @@ exports[`SearchFilter component when groupAfterMobile > 0 and groupAfterDesktop
                     title="reset--button"
                     type="button"
                   >
-                    <i
-                      class="fas fa-redo-alt"
-                    />
+                    <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"
@@ -355,9 +451,21 @@ exports[`SearchFilter component when groupAfterMobile > 0 and groupAfterDesktop
                 title="reset--button"
                 type="button"
               >
-                <i
-                  class="fas fa-redo-alt"
-                />
+                <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"
@@ -406,9 +514,21 @@ exports[`SearchFilter component when the device is desktop should render without
           title="reset--button"
           type="button"
         >
-          <i
-            class="fas fa-redo-alt"
-          />
+          <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"
@@ -452,9 +572,21 @@ exports[`SearchFilter component when the device is mobile when isCollapsedOnResp
           title="reset--button"
           type="button"
         >
-          <i
-            class="fas fa-redo-alt"
-          />
+          <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"
@@ -493,10 +625,25 @@ exports[`SearchFilter component when the device is mobile when isCollapsedOnResp
         Search refinement
       </p>
       <i
-        class="material-icons"
         role="button"
       >
-        close
+        <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

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

@@ -31,10 +31,24 @@ exports[`TextSearch component should render without throwing an error and match
         class="icon-button icon-button--search"
         type="button"
       >
-        <i
-          class="material-icons"
-        >
-          search
+        <i>
+          <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="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
+            />
+          </svg>
         </i>
       </button>
     </div>

package/tests/unit/src/components/SocialFollow/__snapshots__/SFItem.test.js.snap

@@ -12,9 +12,21 @@ exports[`SFItem component should match snapshot and render without throwing an e
       target="_blank"
       title="Facebook"
     >
-      <i
-        class="fab fa-facebook-f"
-      />
+      <i>
+        <svg
+          fill="currentColor"
+          height="1em"
+          stroke="currentColor"
+          stroke-width="0"
+          viewBox="0 0 320 512"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"
+          />
+        </svg>
+      </i>
       <span
         class="social__network hidden"
       >

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

@@ -18,9 +18,21 @@ exports[`SocialFollow component should render without throwing an error and matc
           target="_blank"
           title="Facebook"
         >
-          <i
-            class="fab fa-facebook-f"
-          />
+          <i>
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 320 512"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"
+              />
+            </svg>
+          </i>
           <span
             class="social__network hidden"
           >
@@ -38,9 +50,21 @@ exports[`SocialFollow component should render without throwing an error and matc
           target="_blank"
           title="Twitter"
         >
-          <i
-            class="fab fa-twitter"
-          />
+          <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="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"
+              />
+            </svg>
+          </i>
           <span
             class="social__network hidden"
           >

package/tests/unit/src/components/TextBlock/TextBlock.test.js

@@ -5,8 +5,7 @@ import TextBlock from '../../../../../src/components/TextBlock';
 const { setEnvs, deleteEnvs } = require('@blaze-cms/tools/test-helpers/test-files/test-env');
 
 const getMockedProps = overrides => ({
-  editor:
-    '{"blocks":[{"key":"2cq53","text":"Lorem","type":"header-one","depth":0,"inlineStyleRanges":[],"entityRanges":[],"data":{}}],"entityMap":{},"imageAttributes":[]}',
+  html: "<section><h1>Lorem ipsum</h1> <a href='/'>link</a></section>",
   modifier: 'mocked-modifier',
   ...overrides
 });
@@ -32,13 +31,13 @@ describe('TextBlock component', () => {
 
   it('should render text heading ', () => {
     const { getByText } = render(TextBlock, getMockedProps());
-    const headerTag = getByText('Lorem');
+    const headerTag = getByText('Lorem ipsum');
     expect(headerTag).toBeDefined();
     expect(headerTag.nodeName).toEqual('H1');
   });
 
   it('should not render if textblock has no content', () => {
-    const { container } = render(TextBlock, getMockedProps({ editor: undefined }));
+    const { container } = render(TextBlock, getMockedProps({ html: '' }));
     expect(container).toBeEmptyDOMElement();
   });
 

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

@@ -6,9 +6,17 @@ exports[`TextBlock component With wrapper flag should render with wrapper and le
     class="page-content mocked-modifier"
   >
      
-    <h1>
-      Lorem
-    </h1>
+    <section>
+      <h1>
+        Lorem ipsum
+      </h1>
+       
+      <a
+        href="/"
+      >
+        link
+      </a>
+    </section>
      
   </div>
 </DocumentFragment>
@@ -20,9 +28,17 @@ exports[`TextBlock component With wrapper flag should render with wrapper and le
     class="page-content "
   >
      
-    <h1>
-      Lorem
-    </h1>
+    <section>
+      <h1>
+        Lorem ipsum
+      </h1>
+       
+      <a
+        href="/"
+      >
+        link
+      </a>
+    </section>
      
   </div>
 </DocumentFragment>
@@ -34,9 +50,17 @@ exports[`TextBlock component should match snapshot 1`] = `
     class=" mocked-modifier"
   >
      
-    <h1>
-      Lorem
-    </h1>
+    <section>
+      <h1>
+        Lorem ipsum
+      </h1>
+       
+      <a
+        href="/"
+      >
+        link
+      </a>
+    </section>
      
   </div>
 </DocumentFragment>
@@ -45,9 +69,17 @@ exports[`TextBlock component should match snapshot 1`] = `
 exports[`TextBlock component should not render wrapper if no modifier 1`] = `
 <DocumentFragment>
    
-  <h1>
-    Lorem
-  </h1>
+  <section>
+    <h1>
+      Lorem ipsum
+    </h1>
+     
+    <a
+      href="/"
+    >
+      link
+    </a>
+  </section>
    
 </DocumentFragment>
 `;

package/tests/unit/src/helpers/__snapshots__/parse-textBlock.test.js.snap

@@ -0,0 +1,14 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Parse textBlock it should match snapshot 1`] = `
+<DocumentFragment>
+  <p>
+    lorem ipsum 
+    <a
+      href="/"
+    >
+      link
+    </a>
+  </p>
+</DocumentFragment>
+`;

package/tests/unit/src/helpers/parse-textBlock.test.js

@@ -0,0 +1,26 @@
+import '@testing-library/jest-dom/extend-expect';
+import React from 'react';
+import { render } from '@blaze-cms/tools/test-helpers/test-functions';
+import parseTextBlock from '../../../../src/helpers/parse-TextBlock';
+import BlazeLink from '../../../../src/components/BlazeLink';
+
+describe('Parse textBlock', () => {
+  const html = "<p>lorem ipsum <a href='/'>link</a></p>";
+
+  let expectedMarkup;
+
+  beforeAll(() => {
+    const parsedTextBlock = parseTextBlock({ html, LinkWrapper: BlazeLink });
+    expectedMarkup = () => <>{parsedTextBlock}</>;
+  });
+
+  test('it should match snapshot', () => {
+    const { asFragment } = render(expectedMarkup);
+    expect(asFragment()).toMatchSnapshot();
+  });
+
+  test('it should include a link tag', () => {
+    const { container } = render(expectedMarkup);
+    expect(container).toContainHTML("<a href='/'>link</a>");
+  });
+});