From 06de858ae448831646a5e64fec68c4bc55ce5ff3 Mon Sep 17 00:00:00 2001
From: planctus <davidepuntoferrante@gmail.com>
Date: Wed, 11 Dec 2024 10:39:43 +0200
Subject: [PATCH] chore(pnpm): Fixing tests - FRONT-4693

---
 package.json                                  |   2 +-
 .../banner/__snapshots__/banner.test.js.snap  |   8 +-
 .../__snapshots__/gallery.test.js.snap        |   5 -
 .../media-container.test.js.snap              |   6 +-
 .../__snapshots__/mega-menu.test.js.snap      | 816 +++++++++---------
 .../__snapshots__/search-form.test.js.snap    |  54 +-
 6 files changed, 446 insertions(+), 445 deletions(-)

diff --git a/package.json b/package.json
index 3afc60e6b9a..3efa3d70a8d 100644
--- a/package.json
+++ b/package.json
@@ -27,7 +27,7 @@
     "start:ec": "(cd src/presets/ec && npm run watch) & cd src/playground/ec && npm run start",
     "start:eu": "(cd src/presets/eu && npm run watch) & cd src/playground/eu && npm run start",
     "start:website": "cd src/website && npm run start",
-    "test": "pnpm recursive run test:*",
+    "test": "run-p test:*",
     "test:components": "jest --verbose",
     "test:coding-conventions": "npm run lint && npm run pretty-check",
     "update-version": "scripts/update-version.sh"
diff --git a/src/implementations/twig/components/banner/__snapshots__/banner.test.js.snap b/src/implementations/twig/components/banner/__snapshots__/banner.test.js.snap
index 4c9266acfa7..340419bfc57 100644
--- a/src/implementations/twig/components/banner/__snapshots__/banner.test.js.snap
+++ b/src/implementations/twig/components/banner/__snapshots__/banner.test.js.snap
@@ -548,10 +548,10 @@ exports[`Banner Video renders correctly 1`] = `
         data-ecl-banner-video=""
         loop=""
         muted=""
-        poster="https://vod.prd.commavservices.eu/12/224712/THUMB_I224712EN1W_V_1.jpg"
+        poster="https://euc-vod.fl.freecaster.net/12/224712/THUMB_I224712EN1W_V_1.jpg"
       >
         <source
-          src="https://vod.prd.commavservices.eu/12/224712/LR_I224712EN1W.mp4"
+          src="https://euc-vod.fl.freecaster.net/12/224712/HD_I224712EN1W.mp4"
           type="video/mp4"
         />
       </video>
@@ -703,10 +703,10 @@ exports[`Banner Video renders correctly with extra attributes for the video 1`]
         data-test-extra-attribute=""
         loop=""
         muted=""
-        poster="https://vod.prd.commavservices.eu/12/224712/THUMB_I224712EN1W_V_1.jpg"
+        poster="https://euc-vod.fl.freecaster.net/12/224712/THUMB_I224712EN1W_V_1.jpg"
       >
         <source
-          src="https://vod.prd.commavservices.eu/12/224712/LR_I224712EN1W.mp4"
+          src="https://euc-vod.fl.freecaster.net/12/224712/HD_I224712EN1W.mp4"
           type="video/mp4"
         />
       </video>
diff --git a/src/implementations/twig/components/gallery/__snapshots__/gallery.test.js.snap b/src/implementations/twig/components/gallery/__snapshots__/gallery.test.js.snap
index 8b9d4778ac5..4c782577305 100644
--- a/src/implementations/twig/components/gallery/__snapshots__/gallery.test.js.snap
+++ b/src/implementations/twig/components/gallery/__snapshots__/gallery.test.js.snap
@@ -3,7 +3,6 @@
 exports[`Gallery Default renders correctly 1`] = `
 <jest>
   <section
-    aria-label="Open gallery items to view images in original size, watch videos and share them"
     class="ecl-gallery"
     data-ecl-auto-init="Gallery"
     data-ecl-gallery=""
@@ -1161,7 +1160,6 @@ exports[`Gallery Default renders correctly 1`] = `
 exports[`Gallery Default renders correctly with extra attributes 1`] = `
 <jest>
   <section
-    aria-label="Open gallery items to view images in original size, watch videos and share them"
     class="ecl-gallery"
     data-ecl-auto-init="Gallery"
     data-ecl-gallery=""
@@ -2321,7 +2319,6 @@ exports[`Gallery Default renders correctly with extra attributes 1`] = `
 exports[`Gallery Default renders correctly with extra class names 1`] = `
 <jest>
   <section
-    aria-label="Open gallery items to view images in original size, watch videos and share them"
     class="ecl-gallery custom-class custom-class--test"
     data-ecl-auto-init="Gallery"
     data-ecl-gallery=""
@@ -3479,7 +3476,6 @@ exports[`Gallery Default renders correctly with extra class names 1`] = `
 exports[`Gallery Default renders correctly with old data 1`] = `
 <jest>
   <section
-    aria-label="Open gallery items to view images in original size, watch videos and share them"
     class="ecl-gallery"
     data-ecl-auto-init="Gallery"
     data-ecl-gallery=""
