Filter custom attributes and add changes to unit test

Author: alexander-aleman

app/code/Magento/Catalog/Block/Product/ImageFactory.php

@@ -67,6 +67,20 @@ public function __construct(
         $this->imageParamsBuilder = $imageParamsBuilder;
     }
 
+    /**
+     * Remove class from custom attributes
+     *
+     * @param array $attributes
+     * @return array
+     */
+    private function filterCustomAttributes(array $attributes): array
+    {
+        if (isset($attributes['class'])) {
+            unset($attributes['class']);
+        }
+        return $attributes;
+    }
+
     /**
      * Retrieve image class for HTML element
      *
@@ -153,12 +167,14 @@ public function create(Product $product, string $imageId, array $attributes = nu
                 'height' => $imageMiscParams['image_height'],
                 'label' => $this->getLabel($product, $imageMiscParams['image_type']),
                 'ratio' => $this->getRatio($imageMiscParams['image_width'], $imageMiscParams['image_height']),
-                'custom_attributes' => $attributes,
+                'custom_attributes' => $this->filterCustomAttributes($attributes),
                 'class' => $this->getClass($attributes),
                 'product_id' => $product->getId()
             ],
         ];
 
         return $this->objectManager->create(ImageBlock::class, $data);
     }
+
+
 }

app/code/Magento/Catalog/Test/Unit/Block/Product/ImageFactoryTest.php

@@ -144,7 +144,7 @@ private function getTestDataWithoutAttributes(): array
                     'height' => 100,
                     'label' => 'test_image_label',
                     'ratio' => 1,
-                    'custom_attributes' => '',
+                    'custom_attributes' => [],
                     'product_id' => null,
                     'class' => 'product-image-photo'
                 ],
@@ -202,7 +202,10 @@ private function getTestDataWithAttributes(): array
                     'height' => 50,
                     'label' => 'test_product_name',
                     'ratio' => 0.5, // <==
-                    'custom_attributes' => 'name_1="value_1" name_2="value_2"',
+                    'custom_attributes' => [
+                        'name_1' => 'value_1',
+                        'name_2' => 'value_2',
+                    ],
                     'product_id' => null,
                     'class' => 'my-class'
                 ],

app/code/Magento/Catalog/view/frontend/templates/product/image.phtml

@@ -8,9 +8,7 @@
 
 <img class="photo image <?= $block->escapeHtmlAttr($block->getClass()) ?>"
     <?php foreach ($block->getCustomAttributes() as $name => $value): ?>
-        <?php if ($name !== 'class'): ?>
-            <?= $block->escapeHtmlAttr($name) ?>="<?= $block->escapeHtmlAttr($value) ?>"
-        <?php endif; ?>
+        <?= $block->escapeHtmlAttr($name) ?>="<?= $block->escapeHtmlAttr($value) ?>"
     <?php endforeach; ?>
     src="<?= $block->escapeUrl($block->getImageUrl()) ?>"
     width="<?= $block->escapeHtmlAttr($block->getWidth()) ?>"

app/code/Magento/Catalog/view/frontend/templates/product/image_with_borders.phtml

@@ -12,9 +12,7 @@
           style="padding-bottom: <?= ($block->getRatio() * 100) ?>%;">
         <img class="<?= $block->escapeHtmlAttr($block->getClass()) ?>"
             <?php foreach ($block->getCustomAttributes() as $name => $value): ?>
-                <?php if ($name !== 'class'): ?>
-                    <?= $block->escapeHtmlAttr($name) ?>="<?= $block->escapeHtmlAttr($value) ?>"
-                <?php endif; ?>
+                <?= $block->escapeHtmlAttr($name) ?>="<?= $block->escapeHtmlAttr($value) ?>"
             <?php endforeach; ?>
             src="<?= $block->escapeUrl($block->getImageUrl()) ?>"
             max-width="<?= $block->escapeHtmlAttr($block->getWidth()) ?>"