ACP2E-111: Inconsistent product rating on category page

Author: amitjoc

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

@@ -126,5 +126,14 @@
             <actualResult type="string">$getProductPriceStarsAtUserAccount</actualResult>
             <expectedResult type="string">width: 100%;</expectedResult>
         </assertEquals>
+
+        <!-- Navigate to customer/account/ and check My Recent Reviews-->
+        <amOnPage url="customer/account/" stepKey="amOnCustomerDashboardMyRecentReview"/>
+        <waitForPageLoad stepKey="waitForSchedulePageLoad" time="120"/>
+        <grabAttributeFrom selector="div.rating-result>span.rating_$$createProduct1.id$$ span" userInput="style" stepKey="getProductStarsAtListView2"/>
+        <assertEquals stepKey="checkProductStarsAtCustomerDashboard">
+            <actualResult type="string">$getProductStarsAtListView2</actualResult>
+            <expectedResult type="string">width: 80%;</expectedResult>
+        </assertEquals>
     </test>
 </tests>

app/code/Magento/Review/view/frontend/templates/customer/recent.phtml

@@ -30,18 +30,15 @@
                 <?php if ($_review->getSum()): ?>
                     <?php $rating = $_review->getSum() / $_review->getCount() ?>
                     <div class="rating-summary">
-                         <span class="label"><span><?= $block->escapeHtml(__('Rating')) ?>:</span></span>
-                         <div class="rating-result"
-                              id="rating-result_<?= /* @noEscape */ $block->escapeHtml($_review->getId()) ?>"
-                              title="<?= $block->escapeHtmlAttr($rating) ?>%">
-                             <span>
-                                 <span><?= $block->escapeHtml($rating) ?>%</span>
+                         <span class="label"><span><?= $escaper->escapeHtml(__('Rating')) ?>:</span></span>
+                         <div class="rating-result" title="<?= $escaper->escapeHtmlAttr($rating) ?>%">
+                             <span class="rating_<?= $escaper->escapeUrl($_review->getReviewId())?>">
+                                 <span><?= $escaper->escapeHtml($rating) ?>%</span>
                              </span>
                          </div>
-                        <?= /* @noEscape */
-                        $secureRenderer->renderStyleAsTag(
-                            "width:" . $block->escapeHtmlAttr($rating) . "%",
-                            '#rating-result_' . $block->escapeHtml($_review->getId()) . ' span'
+                        <?= /* @noEscape */ $secureRenderer->renderStyleAsTag(
+                            "width:". $escaper->escapeHtmlAttr($rating) . "%",
+                            'div.rating-result>span.rating_' . $escaper->escapeUrl($_review->getReviewId())
                         ) ?>
                      </div>
                 <?php endif; ?>