@@ -4637,7 +4633,6 @@ exports[`Gallery Default renders correctly with old data 1`] = `
 exports[`Gallery Grid renders correctly 1`] = `
 <jest>
   <section
-    aria-label="Open gallery items to view images in original size, watch videos and share them"
     class="ecl-gallery ecl-gallery--grid ecl-gallery--template-0 ecl-gallery--col-3 ecl-gallery--ratio-3-2"
     data-ecl-auto-init="Gallery"
     data-ecl-gallery=""
diff --git a/src/implementations/twig/components/media-container/__snapshots__/media-container.test.js.snap b/src/implementations/twig/components/media-container/__snapshots__/media-container.test.js.snap
index c7de0cc8c97..bfab2bdefff 100644
--- a/src/implementations/twig/components/media-container/__snapshots__/media-container.test.js.snap
+++ b/src/implementations/twig/components/media-container/__snapshots__/media-container.test.js.snap
@@ -186,7 +186,7 @@ exports[`Media Container video as autoplay renders correctly 1`] = `
           muted=""
         >
           <source
-            src="https://vod.prd.commavservices.eu/12/224712/LR_I224712EN1W.mp4"
+            src="https://euc-vod.fl.freecaster.net/12/224712/HD_I224712EN1W.mp4"
             type="video/mp4"
           />
         </video>
@@ -252,10 +252,10 @@ exports[`Media Container video renders correctly 1`] = `
           class="ecl-video ecl-media-container__media"
           controls=""
           data-ecl-media-container-video=""
-          poster="https://vod.prd.commavservices.eu/12/224712/THUMB_I224712EN1W_V_1.jpg"
+          poster="https://euc-vod.fl.freecaster.net/12/224712/THUMB_I224712EN1W_V_1.jpg"
         >
           <source
-            src="https://vod.prd.commavservices.eu/12/224712/LR_I224712EN1W.mp4"
+            src="https://euc-vod.fl.freecaster.net/12/224712/HD_I224712EN1W.mp4"
             type="video/mp4"
           />
         </video>
diff --git a/src/implementations/twig/components/mega-menu/__snapshots__/mega-menu.test.js.snap b/src/implementations/twig/components/mega-menu/__snapshots__/mega-menu.test.js.snap
index 90a317e9c8a..5f959fb06ff 100644
--- a/src/implementations/twig/components/mega-menu/__snapshots__/mega-menu.test.js.snap
+++ b/src/implementations/twig/components/mega-menu/__snapshots__/mega-menu.test.js.snap
@@ -460,7 +460,7 @@ exports[`Mega Menu Default renders correctly 1`] = `
                     >
                       <button
                         aria-expanded="false"
-                        class="ecl-button ecl-button--primary ecl-mega-menu__sublink ecl-mega-menu__sublink--last"
+                        class="ecl-button ecl-button--primary ecl-mega-menu__sublink"
                         data-ecl-mega-menu-sublink=""
                         type="button"
                       >
@@ -532,6 +532,54 @@ exports[`Mega Menu Default renders correctly 1`] = `
                         </ul>
                       </div>
                     </li>
+                    <li
+                      class="ecl-mega-menu__subitem"
+                      data-ecl-mega-menu-subitem=""
+                    >
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
+                        data-ecl-mega-menu-sublink=""
+                        href="/example"
+                      >
+                        Item 2.4
+                      </a>
+                    </li>
+                    <li
+                      class="ecl-mega-menu__subitem"
+                      data-ecl-mega-menu-subitem=""
+                    >
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
+                        data-ecl-mega-menu-sublink=""
+                        href="/example"
+                      >
+                        Item 2.5
+                      </a>
+                    </li>
+                    <li
+                      class="ecl-mega-menu__subitem"
+                      data-ecl-mega-menu-subitem=""
+                    >
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
+                        data-ecl-mega-menu-sublink=""
+                        href="/example"
+                      >
+                        Item 2.6
+                      </a>
+                    </li>
+                    <li
+                      class="ecl-mega-menu__subitem"
+                      data-ecl-mega-menu-subitem=""
+                    >
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink ecl-mega-menu__sublink--last"
+                        data-ecl-mega-menu-sublink=""
+                        href="/example"
+                      >
+                        Item 2.7
+                      </a>
+                    </li>
                   </ul>
                 </div>
               </div>
