EWPP-4578: Fix banner and carousel kernel tests rendering.

openeuropa · Oct 11, 2024 · 4384930 · 4384930
1 parent 945f949
commit 4384930
Showing 1 changed file with 26 additions and 26 deletions.
diff --git a/tests/src/Kernel/fixtures/rendering.yml b/tests/src/Kernel/fixtures/rendering.yml
@@ -345,16 +345,16 @@
         src: "http://via.placeholder.com/150x150"
         alt: "alternative text"
       sources:
-        - src: "https://loremflickr.com/480/480/arch"
-          size: "s"
-        - src: "https://picsum.photos/seed/picsum/768/768"
-          size: "m"
-        - src: "https://picsum.photos/seed/picsum/996/996"
-          size: "l"
-        - src: "https://loremflickr.com/1140/380/brazil"
-          size: "xl"
         - src: "https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg"
-          size: "full_width"
+          media: "(min-width: 1140px)"
+        - src: "https://loremflickr.com/1140/380/brazil"
+          media: "(min-width: 996px)"
+        - src: "https://picsum.photos/seed/picsum/996/996"
+          media: "(min-width: 768px)"
+        - src: "https://picsum.photos/seed/picsum/768/768"
+          media: "(min-width: 480px)"
+        - src: "https://loremflickr.com/480/480/arch"
+          media: ""
       centered: true
       full_width: true
       credit: "© Copyright or credit"
@@ -366,10 +366,10 @@
       'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-90.ecl-link__icon': 1
       'picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="http://via.placeholder.com/150x150"][alt="alternative text"]': 1
       'picture source': 5
-      'picture source[srcset="https://loremflickr.com/480/480/arch"][media="(max-width: 480px)"]': 1
-      'picture source[srcset="https://picsum.photos/seed/picsum/768/768"][media="(max-width: 768px)"]': 1
-      'picture source[srcset="https://picsum.photos/seed/picsum/996/996"][media="(max-width: 996px)"]': 1
-      'picture source[srcset="https://loremflickr.com/1140/380/brazil"][media="(max-width: 1140px)"]': 1
+      'picture source[srcset="https://loremflickr.com/480/480/arch"]:not([media])': 1
+      'picture source[srcset="https://picsum.photos/seed/picsum/768/768"][media="(min-width: 480px)"]': 1
+      'picture source[srcset="https://picsum.photos/seed/picsum/996/996"][media="(min-width: 768px)"]': 1
+      'picture source[srcset="https://loremflickr.com/1140/380/brazil"][media="(min-width: 996px)"]': 1
       'picture source[srcset="https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg"][media="(min-width: 1140px)"]': 1
       'footer.ecl-banner__credit div.ecl-container': 1
       'video': 0
@@ -4380,16 +4380,16 @@
           url_text: "CTA 1"
           image: "https://picsum.photos/seed/picsum/600/300"
           sources:
-            - src: "https://loremflickr.com/480/480/arch"
-              size: "s"
-            - src: "https://picsum.photos/seed/picsum/768/768"
-              size: "m"
-            - src: "https://picsum.photos/seed/picsum/996/996"
-              size: "l"
-            - src: "https://loremflickr.com/1140/380/brazil"
-              size: "xl"
             - src: "https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg"
-              size: "full_width"
+              media: "(min-width: 1140px)"
+            - src: "https://loremflickr.com/1140/380/brazil"
+              media: "(min-width: 996px)"
+            - src: "https://picsum.photos/seed/picsum/996/996"
+              media: "(min-width: 768px)"
+            - src: "https://picsum.photos/seed/picsum/768/768"
+              media: "(min-width: 480px)"
+            - src: "https://loremflickr.com/480/480/arch"
+              size: ""
           variant: "text-box"
           centered: false
           credit: "© Copyright first item"
@@ -4444,10 +4444,10 @@
       div.ecl-carousel__controls: 1
       section.ecl-banner--text-box.ecl-banner--m.ecl-banner--h-center picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="https://picsum.photos/seed/picsum/600/300"]: 1
       section.ecl-banner--text-box.ecl-banner--m.ecl-banner--h-center picture source: 5
-      'section.ecl-banner--text-box.ecl-banner--m.ecl-banner--h-center picture source[srcset="https://loremflickr.com/480/480/arch"][media="(max-width: 480px)"]': 1
-      'section.ecl-banner--text-box.ecl-banner--m.ecl-banner--h-center picture source[srcset="https://picsum.photos/seed/picsum/768/768"][media="(max-width: 768px)"]': 1
-      'section.ecl-banner--text-box.ecl-banner--m.ecl-banner--h-center picture source[srcset="https://picsum.photos/seed/picsum/996/996"][media="(max-width: 996px)"]': 1
-      'section.ecl-banner--text-box.ecl-banner--m.ecl-banner--h-center picture source[srcset="https://loremflickr.com/1140/380/brazil"][media="(max-width: 1140px)"]': 1
+      'section.ecl-banner--text-box.ecl-banner--m.ecl-banner--h-center picture source[srcset="https://loremflickr.com/480/480/arch"]:not([media])': 1
+      'section.ecl-banner--text-box.ecl-banner--m.ecl-banner--h-center picture source[srcset="https://picsum.photos/seed/picsum/768/768"][media="(min-width: 480px)"]': 1
+      'section.ecl-banner--text-box.ecl-banner--m.ecl-banner--h-center picture source[srcset="https://picsum.photos/seed/picsum/996/996"][media="(min-width: 768px)"]': 1
+      'section.ecl-banner--text-box.ecl-banner--m.ecl-banner--h-center picture source[srcset="https://loremflickr.com/1140/380/brazil"][media="(min-width: 996px)"]': 1
       'section.ecl-banner--text-box.ecl-banner--m.ecl-banner--h-center picture source[srcset="https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg"][media="(min-width: 1140px)"]': 1
       section.ecl-banner--text-box.ecl-banner--m:not(.ecl-banner--h-center) picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="https://picsum.photos/seed/picsum/600/300"]: 1
       section.ecl-banner--text-overlay.ecl-banner--m:not(.ecl-banner--h-center) picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="https://picsum.photos/seed/picsum/600/300"]: 1