ACP2E-89: Reviews are not visible on product page

Author: amitjoc

app/code/Magento/Review/Test/Mftf/Test/StoreFrontCheckReviewsByCustomerLoadedOnProductPageTest.xml

@@ -89,13 +89,25 @@
         </actionGroup>
         <waitForPageLoad stepKey="waitForPageToLoad"/>
         <!--check if the div#customer-reviews element -->
-        <!--        <scrollTo selector="div#customer-reviews" stepKey="scrollToElement"/>-->
-        <!--        <dontSeeElement selector="div#product-review-container > div#customer-reviews" stepKey="customerReviewDivIsNotLoaded"/>-->
+        <dontSeeElementInDOM selector="div#product-review-container > div#customer-review" stepKey="customerReviewDivIsNotLoaded"/>
         <!-- Click on reviews and add reviews with current user -->
         <click selector="{{StorefrontProductReviewsSection.reviewsTab}}" stepKey="openReviewTab2"/>
         <!-- Verify products reviews div#product-review-container > div#customer-reviews is loaded after click-->
         <actionGroup ref="AssertStorefrontSeeElementActionGroup" stepKey="seeCustomerReviewsDivIsLoaded">
             <argument name="selector" value="div#product-review-container > div#customer-reviews"/>
         </actionGroup>
+
+        <!-- Navigate to PLP and check product rating for list and table views -->
+        <actionGroup ref="StorefrontOpenHomePageActionGroup" stepKey="amOnStoreViewHomePage2"/>
+        <actionGroup ref="StoreFrontQuickSearchActionGroup" stepKey="searchBySku2">
+            <argument name="query" value="$$createProduct1.sku$$"/>
+        </actionGroup>
+        <!-- Click on the review button for product -->
+        <click selector=".action.view" stepKey="clickOnProductReviewsLink"/>
+        <waitForPageLoad stepKey="waitForPageToLoad2"/>
+        <!-- Verify products reviews div#product-review-container > div#customer-reviews is loaded if reviews are open directly-->
+        <actionGroup ref="AssertStorefrontSeeElementActionGroup" stepKey="seeCustomerReviewsDivIsLoaded2">
+            <argument name="selector" value="div#product-review-container > div#customer-reviews"/>
+        </actionGroup>
     </test>
 </tests>

app/code/Magento/Review/view/frontend/templates/helper/summary.phtml

@@ -19,10 +19,7 @@ $urlForm = $block->getReviewsUrl() . '#review-form';
         <?php if ($rating):?>
         <div class="rating-summary">
              <span class="label"><span><?= $block->escapeHtml(__('Rating')) ?>:</span></span>
-             <div class="rating-result"
-                  id="rating-result_<?= /* @noEscape */ $block->getProduct()->getId() ?>"
-                  title="<?= $block->escapeHtmlAttr($rating) ?>%"
-             >
+             <div class="rating-result" title="<?= $block->escapeHtmlAttr($rating); ?>%">
                  <span>
                      <span>
                          <span itemprop="ratingValue"><?= $block->escapeHtml($rating); ?>
@@ -31,10 +28,9 @@ $urlForm = $block->getReviewsUrl() . '#review-form';
                  </span>
              </div>
          </div>
-            <?= /* @noEscape */
-            $secureRenderer->renderStyleAsTag(
-                'width:' . $block->escapeHtmlAttr($rating) . '%',
-                '#rating-result_' . $block->getProduct()->getId() . ' span'
+            <?= /* @noEscape */ $secureRenderer->renderStyleAsTag(
+                "width:" . $block->escapeHtmlAttr($rating) . "%",
+                'div.rating-summary div.rating-result>span:first-child'
             ) ?>
         <?php endif;?>
         <div class="reviews-actions">