@blaze-cms/react-page-builder 0.141.0-core-styles.20 → 0.141.0-core-styles.22

package/tests/unit/src/components/Card/__snapshots__/CardContainer.test.js.snap

@@ -21,6 +21,7 @@ exports[`CardsContainer component should render with carousel if option is enabl
           class="card__image card__image--portrait"
         >
           <a
+            aria-label="Open /nautors-swan/swan-78"
             class="card__image-link"
             href="/nautors-swan/swan-78"
           />
@@ -40,6 +41,7 @@ exports[`CardsContainer component should render with carousel if option is enabl
               class="card__title card__title--portrait "
             >
               <a
+                aria-label="Swan 78"
                 href="/nautors-swan/swan-78"
               >
                 Swan 78
@@ -58,6 +60,7 @@ exports[`CardsContainer component should render with carousel if option is enabl
           class="card__image card__image--portrait"
         >
           <a
+            aria-label="Open /nautors-swan/swan-98"
             class="card__image-link"
             href="/nautors-swan/swan-98"
           />
@@ -77,6 +80,7 @@ exports[`CardsContainer component should render with carousel if option is enabl
               class="card__title card__title--portrait "
             >
               <a
+                aria-label="Swan 98"
                 href="/nautors-swan/swan-98"
               >
                 Swan 98
@@ -109,6 +113,7 @@ exports[`CardsContainer component should render without throwing error and match
         class="card__image card__image--portrait"
       >
         <a
+          aria-label="Open /nautors-swan/swan-78"
           class="card__image-link"
           href="/nautors-swan/swan-78"
         />
@@ -128,6 +133,7 @@ exports[`CardsContainer component should render without throwing error and match
             class="card__title card__title--portrait "
           >
             <a
+              aria-label="Swan 78"
               href="/nautors-swan/swan-78"
             >
               Swan 78
@@ -146,6 +152,7 @@ exports[`CardsContainer component should render without throwing error and match
         class="card__image card__image--portrait"
       >
         <a
+          aria-label="Open /nautors-swan/swan-98"
           class="card__image-link"
           href="/nautors-swan/swan-98"
         />
@@ -165,6 +172,7 @@ exports[`CardsContainer component should render without throwing error and match
             class="card__title card__title--portrait "
           >
             <a
+              aria-label="Swan 98"
               href="/nautors-swan/swan-98"
             >
               Swan 98

package/tests/unit/src/components/Image/GlobalLightbox/__snapshots__/GlobalLightbox.test.js.snap

@@ -74,6 +74,7 @@ exports[`GlobalLightbox component should match snapshot 1`] = `
                         class="slider__slide slider__slide--gallery"
                       >
                         <a
+                          aria-label="Open www.url-test-prop.com"
                           href="http://www.url-test-prop.com"
                           rel="noopener nofollow"
                           target="_blank"

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

@@ -6,6 +6,7 @@ exports[`Image component should render image 1`] = `
     class="image "
   >
     <a
+      aria-label="Open www.url-test-prop.com"
       class="image__wrapper"
       href="http://www.url-test-prop.com"
       rel="noopener nofollow"
@@ -27,6 +28,7 @@ exports[`Image component should render image with parallax setting 1`] = `
     class="image image--parallax"
   >
     <a
+      aria-label="Open www.url-test-prop.com"
       class="image__wrapper"
       href="http://www.url-test-prop.com"
       rel="noopener nofollow"
@@ -48,6 +50,7 @@ exports[`Image component should renderimage with children 1`] = `
     class="image "
   >
     <a
+      aria-label="Open www.url-test-prop.com"
       class="image__wrapper"
       href="http://www.url-test-prop.com"
       rel="noopener nofollow"

package/tests/unit/src/components/Image/__snapshots__/ImageFactory.test.js.snap

@@ -9,6 +9,7 @@ exports[`ImageFactory component should render image 1`] = `
     parent="[object Object]"
   >
     <a
+      aria-label="Open www.url-test-prop.com"
       class="image__wrapper"
       href="http://www.url-test-prop.com"
       rel="noopener nofollow"
@@ -32,6 +33,7 @@ exports[`ImageFactory component should render image fetching data from relation
     parent="[object Object]"
   >
     <a
+      aria-label="Open www.url-test-prop.com"
       class="image__wrapper"
       href="http://www.url-test-prop.com"
       rel="noopener nofollow"
@@ -50,6 +52,7 @@ exports[`ImageFactory component should render image fetching data from relation
     parent="[object Object]"
   >
     <a
+      aria-label="Open www.url-test-prop.com"
       class="image__wrapper"
       href="http://www.url-test-prop.com"
       rel="noopener nofollow"
@@ -74,6 +77,7 @@ exports[`ImageFactory component should render image with handlebar compiled valu
     parent="[object Object]"
   >
     <a
+      aria-label="Open www.url-test-prop.com"
       class="image__wrapper"
       href="http://www.url-test-prop.com"
       rel="noopener nofollow"

package/tests/unit/src/components/List/components/Header/__snapshots__/ListHeader.test.js.snap

@@ -6,30 +6,35 @@ exports[`ListHeader pagination component should render based on props passed 1`]
     class="az_list_filter flex"
   >
     <a
+      aria-label="Show all"
       class="az_list_filter_option flex-grow"
       href="/test-url"
     >
       ALL
     </a>
     <a
+      aria-label="Filter by A"
       class="az_list_filter_option flex-grow"
       href="/test-url?pb%5Baz-list%5D%5BaZ%5D=a&pb%5Baz-list%5D%5Bpage%5D=1"
     >
       A
     </a>
     <a
+      aria-label="Filter by D"
       class="az_list_filter_option selected flex-grow"
       href="/test-url?pb%5Baz-list%5D%5BaZ%5D=d&pb%5Baz-list%5D%5Bpage%5D=1"
     >
       D
     </a>
     <a
+      aria-label="Filter by 0"
       class="az_list_filter_option flex-grow"
       href="/test-url?pb%5Baz-list%5D%5BaZ%5D=0&pb%5Baz-list%5D%5Bpage%5D=1"
     >
       0
     </a>
     <a
+      aria-label="Filter by X"
       class="az_list_filter_option flex-grow"
       href="/test-url?pb%5Baz-list%5D%5BaZ%5D=x&pb%5Baz-list%5D%5Bpage%5D=1"
     >

package/tests/unit/src/components/List/components/Pagination/__snapshots__/Classic.test.js.snap

@@ -3,18 +3,21 @@
 exports[`Classic pagination component should render based on props passed 1`] = `
 <DocumentFragment>
   <a
+    aria-label="Previous page"
     class="pagination_page-previous"
     href="some-page?pb%5Blist-1%5D%5Bpage%5D=2"
   >
-    Previous
+    Previous page
   </a>
   <a
+    aria-label="Page 1"
     class="pagination_page-item"
     href="some-page?pb%5Blist-1%5D%5Bpage%5D=1"
   >
     1
   </a>
   <a
+    aria-label="Page 2"
     class="pagination_page-item"
     href="some-page?pb%5Blist-1%5D%5Bpage%5D=2"
   >
@@ -26,22 +29,25 @@ exports[`Classic pagination component should render based on props passed 1`] =
     3
   </span>
   <a
+    aria-label="Page 4"
     class="pagination_page-item"
     href="some-page?pb%5Blist-1%5D%5Bpage%5D=4"
   >
     4
   </a>
   <a
+    aria-label="Page 5"
     class="pagination_page-item"
     href="some-page?pb%5Blist-1%5D%5Bpage%5D=5"
   >
     5
   </a>
   <a
+    aria-label="Next page"
     class="pagination_page-next"
     href="some-page?pb%5Blist-1%5D%5Bpage%5D=4"
   >
-    Next
+    Next page
   </a>
 </DocumentFragment>
 `;

package/tests/unit/src/components/List/components/Pagination/__snapshots__/ListPagination.test.js.snap

@@ -12,24 +12,28 @@ exports[`ListPagination component should render pagination items based on curren
     class="pagination"
   >
     <a
+      aria-label="Previous page"
       class="pagination_page-previous"
       href="?pb%5Blist%5D%5Bpage%5D=3"
     >
-      Previous
+      Previous page
     </a>
     <a
+      aria-label="Page 1"
       class="pagination_page-item"
       href="?pb%5Blist%5D%5Bpage%5D=1"
     >
       1
     </a>
     <a
+      aria-label="Page 2"
       class="pagination_page-item"
       href="?pb%5Blist%5D%5Bpage%5D=2"
     >
       2
     </a>
     <a
+      aria-label="Page 3"
       class="pagination_page-item"
       href="?pb%5Blist%5D%5Bpage%5D=3"
     >

package/tests/unit/src/components/List/components/Pagination/__snapshots__/LoadMore.test.js.snap

@@ -3,9 +3,9 @@
 exports[`LoadMore pagination component should render based on props passed 1`] = `
 <DocumentFragment>
   <a
+    aria-label="Load More"
     class="pagination_load-more"
     href="some-page-url?pb%5Blist-4%5D%5Bpage%5D=2"
-    role="button"
   >
     Load More
   </a>

package/tests/unit/src/components/List/helpers/__snapshots__/build-pagination-items.test.js.snap

@@ -3,6 +3,7 @@
 exports[`buildPaginationItems helper function should render four pages second selected with onclick passed 1`] = `
 Array [
   <BlazeLink
+    ariaLabel="Page 1"
     as=""
     className="pagination_page-item"
     gtmId=""
@@ -21,6 +22,7 @@ Array [
     2
   </span>,
   <BlazeLink
+    ariaLabel="Page 3"
     as=""
     className="pagination_page-item"
     gtmId=""
@@ -34,6 +36,7 @@ Array [
     3
   </BlazeLink>,
   <BlazeLink
+    ariaLabel="Page 4"
     as=""
     className="pagination_page-item"
     gtmId=""
@@ -52,6 +55,7 @@ Array [
 exports[`buildPaginationItems helper function should render ten page fith selected 1`] = `
 Array [
   <BlazeLink
+    ariaLabel="Page 1"
     as=""
     className="pagination_page-item"
     gtmId=""
@@ -65,6 +69,7 @@ Array [
     1
   </BlazeLink>,
   <BlazeLink
+    ariaLabel="Page 2"
     as=""
     className="pagination_page-item"
     gtmId=""
@@ -78,6 +83,7 @@ Array [
     2
   </BlazeLink>,
   <BlazeLink
+    ariaLabel="Page 3"
     as=""
     className="pagination_page-item"
     gtmId=""
@@ -91,6 +97,7 @@ Array [
     3
   </BlazeLink>,
   <BlazeLink
+    ariaLabel="Page 4"
     as=""
     className="pagination_page-item"
     gtmId=""
@@ -109,6 +116,7 @@ Array [
     5
   </span>,
   <BlazeLink
+    ariaLabel="Page 6"
     as=""
     className="pagination_page-item"
     gtmId=""
@@ -122,6 +130,7 @@ Array [
     6
   </BlazeLink>,
   <BlazeLink
+    ariaLabel="Page 7"
     as=""
     className="pagination_page-item"
     gtmId=""
@@ -135,6 +144,7 @@ Array [
     7
   </BlazeLink>,
   <BlazeLink
+    ariaLabel="Page 8"
     as=""
     className="pagination_page-item"
     gtmId=""
@@ -148,6 +158,7 @@ Array [
     8
   </BlazeLink>,
   <BlazeLink
+    ariaLabel="Page 9"
     as=""
     className="pagination_page-item"
     gtmId=""
@@ -161,6 +172,7 @@ Array [
     9
   </BlazeLink>,
   <BlazeLink
+    ariaLabel="Page 10"
     as=""
     className="pagination_page-item"
     gtmId=""
@@ -179,6 +191,7 @@ Array [
 exports[`buildPaginationItems helper function should rrender twenty pages either selected 1`] = `
 Array [
   <BlazeLink
+    ariaLabel="Page 4"
     as=""
     className="pagination_page-item"
     gtmId=""
@@ -192,6 +205,7 @@ Array [
     4
   </BlazeLink>,
   <BlazeLink
+    ariaLabel="Page 5"
     as=""
     className="pagination_page-item"
     gtmId=""
@@ -205,6 +219,7 @@ Array [
     5
   </BlazeLink>,
   <BlazeLink
+    ariaLabel="Page 6"
     as=""
     className="pagination_page-item"
     gtmId=""
@@ -218,6 +233,7 @@ Array [
     6
   </BlazeLink>,
   <BlazeLink
+    ariaLabel="Page 7"
     as=""
     className="pagination_page-item"
     gtmId=""
@@ -236,6 +252,7 @@ Array [
     8
   </span>,
   <BlazeLink
+    ariaLabel="Page 9"
     as=""
     className="pagination_page-item"
     gtmId=""
@@ -249,6 +266,7 @@ Array [
     9
   </BlazeLink>,
   <BlazeLink
+    ariaLabel="Page 10"
     as=""
     className="pagination_page-item"
     gtmId=""
@@ -262,6 +280,7 @@ Array [
     10
   </BlazeLink>,
   <BlazeLink
+    ariaLabel="Page 11"
     as=""
     className="pagination_page-item"
     gtmId=""
@@ -275,6 +294,7 @@ Array [
     11
   </BlazeLink>,
   <BlazeLink
+    ariaLabel="Page 12"
     as=""
     className="pagination_page-item"
     gtmId=""
@@ -288,6 +308,7 @@ Array [
     12
   </BlazeLink>,
   <BlazeLink
+    ariaLabel="Page 13"
     as=""
     className="pagination_page-item"
     gtmId=""

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

@@ -10,6 +10,7 @@ exports[`MenuItem component should render link if url is passed 1`] = `
       class="menu--item--link"
     >
       <a
+        aria-label="Item 1"
         href="/somewhere"
       >
         Item 1

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

@@ -7,7 +7,8 @@ exports[`Select component should display label as placeholder with no label tag
   >
     <select
       data-testid="filter-name"
-      id="name"
+      id="select-filter-name"
+      name="filter-name"
     >
       <option>
         Placeholder label
@@ -36,13 +37,14 @@ exports[`Select component should render witout throwing an error and match snaps
   >
     <label
       class=""
-      for="name"
+      for="select-filter-name"
     >
       name
     </label>
     <select
       data-testid="filter-name"
-      id="name"
+      id="select-filter-name"
+      name="filter-name"
     >
       <option>
         Any

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

@@ -9,7 +9,8 @@ exports[`SearchFilterSort component should render without throwing an error and
       class="form-field form-field--select"
     >
       <select
-        id="123456"
+        id="select-sortby"
+        name="sortby"
       >
         <option>
           Sort by

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

@@ -6,11 +6,11 @@ exports[`SFItem component should match snapshot and render without throwing an e
     class="social__list-item social__list-item--follow"
   >
     <a
+      aria-label="Facebook"
       class="facebook"
-      href="www.facebook.com"
+      href="http://www.facebook.com"
       rel="noopener nofollow"
       target="_blank"
-      title="Facebook"
     >
       <i>
         <svg

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

@@ -12,11 +12,9 @@ exports[`SocialFollow component should render without throwing an error and matc
         class="social__list-item social__list-item--follow"
       >
         <a
+          aria-label="Facebook"
           class="facebook"
           href="facebook value"
-          rel="noopener nofollow"
-          target="_blank"
-          title="Facebook"
         >
           <i>
             <svg
@@ -44,11 +42,9 @@ exports[`SocialFollow component should render without throwing an error and matc
         class="social__list-item social__list-item--follow"
       >
         <a
+          aria-label="Twitter"
           class="twitter"
           href="twitter value"
-          rel="noopener nofollow"
-          target="_blank"
-          title="Twitter"
         >
           <i>
             <svg

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

@@ -12,6 +12,7 @@ exports[`TextBlock component With wrapper flag should render with wrapper and le
       </h1>
        
       <a
+        aria-label="link"
         href="/"
       >
         link
@@ -34,6 +35,7 @@ exports[`TextBlock component With wrapper flag should render with wrapper and le
       </h1>
        
       <a
+        aria-label="link"
         href="/"
       >
         link
@@ -56,6 +58,7 @@ exports[`TextBlock component should match snapshot 1`] = `
       </h1>
        
       <a
+        aria-label="link"
         href="/"
       >
         link
@@ -75,6 +78,7 @@ exports[`TextBlock component should not render wrapper if no modifier 1`] = `
     </h1>
      
     <a
+      aria-label="link"
       href="/"
     >
       link

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

@@ -3,9 +3,9 @@
 exports[`BlazeLink component should render without throwing an error and match snapshot 1`] = `
 <DocumentFragment>
   <a
+    aria-label="test-name"
     class="test-class"
     href="/test-href"
-    name="test-name"
   >
     <div>
       child div

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

@@ -3,6 +3,7 @@
 exports[`Button component should render without throwing an error and match snapshot 1`] = `
 <DocumentFragment>
   <a
+    aria-label="test"
     class="icon-button"
     href="http://google.com"
     rel="noopener nofollow"

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

@@ -5,6 +5,7 @@ exports[`Parse textBlock it should match snapshot 1`] = `
   <p>
     lorem ipsum 
     <a
+      aria-label="link"
       href="/"
     >
       link

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

@@ -24,6 +24,8 @@ describe('Parse textBlock', () => {
 
   test('it should include a link tag', () => {
     const { container } = render(expectedMarkup);
-    expect(container).toContainHTML("<a href='/'>link</a>");
+    expect(container).toContainHTML(
+      '<div><p>lorem ipsum <a aria-label="link" href="/">link</a></p></div>'
+    );
   });
 });

package/tests/unit/src/variants/ThumbnailCarousel/__snapshots__/ThumbnailCarousel.test.js.snap

@@ -19,22 +19,17 @@ exports[`ThumbnailCarousel component renders ThumbnailCarousel without error 1`]
         />
       </div>
       <div
-        class="thumbnail-carousel__main_image_container__main-image"
-        data-testid="thumbnail-main-image"
+        class="thumbnail-carousel-image"
+        data-testid="thumbnail-image"
+        role="button"
       >
-        <div
-          class="thumbnail-carousel-image"
-          data-testid="thumbnail-image"
-          role="button"
-        >
-          <span>
-            <img
-              alt=""
-              role="button"
-              src="image1.jpg"
-            />
-          </span>
-        </div>
+        <span>
+          <img
+            alt=""
+            role="button"
+            src="image1.jpg"
+          />
+        </span>
       </div>
       <div
         class="thumbnail-carousel__main_image_container__button next"