ACP2E-3033: Unable to export more than 200 orders

Author: pradeep1819

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

@@ -105,32 +105,62 @@ define([
             });
         },
 
+        /**
+         * Redirect to built option url.
+         */
+        applyOption: function () {
+            const option = this.getActiveOption();
+
+            this.postRequest(option);
+        },
+
         /**
          * Build option url.
          *
          * @param {Object} option
          * @returns {String}
          */
-        buildOptionUrl: function (option) {
-            var params = this.getParams();
+        postRequest: function (option) {
+            let params = this.getParams(),
+                data;
 
             if (!params) {
                 return 'javascript:void(0);';
             }
 
-            return option.url + '?' + $.param(params);
-            //TODO: MAGETWO-40250
-        },
-
-        /**
-         * Redirect to built option url.
-         */
-        applyOption: function () {
-            var option = this.getActiveOption(),
-                url = this.buildOptionUrl(option);
-
-            location.href = url;
-
+            data = $.param(params);
+            $.ajax({
+                url: option.url,
+                type: 'POST',
+                data: data,
+                showLoader: true,
+                xhrFields: {
+                    responseType: 'blob'
+                },
+                success: function (exportedData, status, xhr) {
+                    let a = document.createElement('a'),
+                        blob,
+                        url,
+                        disposition = xhr.getResponseHeader('Content-Disposition'),
+                        matches = disposition.match(/filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/),
+                        fileName = matches && matches[1] ? matches[1].replace(/['"]/g, '') : '';
+
+                    a.style = 'display: none';
+                    document.body.appendChild(a);
+
+                    blob = new Blob([exportedData], {
+                        type: 'octet/stream'
+                    });
+
+                    url = window.URL.createObjectURL(blob);
+
+                    a.href = url;
+                    a.download = fileName;
+                    a.click();
+
+                    window.URL.revokeObjectURL(url);
+                }
+            });
         }
     });
 });

dev/tests/js/jasmine/tests/app/code/Magento/Ui/base/js/grid/export.test.js

@@ -0,0 +1,112 @@
+/************************************************************************
+ * 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.
+ * ***********************************************************************
+ */
+
+/* eslint-disable max-nested-callbacks */
+define([
+    'jquery',
+    'underscore',
+    'uiElement',
+    'Magento_Ui/js/grid/export'
+], function ($, _, Element, ExportComponent) {
+    'use strict';
+
+    describe('Magento_Ui/js/grid/export', function () {
+        var obj;
+
+        beforeEach(function () {
+            // Mock for selections
+            var selectionsMock = {
+                getSelections: function () {
+                    return {
+                        excludeMode: false,
+                        params: {
+                            filters: 'filters',
+                            search: 'search',
+                            namespace: 'namespace'
+                        },
+                        selected: [1, 2, 3]
+                    };
+                }
+            };
+
+            // Initialize the instance with the mock
+            obj = new ExportComponent({
+                ns: 'testNamespace',  // Define ns here
+                options: [
+                    {value: 'csv', url: '/export/csv'},
+                    {value: 'xml', url: '/export/xml'}
+                ],
+                additionalParams: {foo: 'bar'},
+                imports: {},  // Ensure imports is initialized
+                selections: selectionsMock // Pass the mock
+            });
+
+            // Manually set the selections observable to the mock
+            obj.selections(selectionsMock);
+
+            // Mocking $.ajax to avoid actual server calls
+            spyOn($, 'ajax').and.callFake(function (options) {
+                if (options.url === '/export/csv') {
+                    options.success('csvData');
+                } else if (options.url === '/export/xml') {
+                    options.success('xmlData');
+                }
+            });
+        });
+
+        it('should initialize correctly', function () {
+            expect(obj.template).toEqual('ui/grid/exportButton');
+            expect(obj.selectProvider).toEqual('ns = testNamespace, index = ids');
+        });
+
+        it('should initialize checked value', function () {
+            obj.initChecked();
+            expect(obj.checked()).toEqual('csv');
+        });
+
+        it('should observe checked property', function () {
+            spyOn(obj, 'observe').and.callThrough();
+            obj.initObservable();
+            expect(obj.observe).toHaveBeenCalledWith('checked');
+        });
+
+        it('should return active option', function () {
+            obj.checked('xml');
+            let option = obj.getActiveOption();
+
+            expect(option.value).toEqual('xml');
+        });
+
+        it('should apply the option and call postRequest', function () {
+            spyOn(obj, 'getActiveOption').and.returnValue({ url: 'test-url' });
+            spyOn(obj, 'postRequest');
+            obj.applyOption();
+            expect(obj.postRequest).toHaveBeenCalledWith({ url: 'test-url' });
+        });
+
+        it('should post request correctly', function () {
+            spyOn(obj, 'getParams').and.returnValue({ param1: 'value1' });
+
+            obj.postRequest({ url: 'test-url' });
+
+            expect($.ajax).toHaveBeenCalledWith(jasmine.objectContaining({
+                url: 'test-url',
+                type: 'POST',
+                data: $.param({ param1: 'value1' }),
+                showLoader: true
+            }));
+        });
+    });
+});