@@ -760,55 +808,13 @@ exports[`Mega Menu Default renders correctly 1`] = `
                       class="ecl-mega-menu__subitem"
                       data-ecl-mega-menu-subitem=""
                     >
-                      <button
-                        aria-expanded="false"
-                        class="ecl-button ecl-button--primary ecl-mega-menu__sublink"
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
                         data-ecl-mega-menu-sublink=""
-                        type="button"
-                      >
-                        <span
-                          class="ecl-button__container"
-                        >
-                          <span
-                            class="ecl-button__label"
-                            data-ecl-label="true"
-                          >
-                            Aid, Development cooperation, Fundamental rights
-                          </span>
-                          <svg
-                            aria-hidden="true"
-                            class="ecl-icon ecl-icon--2xs ecl-icon--rotate-90 ecl-button__icon"
-                            data-ecl-icon=""
-                            focusable="false"
-                          >
-                            <use
-                              xlink:href="/icons.svg#corner-arrow"
-                            />
-                          </svg>
-                        </span>
-                      </button>
-                      <div
-                        class="ecl-mega-menu__mega ecl-mega-menu__mega--level-2"
-                        data-ecl-mega-menu-mega=""
+                        href="/example"
                       >
-                        <ul
-                          aria-label="Sub-pages in this section"
-                          class="ecl-mega-menu__sublist"
-                        >
-                          <li
-                            class="ecl-mega-menu__subitem"
-                            data-ecl-mega-menu-subitem=""
-                          >
-                            <a
-                              class="ecl-link ecl-link--standalone ecl-mega-menu__sublink ecl-mega-menu__sublink--last"
-                              data-ecl-mega-menu-sublink=""
-                              href="/example"
-                            >
-                              A lonely item
-                            </a>
-                          </li>
-                        </ul>
-                      </div>
+                        Aid, Development cooperation, Fundamental rights
+                      </a>
                     </li>
                     <li
                       class="ecl-mega-menu__subitem"
@@ -1618,7 +1624,7 @@ exports[`Mega Menu Default renders correctly with external items in the first le
                     >
                       <button
                         aria-expanded="false"
-                        class="ecl-button ecl-button--primary ecl-mega-menu__sublink ecl-mega-menu__sublink--last"
+                        class="ecl-button ecl-button--primary ecl-mega-menu__sublink"
                         data-ecl-mega-menu-sublink=""
                         type="button"
                       >
