AC-10845::Pagebuilder banner image not visible in gallery

Author: AshishKumarPundeer

app/code/Magento/MediaGalleryUi/Test/Mftf/Helper/MediaGalleryUiHelper.php

@@ -48,8 +48,8 @@ public function deleteAllImagesUsingMassAction(
             $rows = $webDriver->findElements(WebDriverBy::cssSelector($emptyRow));
             while (empty($rows)) {
                 $magentoWebDriver->click($deleteImagesButton);
-                $magentoWebDriver->waitForPageLoad(60);
-                $magentoWebDriver->waitForElementVisible($deleteSelectedButton, 60);
+                $magentoWebDriver->waitForPageLoad(30);
+                $magentoWebDriver->waitForElementVisible($deleteSelectedButton, 10);
 
                 // Check all images
                 /** @var RemoteWebElement[] $images */
@@ -59,13 +59,13 @@ public function deleteAllImagesUsingMassAction(
                     $imageCheckbox->click();
                 }
 
-                $magentoWebDriver->waitForPageLoad(60);
+                $magentoWebDriver->waitForPageLoad(30);
                 $magentoWebDriver->click($deleteSelectedButton);
-                $magentoWebDriver->waitForPageLoad(60);
-                $magentoWebDriver->waitForElementVisible($modalAcceptButton, 60);
+                $magentoWebDriver->waitForPageLoad(30);
+                $magentoWebDriver->waitForElementVisible($modalAcceptButton, 10);
                 $magentoWebDriver->click($modalAcceptButton);
                 $magentoWebDriver->waitForPageLoad(60);
-                $magentoWebDriver->waitForElementVisible($successMessageContainer, 60);
+                $magentoWebDriver->waitForElementVisible($successMessageContainer, 10);
                 $magentoWebDriver->see($successMessage, $successMessageContainer);
 
                 $rows = $webDriver->findElements(WebDriverBy::cssSelector($emptyRow));

app/code/Magento/Ui/view/base/web/js/grid/masonry.js

@@ -129,8 +129,9 @@ define([
          * Set layout styles inside the container
          */
         setLayoutStyles: function (callback) {
+            var containerWidth, rowImages, ratio, rowHeight, calcHeight, isLastRow, rowNumber;
             if (typeof this.container != 'undefined') {
-                var containerWidth = parseInt(this.container.clientWidth, 10),
+                    containerWidth = parseInt(this.container.clientWidth, 10),
                     rowImages = [],
                     ratio = 0,
                     rowHeight = 0,
@@ -145,7 +146,10 @@ define([
                     rowImages.push(image);
 
                     if (ratio < this.minRatio && index + 1 !== this.rows().length) {
-                        // Row has more space for images and the image is not the last one - proceed to the next iteration
+                        /**
+                         * Row has more space for images and the image is not the last one -
+                         * Proceed to the next iteration
+                         */
                         return;
                     }