Merge remote-tracking branch 'adobe-commerce-tier-4/ACP2E-3080' into Tier4-Kings-PR-07-24-2024

Author: glo23503

app/code/Magento/Reports/Test/Mftf/Test/AdminReportsOrderProductsDatePickerTest.xml

@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Copyright 2024 Adobe
+All Rights Reserved.
+NOTICE:  All information contained herein is, and remains
+the property of Adobe and its suppliers, if any. The intellectual
+and technical concepts contained herein are proprietary to Adobe
+and its suppliers and are protected by all applicable
+intellectual property laws, including trade secret and copyright
+laws. Dissemination of this information or reproduction of this
+material is strictly forbidden unless prior written permission is
+obtained from Adobe.
+-->
+
+<tests xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+       xsi:noNamespaceSchemaLocation="urn:magento:mftf:Test/etc/testSchema.xsd">
+    <test name="AdminReportsOrderProductsDatePickerTest">
+        <annotations>
+            <features value="Reports"/>
+            <stories value="Calendar Date Button"/>
+            <title value="Admin Ordered Products Report date range visibility issue."/>
+            <description value="Admin Ordered Products Report date range visibility issue."/>
+            <severity value="AVERAGE"/>
+            <testCaseId value="AC-12188"/>
+        </annotations>
+        <before>
+            <actionGroup ref="AdminLoginActionGroup" stepKey="LoginAsAdmin"/>
+        </before>
+        <after>
+            <actionGroup ref="AdminLogoutActionGroup" stepKey="logout"/>
+        </after>
+        <actionGroup ref="AdminNavigateMenuActionGroup" stepKey="navigateToReportsOrderedPage">
+            <argument name="menuUiId" value="{{AdminMenuReports.dataUiId}}"/>
+            <argument name="submenuUiId" value="{{AdminMenuReportsProductsOrdered.dataUiId}}"/>
+        </actionGroup>
+        <actionGroup ref="AdminAssertPageTitleActionGroup" stepKey="seePageTitle">
+            <argument name="title" value="{{AdminMenuReportsProductsOrdered.pageTitle}}"/>
+        </actionGroup>
+        <click selector="{{OrderedProductsSection.refresh}}" stepKey="refresh"/>
+        <waitForPageLoad time="5" stepKey="waitForOrderList"/>
+        <click selector="{{OrderReportMainSection.fromDatePicker}}" stepKey="clickFromDatePicker"/>
+        <waitForElementVisible selector="{{OrderReportMainSection.datePickerCalendar}}" stepKey="seePopupDatePicker"/>
+        <click selector="{{OrderReportMainSection.selectTodayButton}}" stepKey="clickOnTodayButton"/>
+        <click selector="{{OrderReportMainSection.selectCloseButton}}" stepKey="clickOnCloseButton"/>
+
+        <!-- Verify data -->
+        <grabValueFrom selector="{{SoldReportFilterSection.dateTo}}" stepKey="fillToDate"/>
+        <assertNotEmpty stepKey="assertToDateNotEmpty">
+            <actualResult type="variable">$fillToDate</actualResult>
+        </assertNotEmpty>
+    </test>
+</tests>

lib/web/mage/calendar.js

@@ -330,7 +330,7 @@ define([
                                         (
                                             printDate.getDate() === today.getDate() &&
                                             printDate.getMonth() === today.getMonth() &&
-                                        printDate.getYear() === today.getYear() ? ' ui-datepicker-today' : ''
+                                            printDate.getYear() === today.getYear() ? ' ui-datepicker-today' : ''
                                         )
                                     ) + '"' + ((!otherMonth || showOtherMonths) && daySettings[2] ?
                                     ' title="' + daySettings[2] + '"' : '') + // cell title
@@ -514,13 +514,7 @@ define([
             if (this.options.from && this.options.to) {
                 from = this.element.find('#' + this.options.from.id);
                 to = this.element.find('#' + this.options.to.id);
-                this.options.onSelect = $.proxy(function (selectedDate) {
-                    to[this._picker()]('option', 'minDate', selectedDate);
-                }, this);
                 $.mage.calendar.prototype._initPicker.call(this, from);
-                from.on('change', $.proxy(function () {
-                    to[this._picker()]('option', 'minDate', from[this._picker()]('getDate'));
-                }, this));
                 this.options.onSelect = $.proxy(function (selectedDate) {
                     from[this._picker()]('option', 'maxDate', selectedDate);
                 }, this);