fixup! test(Image): test for Image added

gravity-ui · Sep 19, 2023 · d520fba · d520fba
1 parent 8839516
commit d520fba
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 10 deletions.
diff --git a/src/components/BackgroundImage/__tests__/BackgroundImage.test.tsx b/src/components/BackgroundImage/__tests__/BackgroundImage.test.tsx
@@ -13,7 +13,7 @@ const qa = 'background-image-component';
 const imageSrc =
     'https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img-gray.png';
 
-const qaAttributes = getQaAttrubutes(qa, 'image-display-source');
+const qaAttributes = getQaAttrubutes(qa, 'image-display-source-compressed');
 
 describe('BackgroundImage', () => {
     test('Render BackgroundImage by default', async () => {
@@ -28,15 +28,15 @@ describe('BackgroundImage', () => {
         testSourceProps<BackgroundImageProps>({
             component: BackgroundImage,
             props: {src: imageSrc, qa},
-            options: {qaId: qaAttributes.imageDisplaySource},
+            options: {qaId: qaAttributes.imageDisplaySourceCompressed},
         });
     });
 
     test('add image as desktop prop', () => {
         testSourceProps<BackgroundImageProps>({
             component: BackgroundImage,
             props: {desktop: imageSrc, qa},
-            options: {qaId: qaAttributes.imageDisplaySource},
+            options: {qaId: qaAttributes.imageDisplaySourceCompressed},
         });
     });
 

diff --git a/src/components/BackgroundMedia/__tests__/BackgroundMedia.test.tsx b/src/components/BackgroundMedia/__tests__/BackgroundMedia.test.tsx
@@ -109,10 +109,10 @@ describe('BackgroundMedia', () => {
     test('render image', () => {
         const imageQaAttributes = getQaAttrubutes(
             qaAttributes.mediaImageBackgroundImage,
-            'image-display-source',
+            'image-display-source-compressed',
         );
         render(<BackgroundMedia qa={qaId} image={imageUrl} />);
-        const component = screen.getByTestId(imageQaAttributes.imageDisplaySource);
+        const component = screen.getByTestId(imageQaAttributes.imageDisplaySourceCompressed);
 
         expect(component).toBeInTheDocument();
     });

diff --git a/src/components/Image/Image.tsx b/src/components/Image/Image.tsx
@@ -74,7 +74,7 @@ const Image = (props: ImageProps) => {
         'mobile-source',
         'tablet-webp-source',
         'tablet-source',
-        'display-source',
+        'display-source-compressed',
     );
 
     const disableWebp =
@@ -105,7 +105,7 @@ const Image = (props: ImageProps) => {
                 <source
                     srcSet={checkWebP(src)}
                     type="image/webp"
-                    data-qa={qaAttributes.displaySource}
+                    data-qa={qaAttributes.displaySourceCompressed}
                 />
             )}
             <ImageBase

diff --git a/test-utils/shared/image.tsx b/test-utils/shared/image.tsx
@@ -36,7 +36,7 @@ export const testSourceProps = <T,>({
         'mobile-source',
         'tablet-source-compressed',
         'tablet-source',
-        'display-source',
+        'display-source-compressed',
     );
 
     const disableWebp = src && (props.disableCompress || !isCompressible(src));
@@ -47,10 +47,10 @@ export const testSourceProps = <T,>({
     expect(component).toHaveAttribute('src', src);
 
     if (disableWebp) {
-        const sourceWebP = screen.queryByTestId(qaId || qaAttributes.displaySource);
+        const sourceWebP = screen.queryByTestId(qaId || qaAttributes.displaySourceCompressed);
         expect(sourceWebP).not.toBeInTheDocument();
     } else {
-        const sourceWebP = screen.getByTestId(qaId || qaAttributes.displaySource);
+        const sourceWebP = screen.getByTestId(qaId || qaAttributes.displaySourceCompressed);
         expect(sourceWebP).toHaveAttribute('srcset', src + '.webp');
     }