fixup! fixup! test(Image): test for Image added

gravity-ui · Sep 21, 2023 · 956651a · 956651a
1 parent 4364ab5
commit 956651a
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/components/Image/Image.tsx b/src/components/Image/Image.tsx
@@ -19,7 +19,7 @@ export interface ImageProps extends Partial<ImageObjectProps>, Partial<ImageDevi
 export interface DeviceSpecificFragmentProps extends QAProps {
     disableWebp: boolean;
     src: string;
-    breakpoint: 'md' | 'sm';
+    breakpoint: string;
 }
 
 const checkWebP = (src: string) => {
@@ -37,11 +37,11 @@ const DeviceSpecificFragment = ({
             <source
                 srcSet={checkWebP(src)}
                 type="image/webp"
-                media={`(max-width: ${BREAKPOINTS[breakpoint]}px)`}
+                media={`(max-width: ${breakpoint})`}
                 data-qa={`${qa}-compressed`}
             />
         )}
-        <source srcSet={src} media={`(max-width: ${BREAKPOINTS[breakpoint]}px)`} data-qa={qa} />
+        <source srcSet={src} media={`(max-width: ${breakpoint})`} data-qa={qa} />
     </Fragment>
 );
 
@@ -89,15 +89,15 @@ const Image = (props: ImageProps) => {
                 <DeviceSpecificFragment
                     src={mobile}
                     disableWebp={disableWebp}
-                    breakpoint="sm"
+                    breakpoint={`${BREAKPOINTS.sm} px)`}
                     qa={qaAttributes.mobileSource}
                 />
             )}
             {tablet && (
                 <DeviceSpecificFragment
                     src={tablet}
                     disableWebp={disableWebp}
-                    breakpoint="md"
+                    breakpoint={`${BREAKPOINTS.md} px)`}
                     qa={qaAttributes.tabletSource}
                 />
             )}