@@ -1690,6 +1696,54 @@ exports[`Mega Menu Default renders correctly with external items in the first le
                         </ul>
                       </div>
                     </li>
+                    <li
+                      class="ecl-mega-menu__subitem"
+                      data-ecl-mega-menu-subitem=""
+                    >
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
+                        data-ecl-mega-menu-sublink=""
+                        href="/example"
+                      >
+                        Item 2.4
+                      </a>
+                    </li>
+                    <li
+                      class="ecl-mega-menu__subitem"
+                      data-ecl-mega-menu-subitem=""
+                    >
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
+                        data-ecl-mega-menu-sublink=""
+                        href="/example"
+                      >
+                        Item 2.5
+                      </a>
+                    </li>
+                    <li
+                      class="ecl-mega-menu__subitem"
+                      data-ecl-mega-menu-subitem=""
+                    >
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
+                        data-ecl-mega-menu-sublink=""
+                        href="/example"
+                      >
+                        Item 2.6
+                      </a>
+                    </li>
+                    <li
+                      class="ecl-mega-menu__subitem"
+                      data-ecl-mega-menu-subitem=""
+                    >
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink ecl-mega-menu__sublink--last"
+                        data-ecl-mega-menu-sublink=""
+                        href="/example"
+                      >
+                        Item 2.7
+                      </a>
+                    </li>
                   </ul>
                 </div>
               </div>
@@ -1918,55 +1972,13 @@ exports[`Mega Menu Default renders correctly with external items in the first le
                       class="ecl-mega-menu__subitem"
                       data-ecl-mega-menu-subitem=""
                     >
-                      <button
-                        aria-expanded="false"
-                        class="ecl-button ecl-button--primary ecl-mega-menu__sublink"
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
                         data-ecl-mega-menu-sublink=""
-                        type="button"
-                      >
-                        <span
-                          class="ecl-button__container"
-                        >
-                          <span
-                            class="ecl-button__label"
-                            data-ecl-label="true"
-                          >
-                            Aid, Development cooperation, Fundamental rights
-                          </span>
-                          <svg
-                            aria-hidden="true"
-                            class="ecl-icon ecl-icon--2xs ecl-icon--rotate-90 ecl-button__icon"
-                            data-ecl-icon=""
-                            focusable="false"
-                          >
-                            <use
-                              xlink:href="/icons.svg#corner-arrow"
-                            />
-                          </svg>
-                        </span>
-                      </button>
-                      <div
-                        class="ecl-mega-menu__mega ecl-mega-menu__mega--level-2"
-                        data-ecl-mega-menu-mega=""
+                        href="/example"
                       >
-                        <ul
-                          aria-label="Sub-pages in this section"
-                          class="ecl-mega-menu__sublist"
-                        >
-                          <li
-                            class="ecl-mega-menu__subitem"
-                            data-ecl-mega-menu-subitem=""
-                          >
-                            <a
-                              class="ecl-link ecl-link--standalone ecl-mega-menu__sublink ecl-mega-menu__sublink--last"
-                              data-ecl-mega-menu-sublink=""
-                              href="/example"
-                            >
-                              A lonely item
-                            </a>
-                          </li>
-                        </ul>
-                      </div>
+                        Aid, Development cooperation, Fundamental rights
+                      </a>
                     </li>
                     <li
                       class="ecl-mega-menu__subitem"
@@ -2778,7 +2790,7 @@ exports[`Mega Menu Default renders correctly with extra attributes 1`] = `
                     >
                       <button
                         aria-expanded="false"
-                        class="ecl-button ecl-button--primary ecl-mega-menu__sublink ecl-mega-menu__sublink--last"
+                        class="ecl-button ecl-button--primary ecl-mega-menu__sublink"
                         data-ecl-mega-menu-sublink=""
                         type="button"
                       >
@@ -2850,6 +2862,54 @@ exports[`Mega Menu Default renders correctly with extra attributes 1`] = `
                         </ul>
                       </div>
                     </li>
+                    <li
+                      class="ecl-mega-menu__subitem"
+                      data-ecl-mega-menu-subitem=""
+                    >
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
+                        data-ecl-mega-menu-sublink=""
+                        href="/example"
+                      >
+                        Item 2.4
+                      </a>
+                    </li>
+                    <li
+                      class="ecl-mega-menu__subitem"
+                      data-ecl-mega-menu-subitem=""
+                    >
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
+                        data-ecl-mega-menu-sublink=""
+                        href="/example"
+                      >
+                        Item 2.5
+                      </a>
+                    </li>
+                    <li
+                      class="ecl-mega-menu__subitem"
+                      data-ecl-mega-menu-subitem=""
+                    >
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
+                        data-ecl-mega-menu-sublink=""
+                        href="/example"
+                      >
+                        Item 2.6
+                      </a>
+                    </li>
+                    <li
+                      class="ecl-mega-menu__subitem"
+                      data-ecl-mega-menu-subitem=""
+                    >
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink ecl-mega-menu__sublink--last"
+                        data-ecl-mega-menu-sublink=""
+                        href="/example"
+                      >
+                        Item 2.7
+                      </a>
+                    </li>
                   </ul>
                 </div>
               </div>
@@ -3078,55 +3138,13 @@ exports[`Mega Menu Default renders correctly with extra attributes 1`] = `
                       class="ecl-mega-menu__subitem"
                       data-ecl-mega-menu-subitem=""
                     >
-                      <button
-                        aria-expanded="false"
-                        class="ecl-button ecl-button--primary ecl-mega-menu__sublink"
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
                         data-ecl-mega-menu-sublink=""
-                        type="button"
+                        href="/example"
                       >
-                        <span
-                          class="ecl-button__container"
-                        >
-                          <span
-                            class="ecl-button__label"
-                            data-ecl-label="true"
-                          >
-                            Aid, Development cooperation, Fundamental rights
-                          </span>
-                          <svg
-                            aria-hidden="true"
-                            class="ecl-icon ecl-icon--2xs ecl-icon--rotate-90 ecl-button__icon"
-                            data-ecl-icon=""
-                            focusable="false"
-                          >
-                            <use
-                              xlink:href="/icons.svg#corner-arrow"
-                            />
-                          </svg>
-                        </span>
-                      </button>
-                      <div
-                        class="ecl-mega-menu__mega ecl-mega-menu__mega--level-2"
-                        data-ecl-mega-menu-mega=""
-                      >
-                        <ul
-                          aria-label="Sub-pages in this section"
-                          class="ecl-mega-menu__sublist"
-                        >
-                          <li
-                            class="ecl-mega-menu__subitem"
-                            data-ecl-mega-menu-subitem=""
-                          >
-                            <a
-                              class="ecl-link ecl-link--standalone ecl-mega-menu__sublink ecl-mega-menu__sublink--last"
-                              data-ecl-mega-menu-sublink=""
-                              href="/example"
-                            >
-                              A lonely item
-                            </a>
-                          </li>
-                        </ul>
-                      </div>
+                        Aid, Development cooperation, Fundamental rights
+                      </a>
                     </li>
                     <li
                       class="ecl-mega-menu__subitem"
@@ -3937,7 +3955,7 @@ exports[`Mega Menu Default renders correctly with extra attributes for the featu
                     >
                       <button
                         aria-expanded="false"
-                        class="ecl-button ecl-button--primary ecl-mega-menu__sublink ecl-mega-menu__sublink--last"
+                        class="ecl-button ecl-button--primary ecl-mega-menu__sublink"
                         data-ecl-mega-menu-sublink=""
                         type="button"
                       >
@@ -4009,6 +4027,54 @@ exports[`Mega Menu Default renders correctly with extra attributes for the featu
                         </ul>
                       </div>
                     </li>
+                    <li
+                      class="ecl-mega-menu__subitem"
+                      data-ecl-mega-menu-subitem=""
+                    >
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
+                        data-ecl-mega-menu-sublink=""
+                        href="/example"
+                      >
+                        Item 2.4
+                      </a>
+                    </li>
+                    <li
+                      class="ecl-mega-menu__subitem"
+                      data-ecl-mega-menu-subitem=""
+                    >
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
+                        data-ecl-mega-menu-sublink=""
+                        href="/example"
+                      >
+                        Item 2.5
+                      </a>
+                    </li>
+                    <li
+                      class="ecl-mega-menu__subitem"
+                      data-ecl-mega-menu-subitem=""
+                    >
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
+                        data-ecl-mega-menu-sublink=""
+                        href="/example"
+                      >
+                        Item 2.6
+                      </a>
+                    </li>
+                    <li
+                      class="ecl-mega-menu__subitem"
+                      data-ecl-mega-menu-subitem=""
+                    >
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink ecl-mega-menu__sublink--last"
+                        data-ecl-mega-menu-sublink=""
+                        href="/example"
+                      >
+                        Item 2.7
+                      </a>
+                    </li>
                   </ul>
                 </div>
               </div>
@@ -4237,55 +4303,13 @@ exports[`Mega Menu Default renders correctly with extra attributes for the featu
                       class="ecl-mega-menu__subitem"
                       data-ecl-mega-menu-subitem=""
                     >
-                      <button
-                        aria-expanded="false"
-                        class="ecl-button ecl-button--primary ecl-mega-menu__sublink"
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
                         data-ecl-mega-menu-sublink=""
-                        type="button"
-                      >
-                        <span
-                          class="ecl-button__container"
-                        >
-                          <span
-                            class="ecl-button__label"
-                            data-ecl-label="true"
-                          >
-                            Aid, Development cooperation, Fundamental rights
-                          </span>
-                          <svg
-                            aria-hidden="true"
-                            class="ecl-icon ecl-icon--2xs ecl-icon--rotate-90 ecl-button__icon"
-                            data-ecl-icon=""
-                            focusable="false"
-                          >
-                            <use
-                              xlink:href="/icons.svg#corner-arrow"
-                            />
-                          </svg>
-                        </span>
-                      </button>
-                      <div
-                        class="ecl-mega-menu__mega ecl-mega-menu__mega--level-2"
-                        data-ecl-mega-menu-mega=""
+                        href="/example"
                       >
-                        <ul
-                          aria-label="Sub-pages in this section"
-                          class="ecl-mega-menu__sublist"
-                        >
-                          <li
-                            class="ecl-mega-menu__subitem"
-                            data-ecl-mega-menu-subitem=""
-                          >
-                            <a
-                              class="ecl-link ecl-link--standalone ecl-mega-menu__sublink ecl-mega-menu__sublink--last"
-                              data-ecl-mega-menu-sublink=""
-                              href="/example"
-                            >
-                              A lonely item
-                            </a>
-                          </li>
-                        </ul>
-                      </div>
+                        Aid, Development cooperation, Fundamental rights
+                      </a>
                     </li>
                     <li
                       class="ecl-mega-menu__subitem"
@@ -5096,7 +5120,7 @@ exports[`Mega Menu Default renders correctly with extra attributes for the fist
                     >
                       <button
                         aria-expanded="false"
-                        class="ecl-button ecl-button--primary ecl-mega-menu__sublink ecl-mega-menu__sublink--last"
+                        class="ecl-button ecl-button--primary ecl-mega-menu__sublink"
                         data-ecl-mega-menu-sublink=""
                         type="button"
                       >
@@ -5168,6 +5192,54 @@ exports[`Mega Menu Default renders correctly with extra attributes for the fist
                         </ul>
                       </div>
                     </li>
+                    <li
+                      class="ecl-mega-menu__subitem"
+                      data-ecl-mega-menu-subitem=""
+                    >
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
+                        data-ecl-mega-menu-sublink=""
+                        href="/example"
+                      >
+                        Item 2.4
+                      </a>
+                    </li>
+                    <li
+                      class="ecl-mega-menu__subitem"
+                      data-ecl-mega-menu-subitem=""
+                    >
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
+                        data-ecl-mega-menu-sublink=""
+                        href="/example"
+                      >
+                        Item 2.5
+                      </a>
+                    </li>
+                    <li
+                      class="ecl-mega-menu__subitem"
+                      data-ecl-mega-menu-subitem=""
+                    >
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
+                        data-ecl-mega-menu-sublink=""
+                        href="/example"
+                      >
+                        Item 2.6
+                      </a>
+                    </li>
+                    <li
+                      class="ecl-mega-menu__subitem"
+                      data-ecl-mega-menu-subitem=""
+                    >
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink ecl-mega-menu__sublink--last"
+                        data-ecl-mega-menu-sublink=""
+                        href="/example"
+                      >
+                        Item 2.7
+                      </a>
+                    </li>
                   </ul>
                 </div>
               </div>
@@ -5396,55 +5468,13 @@ exports[`Mega Menu Default renders correctly with extra attributes for the fist
                       class="ecl-mega-menu__subitem"
                       data-ecl-mega-menu-subitem=""
                     >
-                      <button
-                        aria-expanded="false"
-                        class="ecl-button ecl-button--primary ecl-mega-menu__sublink"
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
                         data-ecl-mega-menu-sublink=""
-                        type="button"
-                      >
-                        <span
-                          class="ecl-button__container"
-                        >
-                          <span
-                            class="ecl-button__label"
-                            data-ecl-label="true"
-                          >
-                            Aid, Development cooperation, Fundamental rights
-                          </span>
-                          <svg
-                            aria-hidden="true"
-                            class="ecl-icon ecl-icon--2xs ecl-icon--rotate-90 ecl-button__icon"
-                            data-ecl-icon=""
-                            focusable="false"
-                          >
-                            <use
-                              xlink:href="/icons.svg#corner-arrow"
-                            />
-                          </svg>
-                        </span>
-                      </button>
-                      <div
-                        class="ecl-mega-menu__mega ecl-mega-menu__mega--level-2"
-                        data-ecl-mega-menu-mega=""
+                        href="/example"
                       >
-                        <ul
-                          aria-label="Sub-pages in this section"
-                          class="ecl-mega-menu__sublist"
-                        >
-                          <li
-                            class="ecl-mega-menu__subitem"
-                            data-ecl-mega-menu-subitem=""
-                          >
-                            <a
-                              class="ecl-link ecl-link--standalone ecl-mega-menu__sublink ecl-mega-menu__sublink--last"
-                              data-ecl-mega-menu-sublink=""
-                              href="/example"
-                            >
-                              A lonely item
-                            </a>
-                          </li>
-                        </ul>
-                      </div>
+                        Aid, Development cooperation, Fundamental rights
+                      </a>
                     </li>
                     <li
                       class="ecl-mega-menu__subitem"
@@ -6255,7 +6285,7 @@ exports[`Mega Menu Default renders correctly with extra attributes for the secon
                     >
                       <button
                         aria-expanded="false"
-                        class="ecl-button ecl-button--primary ecl-mega-menu__sublink ecl-mega-menu__sublink--last"
+                        class="ecl-button ecl-button--primary ecl-mega-menu__sublink"
                         data-ecl-mega-menu-sublink=""
                         type="button"
                       >
@@ -6327,6 +6357,54 @@ exports[`Mega Menu Default renders correctly with extra attributes for the secon
                         </ul>
                       </div>
                     </li>
+                    <li
+                      class="ecl-mega-menu__subitem"
+                      data-ecl-mega-menu-subitem=""
+                    >
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
+                        data-ecl-mega-menu-sublink=""
+                        href="/example"
+                      >
+                        Item 2.4
+                      </a>
+                    </li>
+                    <li
+                      class="ecl-mega-menu__subitem"
+                      data-ecl-mega-menu-subitem=""
+                    >
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
+                        data-ecl-mega-menu-sublink=""
+                        href="/example"
+                      >
+                        Item 2.5
+                      </a>
+                    </li>
+                    <li
+                      class="ecl-mega-menu__subitem"
+                      data-ecl-mega-menu-subitem=""
+                    >
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
+                        data-ecl-mega-menu-sublink=""
+                        href="/example"
+                      >
+                        Item 2.6
+                      </a>
+                    </li>
+                    <li
+                      class="ecl-mega-menu__subitem"
+                      data-ecl-mega-menu-subitem=""
+                    >
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink ecl-mega-menu__sublink--last"
+                        data-ecl-mega-menu-sublink=""
+                        href="/example"
+                      >
+                        Item 2.7
+                      </a>
+                    </li>
                   </ul>
                 </div>
               </div>
@@ -6555,55 +6633,13 @@ exports[`Mega Menu Default renders correctly with extra attributes for the secon
                       class="ecl-mega-menu__subitem"
                       data-ecl-mega-menu-subitem=""
                     >
-                      <button
-                        aria-expanded="false"
-                        class="ecl-button ecl-button--primary ecl-mega-menu__sublink"
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
                         data-ecl-mega-menu-sublink=""
-                        type="button"
-                      >
-                        <span
-                          class="ecl-button__container"
-                        >
-                          <span
-                            class="ecl-button__label"
-                            data-ecl-label="true"
-                          >
-                            Aid, Development cooperation, Fundamental rights
-                          </span>
-                          <svg
-                            aria-hidden="true"
-                            class="ecl-icon ecl-icon--2xs ecl-icon--rotate-90 ecl-button__icon"
-                            data-ecl-icon=""
-                            focusable="false"
-                          >
-                            <use
-                              xlink:href="/icons.svg#corner-arrow"
-                            />
-                          </svg>
-                        </span>
-                      </button>
-                      <div
-                        class="ecl-mega-menu__mega ecl-mega-menu__mega--level-2"
-                        data-ecl-mega-menu-mega=""
+                        href="/example"
                       >
-                        <ul
-                          aria-label="Sub-pages in this section"
-                          class="ecl-mega-menu__sublist"
-                        >
-                          <li
-                            class="ecl-mega-menu__subitem"
-                            data-ecl-mega-menu-subitem=""
-                          >
-                            <a
-                              class="ecl-link ecl-link--standalone ecl-mega-menu__sublink ecl-mega-menu__sublink--last"
-                              data-ecl-mega-menu-sublink=""
-                              href="/example"
-                            >
-                              A lonely item
-                            </a>
-                          </li>
-                        </ul>
-                      </div>
+                        Aid, Development cooperation, Fundamental rights
+                      </a>
                     </li>
                     <li
                       class="ecl-mega-menu__subitem"
@@ -7414,7 +7450,7 @@ exports[`Mega Menu Default renders correctly with extra attributes for the see a
                     >
                       <button
                         aria-expanded="false"
-                        class="ecl-button ecl-button--primary ecl-mega-menu__sublink ecl-mega-menu__sublink--last"
+                        class="ecl-button ecl-button--primary ecl-mega-menu__sublink"
                         data-ecl-mega-menu-sublink=""
                         type="button"
                       >
@@ -7486,6 +7522,54 @@ exports[`Mega Menu Default renders correctly with extra attributes for the see a
                         </ul>
                       </div>
                     </li>
+                    <li
+                      class="ecl-mega-menu__subitem"
+                      data-ecl-mega-menu-subitem=""
+                    >
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
+                        data-ecl-mega-menu-sublink=""
+                        href="/example"
+                      >
+                        Item 2.4
+                      </a>
+                    </li>
+                    <li
+                      class="ecl-mega-menu__subitem"
+                      data-ecl-mega-menu-subitem=""
+                    >
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
+                        data-ecl-mega-menu-sublink=""
+                        href="/example"
+                      >
+                        Item 2.5
+                      </a>
+                    </li>
+                    <li
+                      class="ecl-mega-menu__subitem"
+                      data-ecl-mega-menu-subitem=""
+                    >
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
+                        data-ecl-mega-menu-sublink=""
+                        href="/example"
+                      >
+                        Item 2.6
+                      </a>
+                    </li>
+                    <li
+                      class="ecl-mega-menu__subitem"
+                      data-ecl-mega-menu-subitem=""
+                    >
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink ecl-mega-menu__sublink--last"
+                        data-ecl-mega-menu-sublink=""
+                        href="/example"
+                      >
+                        Item 2.7
+                      </a>
+                    </li>
                   </ul>
                 </div>
               </div>
@@ -7714,55 +7798,13 @@ exports[`Mega Menu Default renders correctly with extra attributes for the see a
                       class="ecl-mega-menu__subitem"
                       data-ecl-mega-menu-subitem=""
                     >
-                      <button
-                        aria-expanded="false"
-                        class="ecl-button ecl-button--primary ecl-mega-menu__sublink"
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
                         data-ecl-mega-menu-sublink=""
-                        type="button"
-                      >
-                        <span
-                          class="ecl-button__container"
-                        >
-                          <span
-                            class="ecl-button__label"
-                            data-ecl-label="true"
-                          >
-                            Aid, Development cooperation, Fundamental rights
-                          </span>
-                          <svg
-                            aria-hidden="true"
-                            class="ecl-icon ecl-icon--2xs ecl-icon--rotate-90 ecl-button__icon"
-                            data-ecl-icon=""
-                            focusable="false"
-                          >
-                            <use
-                              xlink:href="/icons.svg#corner-arrow"
-                            />
-                          </svg>
-                        </span>
-                      </button>
-                      <div
-                        class="ecl-mega-menu__mega ecl-mega-menu__mega--level-2"
-                        data-ecl-mega-menu-mega=""
+                        href="/example"
                       >
-                        <ul
-                          aria-label="Sub-pages in this section"
-                          class="ecl-mega-menu__sublist"
-                        >
-                          <li
-                            class="ecl-mega-menu__subitem"
-                            data-ecl-mega-menu-subitem=""
-                          >
-                            <a
-                              class="ecl-link ecl-link--standalone ecl-mega-menu__sublink ecl-mega-menu__sublink--last"
-                              data-ecl-mega-menu-sublink=""
-                              href="/example"
-                            >
-                              A lonely item
-                            </a>
-                          </li>
-                        </ul>
-                      </div>
+                        Aid, Development cooperation, Fundamental rights
+                      </a>
                     </li>
                     <li
                       class="ecl-mega-menu__subitem"
@@ -8572,7 +8614,7 @@ exports[`Mega Menu Default renders correctly with extra class names 1`] = `
                     >
                       <button
                         aria-expanded="false"
-                        class="ecl-button ecl-button--primary ecl-mega-menu__sublink ecl-mega-menu__sublink--last"
+                        class="ecl-button ecl-button--primary ecl-mega-menu__sublink"
                         data-ecl-mega-menu-sublink=""
                         type="button"
                       >
@@ -8644,6 +8686,54 @@ exports[`Mega Menu Default renders correctly with extra class names 1`] = `
                         </ul>
                       </div>
                     </li>
+                    <li
+                      class="ecl-mega-menu__subitem"
+                      data-ecl-mega-menu-subitem=""
+                    >
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
+                        data-ecl-mega-menu-sublink=""
+                        href="/example"
+                      >
+                        Item 2.4
+                      </a>
+                    </li>
+                    <li
+                      class="ecl-mega-menu__subitem"
+                      data-ecl-mega-menu-subitem=""
+                    >
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
+                        data-ecl-mega-menu-sublink=""
+                        href="/example"
+                      >
+                        Item 2.5
+                      </a>
+                    </li>
+                    <li
+                      class="ecl-mega-menu__subitem"
+                      data-ecl-mega-menu-subitem=""
+                    >
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
+                        data-ecl-mega-menu-sublink=""
+                        href="/example"
+                      >
+                        Item 2.6
+                      </a>
+                    </li>
+                    <li
+                      class="ecl-mega-menu__subitem"
+                      data-ecl-mega-menu-subitem=""
+                    >
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink ecl-mega-menu__sublink--last"
+                        data-ecl-mega-menu-sublink=""
+                        href="/example"
+                      >
+                        Item 2.7
+                      </a>
+                    </li>
                   </ul>
                 </div>
               </div>
@@ -8872,55 +8962,13 @@ exports[`Mega Menu Default renders correctly with extra class names 1`] = `
                       class="ecl-mega-menu__subitem"
                       data-ecl-mega-menu-subitem=""
                     >
-                      <button
-                        aria-expanded="false"
-                        class="ecl-button ecl-button--primary ecl-mega-menu__sublink"
+                      <a
+                        class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
                         data-ecl-mega-menu-sublink=""
-                        type="button"
-                      >
-                        <span
-                          class="ecl-button__container"
-                        >
-                          <span
-                            class="ecl-button__label"
-                            data-ecl-label="true"
-                          >
-                            Aid, Development cooperation, Fundamental rights
-                          </span>
-                          <svg
-                            aria-hidden="true"
-                            class="ecl-icon ecl-icon--2xs ecl-icon--rotate-90 ecl-button__icon"
-                            data-ecl-icon=""
-                            focusable="false"
-                          >
-                            <use
-                              xlink:href="/icons.svg#corner-arrow"
-                            />
-                          </svg>
-                        </span>
-                      </button>
-                      <div
-                        class="ecl-mega-menu__mega ecl-mega-menu__mega--level-2"
-                        data-ecl-mega-menu-mega=""
+                        href="/example"
                       >
-                        <ul
-                          aria-label="Sub-pages in this section"
-                          class="ecl-mega-menu__sublist"
-                        >
-                          <li
-                            class="ecl-mega-menu__subitem"
-                            data-ecl-mega-menu-subitem=""
-                          >
-                            <a
-                              class="ecl-link ecl-link--standalone ecl-mega-menu__sublink ecl-mega-menu__sublink--last"
-                              data-ecl-mega-menu-sublink=""
-                              href="/example"
-                            >
-                              A lonely item
-                            </a>
-                          </li>
-                        </ul>
-                      </div>
+                        Aid, Development cooperation, Fundamental rights
+                      </a>
                     </li>
                     <li
                       class="ecl-mega-menu__subitem"
diff --git a/src/implementations/twig/components/search-form/__snapshots__/search-form.test.js.snap b/src/implementations/twig/components/search-form/__snapshots__/search-form.test.js.snap
index 89df49372d7..84863074128 100644
--- a/src/implementations/twig/components/search-form/__snapshots__/search-form.test.js.snap
+++ b/src/implementations/twig/components/search-form/__snapshots__/search-form.test.js.snap
@@ -9,16 +9,9 @@ exports[`Search Form Default renders correctly 1`] = `
     <div
       class="ecl-form-group"
     >
-      <label
-        class="ecl-form-label ecl-search-form__label"
-        for="search-input-id"
-        id="search-input-id-label"
-      >
-        Search
-      </label>
       <input
         class="ecl-text-input ecl-text-input--m ecl-search-form__text-input"
-        id="search-input-id"
+        id="search-input"
         placeholder="Placeholder text"
         type="search"
       />
@@ -63,16 +56,9 @@ exports[`Search Form Default renders correctly with extra attributes 1`] = `
     <div
       class="ecl-form-group"
     >
-      <label
-        class="ecl-form-label ecl-search-form__label"
-        for="search-input-id"
-        id="search-input-id-label"
-      >
-        Search
-      </label>
       <input
         class="ecl-text-input ecl-text-input--m ecl-search-form__text-input"
-        id="search-input-id"
+        id="search-input"
         placeholder="Placeholder text"
         type="search"
       />
@@ -115,16 +101,9 @@ exports[`Search Form Default renders correctly with extra class names 1`] = `
     <div
       class="ecl-form-group"
     >
-      <label
-        class="ecl-form-label ecl-search-form__label"
-        for="search-input-id"
-        id="search-input-id-label"
-      >
-        Search
-      </label>
       <input
         class="ecl-text-input ecl-text-input--m ecl-search-form__text-input"
-        id="search-input-id"
+        id="search-input"
         placeholder="Placeholder text"
         type="search"
       />
@@ -167,16 +146,9 @@ exports[`Search Form Default renders correctly with extra classes on the button
     <div
       class="ecl-form-group"
     >
-      <label
-        class="ecl-form-label ecl-search-form__label"
-        for="search-input-id"
-        id="search-input-id-label"
-      >
-        Search
-      </label>
       <input
         class="ecl-text-input ecl-text-input--m ecl-search-form__text-input"
-        id="search-input-id"
+        id="search-input"
         placeholder="Placeholder text"
         type="search"
       />
@@ -219,16 +191,9 @@ exports[`Search Form Default renders correctly with extra classes on the input 1
     <div
       class="ecl-form-group"
     >
-      <label
-        class="ecl-form-label ecl-search-form__label"
-        for="search-input-id"
-        id="search-input-id-label"
-      >
-        Search
-      </label>
       <input
         class="ecl-text-input ecl-text-input--m ecl-search-form__text-input input-extra-class"
-        id="search-input-id"
+        id="search-input"
         placeholder="Placeholder text"
         type="search"
       />
@@ -271,16 +236,9 @@ exports[`Search Form Default renders correctly with extra form elements 1`] = `
     <div
       class="ecl-form-group"
     >
-      <label
-        class="ecl-form-label ecl-search-form__label"
-        for="search-input-id"
-        id="search-input-id-label"
-      >
-        Search
-      </label>
       <input
         class="ecl-text-input ecl-text-input--m ecl-search-form__text-input"
-        id="search-input-id"
+        id="search-input"
         placeholder="Placeholder text"
         type="search"
       />