ACP2E-1239: Shifting of the PDP main image

 - Added the test coverage.

Author: devarul

app/code/Magento/Catalog/Test/Unit/Block/Product/View/GalleryOptionsTest.php

@@ -108,6 +108,7 @@ public function testGetOptionsJson()
             ['Magento_Catalog', 'gallery/thumbmargin', '5'],
             ['Magento_Catalog', 'gallery/transition/effect', 'slide'],
             ['Magento_Catalog', 'gallery/transition/duration', '500'],
+            ['Magento_Catalog', 'product_image_white_borders', '1'],
         ];
 
         $imageAttributesMap = [
@@ -144,6 +145,7 @@ public function testGetOptionsJson()
         $this->assertSame(200, $decodedJson['width']);
         $this->assertSame(300, $decodedJson['thumbheight']);
         $this->assertSame(400, $decodedJson['thumbwidth']);
+        $this->assertSame(1, $decodedJson['whiteBorders']);
     }
 
     public function testGetFSOptionsJson()
@@ -159,7 +161,8 @@ public function testGetFSOptionsJson()
             ['Magento_Catalog', 'gallery/fullscreen/navtype', 'thumbs'],
             ['Magento_Catalog', 'gallery/fullscreen/thumbmargin', '10'],
             ['Magento_Catalog', 'gallery/fullscreen/transition/effect', 'dissolve'],
-            ['Magento_Catalog', 'gallery/fullscreen/transition/duration', '300']
+            ['Magento_Catalog', 'gallery/fullscreen/transition/duration', '300'],
+            ['Magento_Catalog', 'product_image_white_borders', '1'],
         ];
 
         $this->configView->expects($this->any())
@@ -183,6 +186,7 @@ public function testGetFSOptionsJson()
         $this->assertSame('thumbs', $decodedJson['navtype']);
         $this->assertSame('dissolve', $decodedJson['transition']);
         $this->assertSame(300, $decodedJson['transitionduration']);
+        $this->assertSame(1, $decodedJson['whiteBorders']);
     }
 
     public function testGetOptionsJsonOptionals()

dev/tests/js/jasmine/tests/lib/mage/gallery/gallery.test.js

@@ -33,7 +33,8 @@ define([
                 thumbwidth: 88,
                 transition: 'slide',
                 transitionduration: 500,
-                width: 700
+                width: 700,
+                whiteBorders: 0
             },
             fullscreen: {
                 arrows: true,
@@ -99,6 +100,7 @@ define([
             expect(gallery.settings.data).toBeDefined();
             expect(gallery.settings.api).toBeDefined();
             expect(gallery.settings.activeBreakpoint).toEqual({});
+            expect(gallery.config.options.height).toEqual(element.height());
 
             $.fn.data = originSpy;
         });